What Is IxD? Interaction Design in the Digital Age

What is IxD

The words, “design” and “digital” are seldom far apart these days. Designers and artists in every field are growing in their appreciation of digital assets, and digital assets positively depend on designers to become intuitive products we can integrate into life.

Increasingly, these digital assets involve interaction. “Interactive media is changing so quickly,” says Crissy Bogusz, motion graphics and interaction designer. Bogusz says when she began her career, interactive media moved from web design, games, DVD and Blu-ray to mobile apps like Instagram and Snapchat.

But of course, interactive media like this doesn’t just spring into existence. There’s a reason certain applications catch fire and attract more users. Part of that reason is great interaction design—also called IxD.

When a platform is easy and intuitive to use, its design might seem extremely simple. But there is a lot going on under the surface to make it feel easy. “Most people don’t understand that complex interactions are needed for good design,” says Mike Palazzo, designer and developer at DefinedLogic.

When you start to realize that every product has a user who needs to be understood and accommodated in the design—you start thinking more like an IxD designer.

But what is IxD?

“IxDesign is based on the creation and development of visuals needed to help make an interactive project function,” Bogusz explains. “As a designer, for example, my job on an interactive product is to create aesthetics that help communicate to the user how that media platform works.”

Interaction design creates a visual communication that will guide the user through the format. You could think of it like artwork that functions as a map in disguise, seamlessly showing the user what to do and where to go. For example, a double arrow on the edge of a screen indicates there is more information to be found in that direction, or buttons that expand or collapse includes additional information. The goal of an interaction designer is to make the actions needed to access information or navigate a site or application as intuitive as possible—that feeling where something “just works” and makes sense to users.

IxD vs. UX design

If you’ve heard of user experience design (UX design) before, these ideas might sound familiar. On one level, they are all about the same thing—helping users use the product. But there is some divergence between the two.

“IxD gets the user from A to B by visually presenting them cues using graphic design, text or even video and motion graphics,” Bogusz explains. “UX conceptualizes the A and B.”

Basically, IxD visually supports UX. UX designers imagine an experience for the users, often based on studying analytics about the users and guessing how they will interact with the media, Bogusz says. “IxD is the visual construction of that concept.”

What do interaction designers do?

So how do the experts in IxD make the magic happen? Palazzo says weekly tasks can vary widely. He spends time developing creative solutions through sketches, designing individual components or building out entire design systems for an application or website.

“Interaction design is more about just working on media that has an interactive element,” Bogusz emphasizes. “A designer can work on buttons, for example, but an interaction designer will know where exactly those buttons will need to be placed based on the information and knowledge they have about their user and intuitive interactive design.”

Bogusz’s weekly tasks usually include assessing the assets she will be working with (imagery, video and text) and collating them into a visual story that will engage the audience.

“I enjoy looking back on a project that started with sketches on paper, grew into prototypes and became a fully realized, interactive application or website,” Palazzo says. “All designers know the satisfaction of looking back on their work and knowing they had a hand in creating something from nothing but an idea.”

“I love being able to learn new and emerging technology,” Bogusz says. Since interactive media changes so quickly, interaction designers need to stay on their toes, learning new tools as they come up. “It's always fascinating and enlightening. There's a significant merge right now between social media and interactive media.”

What skills and credentials do you need to be an interaction designer?

A review of almost 3,000 job postings for interaction designers revealed some important specialized skills employer want to see.* Here were the top five:

  • Adobe Creative Suite
  • UX Wireframing
  • Prototyping
  • User Interface (UI) Design
  • Interaction Design

Employers are also looking for designers with some education on their resumes. Of the 1,700 jobs that listed educational requirements, a solid 87 percent were looking for candidates with a Bachelor’s degree.

“Interactive design requires not only technical knowledge about interfaces and usability, but strong design and aesthetics,” Bogusz says. It’s a mixture of artistry and technology that is bound to satisfy both the creative and analytical sides of your mind.

“My number-one piece of advice to anyone entering the multimedia world is to learn various skills,” Bogusz says. “Multimedia is just that; it requires someone who understands, for example, design, audience and social media.” For example, do you know Illustrator as well as Photoshop? Can you do video editing as well as graphic design? “So many roles require varied skills, and most employers assume they won’t find someone with all these skills—so if you have them, then you will stand out.”

The ideal combination

For the right people, interaction design can be the perfect mashup of specialized skill with foundational graphic design abilities. It brings together both analytical and artistic mindsets, and it encompasses a wide range of new technologies that are always growing.

What is IxD? Ultimately, it’s a career choice ahead of the curve in terms of technology and design. Does interaction design intrigue you? Then you’ll want to check out the Web and Interactive Design Specialization program page to see how Rasmussen College can provide you with a foundation of design knowledge and skills to get started in this intriguing niche of design and development.

*Burning-Glass.com (analysis of 2,985 interaction designer job postings, Feb. 01, 2017 – Jan. 31, 2018)

About the author

Brianna Flavin

Brianna is a senior content manager who writes student-focused articles for Rasmussen University. She holds an MFA in poetry and worked as an English Professor before diving into the world of online content. 

Related Content

Related Content

This piece of ad content was created by Rasmussen University to support its educational programs. Rasmussen University may not prepare students for all positions featured within this content. Please visit www.rasmussen.edu/degrees for a list of programs offered. External links provided on rasmussen.edu are for reference only. Rasmussen University does not guarantee, approve, control, or specifically endorse the information or products available on websites linked to, and is not endorsed by website owners, authors and/or organizations referenced. Rasmussen University is accredited by the Higher Learning Commission, an institutional accreditation agency recognized by the U.S. Department of Education.

logo-accreditation-acen logo-accreditation-ccne chart-credential-laddering-associates-bachelors-masters 0 Credits 90 Credits 180 Credits 48 Credits Start Here HIGH SCHOOL GRADS Start Here TRANSFER STUDENTS Start Here SECOND DEGREE PURSUERS End Here ASSOCIATE'S DEGREE Start Here MASTER'S DEGREE PURSUERS End Here BACHELOR'S DEGREE End Here MASTER'S DEGREE chart-credential-laddering-associates-bachelors 0 Credits Start Here HIGH SCHOOL GRADS Start Here TRANSFER STUDENTS 90 Credits Start Here SECOND DEGREE PURSUERS End Here ASSOCIATE'S DEGREE 180 Credits End Here BACHELOR'S DEGREE chart-credential-laddering-msn chart-credential-laddering-nursing-programs chart-credential-laddering-nursing DNP MSN RN to BSN LPN to RN Bridge Accelerated BSN Professional Nursing ADN Practical Nursing Diploma Pre-Licensure Post-Licensure icon-colored-outline-bank icon-colored-outline-certificate icon-colored-outline-circle-dollar-sign icon-colored-outline-folder-search icon-colored-outline-hand-heart icon-colored-outline-head-blocks icon-colored-outline-head-cog icon-colored-outline-head-heart icon-colored-outline-health-plus-leaves icon-colored-outline-hospital icon-colored-outline-lifelong-learning icon-colored-outline-light-bulb-analytics icon-colored-outline-location-pin icon-colored-outline-magnifying-glass icon-colored-outline-monitor-healthcare icon-colored-outline-monitor-paper-search icon-colored-outline-nurse-rays icon-colored-outline-padlock-shield icon-colored-outline-person-presenter-screen icon-colored-outline-scales ras-logo-flame ras-logo-horizontal ras-logo-stacked icon-colored-advance icon-colored-arrows-cross-curve icon-colored-briefcase-star icon-colored-build icon-colored-bulb-analytics icon-colored-certificate icon-colored-continual-development icon-colored-duo-chatbox icon-colored-folder-mortarboard icon-colored-forward-ribbon icon-colored-gears-clock icon-colored-globe-pen icon-colored-growth icon-colored-hand-bubble icon-colored-hand-stars icon-colored-hands-gear icon-colored-head-blocks icon-colored-head-cog icon-colored-health-plus-leaves icon-colored-hospital-building icon-colored-laptop-cbe-skyscraper icon-colored-laptop-checkmark icon-colored-laptop-webpage icon-colored-location-map icon-colored-location-pin icon-colored-monitor-paper-scan icon-colored-mortarboard-dollar icon-colored-national icon-colored-people-chat-bubbles icon-colored-person-cheer-star icon-colored-person-laptop-checkboxes icon-colored-person-screen-instructor icon-colored-person-whiteboard icon-colored-phone-chatbox icon-colored-police-light icon-colored-prep icon-colored-presenter icon-colored-regional icon-colored-save-time icon-colored-shirt-hat icon-colored-skyscraper icon-colored-state icon-colored-student-centered icon-colored-support icon-colored-world-experience icon-triangle-arrow-up-plant icon-triangle-calendar-pencil icon-triangle-clock-rotating-arrows icon-triangle-display-gears icon-triangle-hand-right-speech-bubble icon-triangle-laptop-coding-brackets icon-triangle-mortarboard icon-triangle-paper-ribbon icon-triangle-person-cheer-star icon-triangle-person-juggle icon-triangle-triple-people-chat-bubble icon-modality-campus icon-modality-field icon-modality-online icon-modality-residential icon-arrow icon-bank icon-camera icon-filter icon-general-chart icon-general-connect icon-general-degree icon-general-discuss icon-general-email icon-general-find icon-general-hat icon-general-heart icon-general-laptop-building icon-general-laptop icon-general-leader icon-general-map icon-general-money icon-general-paperwork icon-general-people icon-general-phone icon-general-speak-out icon-head-heart icon-info-circle icon-mail-forward icon-mglass icon-play-solid icon-quote-mark-left icon-quote-mark-right icon-scales icon-share-square-o icon-simple-chat icon-simple-desktop icon-simple-find icon-simple-hamburger icon-simple-phone icon-spinner icon-tag icon-testimonial-quotes icon-util-checkbox-white icon-util-checkbox icon-util-checked-white icon-util-checked icon-util-chevron-down icon-util-chevron-left icon-util-chevron-right icon-util-chevron-up icon-util-circle-arrow-down icon-util-circle-dot icon-util-language-switch icon-util-loading icon-util-open-window-link icon-util-pdf-link icon-util-refresh icon-util-x rebrand-arrows icon-social-facebook-colored icon-social-facebook-square-colored icon-social-facebook-square icon-social-facebook icon-social-google-plus-square icon-social-google-plus icon-social-instagram-colored icon-social-instagram icon-social-linkedin-square-colored icon-social-linkedin-square icon-social-linkedin icon-social-pinterest-p-colored icon-social-pinterest-p icon-social-twitter-colored icon-social-twitter-square icon-social-twitter icon-social-youtube-play-colored icon-social-youtube-play graduate-cap-star-coin hand-coin hand-heart nurse-stethoscope-rays card-send-smile person-yoga-pose suitcase-star