0% found this document useful (0 votes)
47 views132 pages

MoovieBox UI Design Overview

Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
47 views132 pages

MoovieBox UI Design Overview

Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd

Microsoft UX Design

Professional Certificate syllabus


overview
Welcome to the Microsoft UX Design Professional certificate program. User experience
(UX) design is a discipline focused on making websites, apps, and other digital products
like software interfaces easier for people to understand and use. UX and user interface
(UI) designers design and build the interface that these digital products’ users interact
with to navigate to the information and actions that they need as quickly and efficiently
as possible. They also make sites and apps visually appealing to engage the user.

UX designers are like detectives focused on understanding the following:

 Who will use the digital product

 How the product can solve problems

 Testing and improving the product

This program explores the landscape of UX design through the eyes of an entry-level
UX designer embarking on a new career. That could be you someday. This certificate
gives you an inside look at UX design roles and responsibilities, tools and
methodologies, and helps you understand what prospective employers are looking for in
an entry-level professional.

Courses

The Microsoft UX Design Professional Certificate is made up of four different courses:

1. Fundamentals of UI/UX Design: In this course, you’ll have the opportunity to


explore the core concepts that make up user experience design (UXD) and human-
centered design (HCD). You’ll also be introduced to design thinking, a methodology for
solving user problems and how it is used in UX/UI design. Finally, the course will cover
the different UX roles and responsibilities, discuss the skills and abilities prospective
employers look for, and give you a chance to start work on a portfolio of your designs
and experiences.
2. Designing for User Experience: In this course, you will have the opportunity to
take a detailed look at the practice and importance of user research. You’ll explore how
to analyze user needs through different user research methods, then learn how to
interpret and use the insights you uncover to correctly identify the true user need and
the problem your design will have to solve. You’ll also dive deep into design ideation
techniques and use Design Thinking to generate storyboards, user flow diagrams, and
journey maps.
3. User Interface Design and Prototyping: In this course, you will explore the
creation of wireframes and prototypes to validate design decisions and how to use them
to get feedback to adjust and iterate your design to make sure it accomplishes its
purpose successfully, and stays focused on the user experience. In the activities and
projects, you will be asked to create wireframes, mockups, and prototypes using Figma
and Fluent 2 Design, applying your learning to tangible solutions.
4. UX Design in Practice: Accessibility and Collaboration: In this course,
you will apply visual design principles you’ve been hearing about to create high-fidelity
mockups. You’ll also consider platform-specific design patterns and best practices,
accessibility issues and working with users, stakeholders and other team members.
This will include incorporating user feedback from usability testing to iterate and validate
your designs.

Modules and lessons

Each course is divided into four or more modules. Each module identifies a topic in the
course. The information is further broken down into lessons within each module. In this
course, Fundamentals of UI/UX Design, there are four modules:

1. Introduction to user experience design, which explores the core principles of


UXD and HCD, highlighting the value proposition of UXD for both businesses and
users. It introduces the way design can influence user behavior and the impact of UX
design on the overall user experience.
2. Roles in a UX design team, which looks closely at UX teams, exploring the daily
tasks of a UX designer, different UX roles and their contributions, and how these
different disciplines collaborate to create exceptional user experiences.
3. Frameworks and process: Design thinking, which explores theory and process of
design thinking, a popular framework used in UX design, as well as diving into its stages
and how they are applied to solve user-centered design problems. Into also touches on
other frameworks like Lean UX and Double Diamond, and discusses UX deliverables.
4. Introducing the portfolio project, which describes the importance of a good UX
portfolio and identifies the key components of strong case studies that showcases your
design process and problem-solving skills. This module also introduces you to the
portfolio project you will be creating, step by step, as you complete this training.
Throughout these modules and lessons, you’ll also have the opportunity to learn and
participate in a variety of ways—videos, demonstrations, readings, assignments, and
quizzes. There are only three things you need to start this journey:

 A computer running Windows 10 [64 bit] or MacOS 10.14+

 A working knowledge of Microsoft Office or Google Suite tools

 A Google account (existing or new)

The syllabus on the left side of the screen is your best resource to guide you through
the certificate program. Take a look at it, and then let's get started.

Introduction to the Coursera


Community
Get help and meet other learners. Join your Community!

Are you looking for help with the platform or course content? Eager to connect with your
fellow learners? Dive into the heart of your dynamic Community now!

Thousands of learners like you use the Community every day to:

 Get help when they’re stuck.


 Get advice on the right career path and courses for them.
 Meet people with the same interests or on the same journey.

When you have a question or are ready to start a conversation, click this link to head to
the UX design topic.

You can use the UX design topic to ask questions and learn more about UX design, or
join one or more groups to find people like you. You can start by introducing yourself or,
if you’re not ready to post just yet, follow the topics and groups you’re interested in so
you can come back to the conversations later.

Engage, Learn, and Thrive Together

Figma fast track: Your first


wireframe
Overview

Welcome to Figma fast track: Your first wireframe! Here, you can get a quick taste of
what it's like to be a UI designer by following along as we build a wireframe (or rough
design layout) for the home screen of the new movie streaming app, MoovieBox. We'll
be utilizing a very common UI design pattern for navigating collections of items: the feed
strip. Don't worry if this feels a bit unfamiliar, we've got a detailed video to show you the
full process and you'll learn more about everything done here as you continue in the
certificate. Also, if you don't want to jump into Figma yourself yet, feel free to just watch-
along.

To get started

 Open up the Figma starter file in a separate window.

 Log in to your Figma account (or Sign up for an account if you haven't already)

 Proceed to the next item to see the follow-along video. The video has no sound, just
visuals and text annotations to help you with the process. Make sure to pause whenever
you need to catch up. And as you watch, pay attention to the lines that automatically
appear as you drag objects in Figma. These are super helpful for perfectly aligning
objects with each other.

Additional Guidance

 If you prefer, you can use the supplemental text-based instructions in the item after the
follow-along video.

 If you need additional Figma support as you work on the activity, you can view the
Figma Learn help articles.

Mark as completed
Like
Dislike
Report an issue

Figma fast track: Supplemental


text instructions
You can use these text-based instructions for the Figma fast track activity if you prefer.
If you've already completed the activity by following the video, you can skip this reading.

1. Drag the movie tile (small white rectangle) into the top-left of the iPad screen area.

2. Duplicate (Cmd+D on Mac, Cntrl+D on PC) the movie tile. The new tile will appear
directly on top of the original one. Copy and paste can be used instead of duplicate if
needed.

3. Drag the new tile to the right of the first one, using the auto-alignment guide-lines to
make sure the tiles are horizontally aligned.

4. With the second tile still selected, use the duplicate command again. Notice how Figma
perfectly places the tile for you this time. With the third tile still selected, duplicate one
more time.
5. Use the "T" icon at the top of the screen to add a text box to your design. Enter the text
"Feed title" to the box and increase the font to size 24 using the "Design" pane on the
right on the screen. Drag the text box directly above your strip of movie tiles, using the
auto-alignment lines to make sure it is aligned to the left of the first tile.

6. Click and drag to select the feed title and the 4 movie tiles. Duplicate this entire feed
strip using the duplicate command. The full set of new items will be selected. Click and
drag to move the full new feed strip a small distance below the first one, ensuring the
left edges of both strips are aligned with each other.

7. With the full second feed strip still selected, use the duplicate command again. Notice
how Figma perfectly places the new feed strip for you this time.

8. These three feeds will be the most important, since they are the first ones seen in the
app. Think from the perspective of someone using the app. What 3 feeds (or movie
groupings) would be the most important? Update your feed titles to represent your
chosen groupings.

If you need additional Figma support, you can view the Figma Learn help articles. Your
final wireframe should look something like this:
Well done!

Great work getting through your first UI design task! We hope it helped you get a little bit
of a feel for what it's like to be a UI designer.

The digital landscape: Where


UX design shines
Close your eyes for a second and imagine you are walking through a busy city. Cars
drive along a network of roads. Pedestrians line the sidewalks and crosswalks on their
way to their destinations. Skyscrapers tower overhead. Every city is a testament to
human ingenuity. Architects, planners, and various designers and engineers collaborate
to put them on the map and keep them going day by day.

Open your eyes. The city you imagined represents the digital landscape of websites,
apps, software, and more, all of which relies on future UX designers like you to create it,
establish order, and make it easy and convenient for users to navigate through it.

Staying with the city theme, UX designers act as the architects of the digital world. But
instead of buildings, they craft interfaces and navigational paths that are functional,
intuitive, engaging, and cater to users’ wants and needs.

At its core, UX design is guided by a set of principles that ensure positive user
experiences. These principles include:

 User-centered design, which means putting the user at the forefront of everything
you do as a UX designer. Understanding the target user’s needs, motivations, and
behaviors is essential for crafting successful and positive user experiences. For
example, let’s say you’re working on a social media platform. You conduct research and
learn that users are frustrated with the lack of personalization in their news feeds. Using
user-centered design helps you create a feature that lets people customize their feed
based on their interests.
 Usability, which means a website, app, or software interface should be easy to learn,
use, and navigate, even for first-time users. For example, a recipe app designed for
amateur cooks might feature step-by-step instructions with accompanying images for
recipes to make it easy for users to follow along.
 Information architecture, which is how information is organized and presented.
This allows users to find what they need quickly and efficiently. For example, an e-
commerce website would use a well-organized category system, so users can easily
navigate to the specific product they're interested in.
 Visual hierarchy, which is how visual elements like size, color and contrast guide
the user's eye and emphasize the most important information. For example, a news app
might use bold headlines, contrasting colors, and larger font sizes to draw attention to
breaking news stories, while less urgent news items are displayed in smaller font sizes
or occupy less prominent positions on the screen.
 Accessibility, which means designing in features so the site or app can be easily
used by everyone, regardless of ability—including people with visual impairments,
motor limitations, and cognitive differences. For example, a banking app could include
features such as adjustable font sizes, high-contrast color schemes and alternative text
for images to accommodate users with visual impairments.

The applications for UX design are always evolving. Let's briefly explore the types of
digital products UX where design plays a critical role and the common problems
designers like you will need to solve.

Websites

Websites are the digital storefronts for individuals, groups, and businesses and
organizations. A well-designed website with clear navigation, engaging content, and a
smooth user flow can make the difference between the user becoming a loyal customer
or just a frustrated visitor.

Common UX problems include confusing navigation menus, slow loading times,


unclear calls to action and hidden contact information. Let’s look at a few examples of
the difference good UX design can make.

 Example 1: A local bakery's website might have common design problems like users
hunting for “hidden” menus or struggling with a confusing checkout process that
requires them to create an account before placing an order. Good UX design would
show images of pastries that are for sale, have clear navigation, contain an online
ordering system with clear instructions and enable users to complete their purchase in
just a few clicks. The focus is on usability.
 Example 2: News websites can often include confusing navigation and an unclear
user flow, whereas a well-considered UX design would prioritize delivering information
efficiently. Articles would be categorized clearly, headlines would be informative and
scannable, and images would be high-quality and relevant. Users could easily
personalize their newsfeed to see content that aligns with their interests, and the
website would be optimized for mobile devices to ensure a seamless reading
experience on the go.

Mobile apps

Mobile apps help people navigate the world—order food, manage their finances, and
connect with loved ones. But a poorly designed app can be a source of frustration, like a
fitness app with a cluttered interface, unclear workout instructions, and a complex login
process.

Other common UX problems include complex onboarding processes, unclear


icons, lack of responsiveness on different devices and intrusive [Link]’s look at how
good UX design can help.

 Example 1: A fitness app with a well-designed UX would be intuitive to navigate,


motivate users to reach their fitness goals, and make tracking progress easy. Users
could quickly find workout routines tailored to their fitness level, with clear instructions
and even video demonstrations. The app might also integrate with wearable devices to
track progress automatically and offer personalized encouragement.
 Example 2: A ride-hailing app built on good UX design would allow users to request a
ride with just a few taps. It would also clearly display the estimated wait time and fare,
show the driver's location on a map in real-time, and offer multiple payment options for a
smooth and convenient user experience.

Both of these examples show an understanding of user needs and goals in their UX
design.

Software applications
Productivity software helps people get things done efficiently. But complex menus and
un-intuitive interfaces can turn even the most powerful program into a productivity
nightmare.

Common UX problems here also include unclear terminology, lack of keyboard


shortcuts, and poorly designed tutorials.

 Example 1: Video editing software with a strong UX design enables beginners to


easily learn the basics and gives experienced editors access to powerful tools without
complicated menus—this shows clear onboarding, hierarchy and familiarity for app
users. Important tools would be easily accessible, including things like intuitive drag-
and-drop functionality, clear labeling and readily available tutorials. These would all
contribute to a positive user experience.
 Example 2: Project management software with well-designed UX streamlines
collaboration and keeps teams on track, by giving users control, easy-to-digest
information and visual hierarchy that lets them choose what to work on and how. Such a
platform would allow users to create tasks, assign deadlines, track progress visually and
communicate seamlessly within the project. Users could also customize dashboards to
see the most relevant information at a glance, maximizing their efficiency and keeping
projects organized.

Physical products with digital interfaces

Even physical products are getting a UX makeover.

Common UX problems here could include unresponsive touchscreens, unclear


error messages, and difficulty connecting to Wi-Fi. Let’s look at some examples of how
UX would make it better.

 Example 1: A smart home device with a well-considered UX design would


seamlessly integrate with a user's lifestyle—this shows empathy in that the app
designers understand and eliminate user frustration. This includes things like a smart
lighting system that allows users to adjust brightness, set schedules and even create
custom lighting scenes for different activities. It could also provide clear instructions for
setup and troubleshooting.
 Example 2: A smart wearable device with excellent UX design would prioritize user
comfort and functionality. The device would be lightweight, with a user interface that is
easy to navigate and understand. Data would be presented in a clear and concise way,
allowing users to track their health and fitness metrics with ease. The device would also
offer customizable settings and notifications, allowing users to personalize their
experience and customize how the device operates.

Emerging Technologies

The digital landscape is constantly expanding, and UX design will be at the forefront of
shaping the user experience for emerging technologies like virtual reality (VR) and
augmented reality (AR). Great UX design in VR enhances the virtual experience so it’s
smooth, comfortable and allows users to fully immerse themselves in the virtual
environment. An example might be a virtual guided museum walkthrough for special
exhibits. Similarly, AR experiences that overlay digital information over real-world
applications would rely on intuitive UX design to be functional, engaging and user-
friendly.

All this brings us back to the very first principle we mentioned: user-centered design. UX
design is all about creating positive user experiences, making websites, apps, software
and other digital interfaces as intuitive and engaging as possible so that users can
navigate with ease and accomplish their goals without frustration.

By understanding the principles of UX design and how they can be applied to various
digital products, you'll be well-equipped to become a valuable, even integral player in
this exciting and dynamic field.

And, as technology continues to evolve, the possibilities for UX design are seemingly
limitless. So it will be up to UX designers like you to continually shape the way people
interact with the ever-evolving digital landscape.

UX Glossary
There are several terms, tools and models or methodologies used in the discipline of
UX design by UX designers like you. This glossary lists the most common ones along
with their definitions.
Terms

Accessibility: Designing products and websites so everyone can use them, including
people with disabilities. Think of it like ramps next to stairs, offering different ways to
achieve the same goal.

Alignment: How elements (like text or images) line up with each other on the page.
Good alignment makes everything look organized and professional.

Balance: Distributing design elements evenly (or sometimes unevenly!) to create


visual harmony. Think of a seesaw – you want equal weight on both sides for balance.

Color Theory: The science behind how we perceive color and how to use it
effectively in design. It covers color wheels, warm/cool colors, and how to create
pleasing combinations.

Contrast: Using difference to make elements stand out. You can have high contrast
(black text on white background) or low contrast (two similar shades).

Hierarchy: Arranging elements by importance to guide the viewer's eye through your
design. Think of a newspaper headline being the most prominent element.

Human-Centered Design (HCD): A principle that prioritizes people in the design


process, considering the impact of a design on all humans involved, not just the
immediate users.

Information Architecture (IA): Organizing the content of a website or app in a


way that's easy to find and understand. Think about it like how a library is organized into
sections.

Interaction Design: Designing how users interact with a product, like what
happens when they click buttons or swipe on their phone.

Journey Map: A visual diagram showing the steps a user goes through when
interacting with a product or service, including their emotions and pain points.

Negative Space (or Whitespace): The empty areas around design elements.
Good use of negative space gives your design room to breathe and adds elegance.
Proportion: The relationship between the sizes of different elements in a design.
Think about the difference between a large image and a smaller caption below it.

Prototype: A basic model of your design idea. It can be a simple drawing or a


clickable model made with software. Prototypes let you test your ideas cheaply.

Repetition: Using the same pattern or element multiple times to create consistency
and a sense of unity.

Typography: The art of choosing and arranging fonts for both style and readability.

User Experience (UX): How a person feels when they use a product, website, or
app. It includes:

 Emotions: Does it make them feel happy, frustrated, or confused?


 Ease of Use: Is it simple to figure out how to do what they need, or do they get lost?
 Efficiency: Can they complete tasks quickly, or does it take too many steps?
 Overall Impression: Would they recommend it to a friend, or did they have a bad
experience?
User Flow: The path a user takes through a website or app to complete a task. Think
about it like the steps you take to buy something online.

User Persona: A fictional character that represents a typical user of your product.
Personas help you design with your users in mind.

User Research: Learning about the people who will use your product – their needs,
behaviors, and challenges.

Usability Testing: Watching real users try your design to find problems and see if
it's easy to use.

Wireframe: A simple outline of a website or app, showing the basic layout and where
content will go. Think of it like the sketch of a house before it's built.

Tools

Adobe Creative Suite (Photoshop, Illustrator, InDesign): Industry-


standard tools for image editing, vector graphics, and layout design.
Canva: User-friendly online design tool with templates and resources for non-
designers.

Color Wheel: A visual tool to help you understand color relationships and choose
harmonious combinations. Many online versions exist!

Figma: Popular software for creating designs, prototypes, and collaborating with your
team.

Font Libraries (e.g., Google Fonts): Places to find a huge variety of fonts for
your projects.

Fluent 2: Microsoft's updated design system that serves as a blueprint for how digital
products should look and feel, offering rules and reusable components.

Optimal Workshop: A suite of tools specifically focused on user research (card


sorting, tree testing, surveys, etc.).

Miro: A virtual whiteboard for brainstorming, planning projects, and working together
remotely.

PowerPoint: A program within the Microsoft Office suite that lets you create slides
for presentations. You can include text, images, videos, charts, animations, and
transitions within your slides.

Pen and Paper: Don't underestimate the power of sketching! Start with simple tools
to quickly get your ideas down.

Sketch: Another design software similar to Figma.

Whimsical: Tool for creating wireframes, flowcharts, and other diagrams.

Models and Methodologies

Methodologies and approaches often intertwine. For example, you might use a Design
Thinking methodology with a strong User-Centered Design approach. The best choice
depends on your project and team.
Agile UX: Adapting the Agile software development approach to UX design. It
focuses on short development cycles, continuous feedback, and collaboration.

Design Sprint: A time-boxed process (usually a week) to quickly solve a design


problem, move from idea to prototype, and get feedback.

Design Thinking: A human-centered problem-solving process used in UX design


with stages like:

 Empathize: Understand users' needs and pain points.


 Define: Clearly state the problem to solve.
 Ideate: Brainstorm a wide range of solutions.
 Prototype: Create basic models of your ideas.
 Test: Get feedback from users and iterate on your design.

Heuristic Evaluation: A way to review a design by comparing it to a set of UX


principles (heuristics) to find potential usability problems.

Lean UX: A streamlined approach emphasizing quick cycles of building, measuring,


and learning. It's about validating ideas fast with minimal resources.

Participatory Design: Actively involving users as co-designers throughout the


process. This increases ownership and ensures the solution aligns with their needs.

Surveys: Questionnaires used to gather information from a large group of users.

Tree Testing: A research method used to evaluate how easy it is to find information
within the structure of your website or app.

User-Centered Design (UCD): Putting users at the heart of the design process. It
involves deeply understanding their needs, behaviors, and goals.

Welcome back to the world of UX design.


In this video, we're going to talk about what UX design is good for—
in other words, who really benefits from the use of UX design?
By the end of this video, you will be able to define the value proposition for
UX design, and explain the benefits for businesses and users.
In other words, UX design is better for everyone.
Let’s dive in and see how.
Let’s start by unpacking the value proposition for UX design.
UX design is all about crafting digital products that are not only visually
appealing, but also user-friendly and efficient.
UX designers focus on creating positive user experiences that keep people
coming back.
This is a benefit enjoyed by both businesses and
the people who use their websites, apps and software.
How does UX design benefit businesses?
UX design can drive real results for
businesses. By prioritizing the user experience,
businesses can increase conversions (when a customer takes an action,
such as purchasing a product online), improve customer satisfaction, and
foster brand loyalty.
Plus, when users who interact with the business’ website or
app can get what they need— whether that's information, products, or
some other benefit—quickly and easily, they're more likely to return,
recommend the app or site to other people, and even become loyal customers.
By using UX design to provide customers with a more positive experience with
their brand a business can increase its profits and better its reputation.
The benefits of UX design aren't limited to businesses.
Users also reap the rewards of any business’s UX design focus.
With an intuitive interface, customers can complete tasks efficiently,
find the information they need quickly and navigate the site or app easily.
UX design enables users to achieve their goals and enjoy a more pleasant online or
in-app experience, which reduces frustration and streamlines the time and
effort they have to put in.
To get a better idea of how UX design impacts a business and its customers,
let’s look at three different scenarios.
FashionFlare, is a trendy online clothing retailer that prioritizes aesthetics over
usability.
Their website is a visual feast, with vibrant images and
eye-catching animations.
However, navigating the site is like moving through a maze:
buttons are hidden, categories are unclear, and checkout is a nightmare.
Because of this, many frustrated users abandon their carts and
turn to competitors with more user-friendly websites.
Clearly, consequences of neglecting a good UX design cost FashionFlare plenty—
a high bounce rate (users who only view the first screen and
exit immediately) decreased conversion rates,
people leaving the site without making a purchase and ultimately, a loss of revenue.
The good news is that if FashionFlare chose to revamp its UX design,
they could reverse these negative trends with things like intuitive navigation,
a streamlined checkout process, and personalized recommendations.
They'd benefit from increased conversions, improved customer satisfaction,
and ultimately, a stronger brand reputation.
And their customers would enjoy a seamless shopping experience, with easy
navigation,
personalized recommendations, and hassle-free checkout.
Those are the kinds of features that encourage customers to return and
become loyal.
TravelEase, on the other hand,
is a travel booking platform that understands the importance of UX design.
The company's new website features intuitive search functionality,
clear navigation menus, and personalized recommendations.
Users can book flights, hotels, and activities with just a few clicks.
Since upgrading their old website, TravelEase has seen a significant increase
in conversions, customer satisfaction, and repeat business.
TravelEase is an example of how investing in UX design pays off.
The business enjoys benefits like higher conversion rates,
increased customer loyalty, and a stronger brand reputation. Why?
Because TravelEase gave its customers convenience,
efficiency, and the peace of mind that comes with using a well-designed platform.
Our final example is TechRush,
a tech startup that prioritizes quick development over usability.
In their latest offering, they rushed to release new features and
updates without thoroughly testing how they impact the user experience.
As a result, their app is riddled with bugs, crashes often, and
has several usability issues.
The company's end users are frustrated and Disillusioned, which led to negative
reviews, high churn rates, and their brand reputation also took a serious hit.
However, if TechRush were to prioritize UX design, future iteration could
eliminate bugs, improve performance, and create a more intuitive user interface.
This would lead to increased user satisfaction, higher retention rates, and
ultimately, a more positive brand perception.
Plus, their users would benefit from a smoother,
more reliable software experience,
allowing them to accomplish security tasks efficiently and without frustration.
As you can see, UX design isn’t just a nice-to-have—
it’s a must-have for businesses that want to thrive in today’s marketplace.
By prioritizing user experience, businesses can increase conversions,
improve customer satisfaction, and foster brand loyalty.
The benefits are just as significant for users in terms of efficient task
completion, intuitive interfaces, and reduced frustration.

From gut feeling to user focus


As we’ve mentioned in other places, the concept of design, and UX design in particular,
is always evolving. In this reading we’re going to discuss the evolution from traditional
design methods to Human-Centered Design (HCD) which is a foundational principle for
UX design. But first let’s take a moment to look at each of them.
A traditional design approach to a website may focus heavily on aesthetics, using
visually appealing graphics and layouts. While this creates an attractive interface, it may
overlook user needs and good functionality—things like confusing navigation, unfiltered
search engines, hidden or unclear menus that make it hard for a user to accomplish
what they went to the site for.

In contrast, HCD applied to a mobile app would likely involve extensive user research,
iterative prototyping, and user testing to make sure the app addresses user needs and
preferences, leading to a more user-friendly and intuitive experience.

Let’s look a little closer.

Traditional Design

Traditional design, once the cornerstone of creative endeavors, is a process driven


primarily by the designers' assumptions and aesthetic preferences. In this approach,
designers rely on their knowledge, intuition, and personal taste to build interface
designs without extensive input or feedback from end-users. While traditional design
has merit, its reliance on designers' subjective judgments can create limitations—
designs based on a designer's assumptions or aesthetic preferences may not align with
user needs and expectations.

Without thorough understanding and validation of user requirements, the website, app
or software program can end up being difficult or confusing to use. This creates user
frustration, which in turn leads to a bad user experience, as well as negative reports and
feedback, low adoption rates, and losing ground to the competition for the companies
behind the site or app.

So why might there be a gap between a designer’s intuition and the users’ needs?
There are several potential reasons:

 Assumption bias, which is when designers use their own personal preferences
about what users need and how they behave without conducting thorough user
research or validation.
 Limited user input, which is when designers don’t involve users early and often in
the design process. Without this input, they don’t understand real user needs and pain
points.
 Overemphasis on aesthetics, which is when designers prioritize visual appeal
over usability and functionality.
 Lack of empathy, which means designers aren’t able to truly relate to users from
diverse backgrounds and develop a narrow perspective of user needs and preferences.
 Insufficient user testing, which can result in design decisions that don't resonate
with users or address their actual challenges.

In addition, traditional design often overlooks the iterative nature of product


development. By focusing on delivering a finished product based on initial assumptions,
traditional design fails to account for the evolving needs and preferences of users. This
inflexibility can result in products that quickly become outdated or fail to adapt to
changing market dynamics.

Human-Centered Design (HCD)

Human-Centered Design (HCD) is a revolutionary approach that places the user at the
heart of the design process. Unlike traditional design, which focuses on designers'
subjective judgments, HCD prioritizes understanding user needs and feedback
throughout every stage of a digital product’s development. It is an iterative approach
that relies heavily on continuous testing, refinement, and validation. To paraphrase
Ernest Hemingway, the first draft of a design will not be good enough. But by refining
and revalidating it over and over, designers and their teams can feel certain the final
product meets the needs and expectations of its intended users.

The Human-Centered Design (HCD) approach typically involves the following steps:

1. Empathize: This is where the design team focuses on understanding the users'
needs, motivations, and pain points through user interviews, observation sessions, and
empathy mapping to gain deep insights into users.
2. Define: Here, the design team defines the problem the site or app is being created to
solve. They create a problem statement based on the insights gathered during the
empathize step, synthesizing the research findings to identify key user needs and
challenges, which will be the foundation for the design process.
3. Ideate: This is when the team and sometimes the stakeholders, brainstorm to
generate several possible solutions to address the defined problem. They use sketches,
wireframes, whiteboard diagrams, and other creative techniques to explore diverse
ideas and concepts.
4. Prototype: This is where the design team creates tangible representations of the
design ideas from the ideation step. Prototypes can range from low-fidelity sketches and
wireframes to high-fidelity interactive mockups or interactive examples depending on
where they are in the HCD process.
5. Test: Testing is crucial for gathering feedback and validating design concepts with real
users. The design team conducts usability testing, user interviews, and other evaluation
methods to see how well the prototypes meet user needs and expectations, and to get
feedback and suggestions.
6. Iterate: Based on the feedback received during testing, designers iterate on the
design by making improvements, refinements, and adjustments. Iteration is an ongoing
process that continues until the design effectively addresses user needs and achieves
the desired outcomes of the project.

By centering your design efforts around user needs and preferences, HCD enables you
to create user-friendly and efficient sites, apps, and software that align with the target
user’s goals and aspirations. In addition to an improved user experience this process
can also lead to increased business success, including higher customer retention rates,
improved brand loyalty, and greater market competitiveness.

Now that you’ve had a chance to look closely into the particulars of traditional design
and HCD, let's see how they might play out in real-world scenarios.

Traditional Design Scenarios

Scenario 1: CosmicTech is a fictional technology company specializing in mobile


apps created by a team of talented designers. CosmicTech prides itself on creating
visually stunning apps that push the boundaries of design aesthetics. However, their
latest app, CosmicChat, fell short of user expectations. Despite its sleek interface and
eye-catching animations, it’s hard to navigate through the app's complex features.
Users were frustrated and the reviews have been profoundly negative.

Scenario 2: SavvyStyles is an online fashion retailer renowned for its trend-setting


designs. With a focus on aesthetics, SavvyStyles launches their new website featuring
bold visuals and avant-garde layouts. But, like the CosmicChat in the last scenario,
even users who were impressed by the look of the site were frustrated by its
functionality—the menus were confusing and poorly labeled, making it hard to find the
products they were looking for. As a result, SavvyStyles experienced high bounce rates
and decreased conversion rates, which had a significant impact on the company’s
bottom line.

Clearly the designers in both these scenarios needed to better understand what their
users needed from the app and the website. The companies should have done more
user research at the beginning of the process and more user testing during the app’s
development.

Human-Centered Design Scenarios

Scenario 1: EcoEats is a startup that wants to revolutionize the meal delivery


industry. Embracing the HCD principles of placing the user at the heart of the process
and continuous testing, refinement, and validation, EcoEats starts its “revolution” by
conducting extensive user research to understand the dietary preferences and lifestyle
habits of its target audience. Armed with these valuable insights, the company commits
to iteratively designing and testing prototypes, refining its meal delivery app's features
and functionality based on user feedback. In the end, they delivered a user-friendly app
that empowered people to plan nutritious meals effortlessly, leading to improved health
outcomes and increased customer satisfaction. The app is also gorgeous, though that
was never the focus.

Scenario 2: GreenGadget is a sustainable electronics manufacturer that’s committed


to reducing its environmental footprint. By adopting the same HCD principles as the
company in the previous scenario, GreenGadget began by engaging with users to
understand their needs and preferences when it comes to eco-friendly technology. Then
they conducted collaborative ideation sessions, which led them to iterative prototyping
and usability testing—always keeping users and their needs front and center. Using this
approach, the company has developed a range of innovative apps and gadgets
designed to enhance the user experience while minimizing their environmental impact.
As a result, GreenGadget earns rave reviews from users and industry experts alike,
establishing itself as a leader in sustainable technology solutions.
As you can see, the transition from traditional design to Human-Centered Design
represents a bit of a paradigm shift in the field of design—emphasizing usability,
collaboration, and user-centricity. By embracing HCD principles, designers and
businesses can work together to create products that not only meet user needs but also
exceed their expectations, fostering meaningful connections and driving positive change
in the world.

Does that sound like something you’d like to be a part of? Good, because the future
needs UX designers like you to embrace human-centered design and unlock the true
potential of user-centric innovation.

The pillars of human-centered


design (HCD)
Welcome back. Let’s continue exploring the concept of Human-Centered Design (HCD),
a UX design methodology that makes people the primary focus of the design process.
The purpose is to make sure all design decisions are made with the user in mind. In this
reading, we'll explore the four core principles of HCD and see how they can help you
transform UX design.

The whats and whys of HCD

As we said before, HCD is an iterative design approach that prioritizes the needs,
preferences, and experiences of users throughout the entire design process. For
example, say a national chain of training gyms wants to create its own fitness app. They
begin with user research and learn their target users want a simple, intuitive app that
tracks their fitness metrics, provides personalized recommendations, and offers social
features for motivation. This information becomes the foundation and goal of every
subsequent step and interaction of design and development.

Unlike traditional design methodologies that might focus more on aesthetics or even
technological feasibility, HCD places the human perspective at the forefront, so that the
app is not only eye-catching and usable but also meaningful and impactful.
At its core, HCD asks designers and their teams to empathize with the users they are
designing for, so someone like you can gain a deep and personal understanding of and
connection with your users’ behaviors, motivations, and pain points. To accomplish this
you’ll engage with those users through different types of research, observation, and
sometimes even co-creation sessions to gain insights into their needs and experiences.
Then you’ll use these insights during the rest of the steps of the HCD—defining the
problem, ideation, prototyping, testing, and iteration—so the solutions you come up with
are always created and refined based on actual user feedback.

HCD also has a strong emphasis on collaboration and interdisciplinary teamwork. The
reason for this is so the various designers on a project—along with the researchers,
engineers, and stakeholders—are always on the same page as they work together on
the website, mobile app, or software program. By promoting empathy, iteration, and
collaboration, HCD empowers both designers and organizations to create products,
services, and systems that meet user needs and positively impact their experience.

There are four core principles, or pillars, of HCD:

 Be people-centered
 Find the right problem
 Think of everything as a system
 Implement small and simple interventions

Let’s take a quick look at how each one affects UX design.

Pillar 1: Being people-centered

Being people-centered calls for prioritizing the needs, preferences, and experiences of
users in every stage of UX design, from the initial ideas to final implementation and
release.

Being people-centered means not just understanding the target users' explicit needs but
also digging deeper to understand and take into account their underlying motivations,
emotions, and desires. People-centered means empathizing with your users, using your
imagination as well as your creative problem-solving skills to figuratively walk in their
shoes. When you invest the time and energy to do this, you will be better able to
actively involve user insights in the design process. Placing users at the center of
decision-making, empowers you to create solutions that truly resonate with the
product’s target market.

Let’s take a minute and revisit that fitness app we mentioned earlier. In the initial design
meetings the design team discusses and explores the lives of their target users, using
the insights and information gathered from the initial user research. This frees each of
them to look past features and functionality to focus on how the users will feel about and
experience the app.

How will the app give them what they said they wanted? How easy will it be to locate
the most important aspects of a personal fitness regime for different users? What
should the features be and how can your design help them get the most out of each
feature? How will it make them feel? Armed with these types of deep insights into user
needs, the team can develop a user-friendly app that seamlessly integrates into users'
daily routines, motivating them to lead healthier lifestyles and achieve their fitness
goals.

Pillar 2: Finding the right problem

The kinds of questions you and your team ask yourself to do a deep dive into user
needs takes you to the next core principle of HCD. In UX design, success hinges on not
only finding solutions but on identifying and defining the right problems to solve. This
pillar underscores both the need and the importance of thoughtful problem framing,
which is to make sure your design efforts address the root causes of user’s aspirations
and challenges.

There are several methods and techniques for problem framing, such as:

 Conducting empathy interviews, which involves engaging directly with users to


understand their wants, needs, and pain points.
 Journey mapping, which helps the project team and its stakeholders visualize the
user experience so you can work together to uncover areas of friction and opportunities
for improvement.
 Problem-reframing exercises, which challenge assumptions and perspectives.
Here the design and implementation teams are encouraged to approach problems from
different angles and uncover insights that might not be obvious but are just as important
to the users’ ultimate experience as the obvious ones.
Let’s look at a “finding the right problem" example to better illustrate this HCD pillar.
EcoEats is a fictional food delivery service. The service’s primary goals are to deliver
meals more effectively and at the same time to reduce food waste in urban
communities. When the project team decided to build an app for this, they initially
believed the primary problem was to optimize delivery routes to minimize the
environmental impact of their service.

However, when they conducted empathy interviews and went through journey mapping
exercises, they uncovered a deeper issue—many users were reluctant to order extra
food items for snacks and leftovers because they were concerned about freshness and
quality. By reframing the problem, they uncovered a need to focus on innovative
packaging solutions, which successfully addressed user hesitations and led to
increased app adoption and positive environmental outcomes.

Pillar 3: Thinking of everything as a system

Embracing HCD can sometimes challenge the way designers think about the design
process. For example, it asks designers like you to not concentrate so much on
individual components of a project but to view solutions through a more holistic lens.
The third pillar, thinking of everything as a system, underscores the interconnectedness
of all of the various elements of UX design, from user interactions to structure and
organization of a site or app.

Emphasizing the interconnectedness of both components and stakeholders in the


design helps keep your project team from creating solutions for symptoms of the
problem you’ve defined. Instead, it takes into account the broader context in which
solutions exist together. For instance, if a button doesn’t do what it’s supposed to do,
rather than just fix the button, you would consider the button’s place in the overall
design. It provides a bigger perspective—you might not even need the button, so why
waste time fixing it?

Thinking of everything as a system allows you, as the designer, to better anticipate


potential challenges, identify opportunities for collaboration, and create more robust and
effective solutions.

Let’s say, for example, your team is hired to redesign a public transportation system to
better serve commuters in a busy city. Instead of just focusing on better vehicle designs
or infrastructure, your team adopts a systems thinking approach, which increases your
perspective to considering factors such as accessibility, affordability, and environmental
sustainability. Further, by integrating diverse perspectives and stakeholders into the
design process, you can develop a comprehensive solution that not only improves the
commuter experience but also addresses broader societal challenges like congestion
and pollution.

Pillar 4: Implementing small and simple interventions

In the world of UX design, big breakthroughs often come from small, incremental
changes. This pillar of HCD underscores the value of implementing small and simple
interventions to iteratively improve the user experience and test assumptions.

The fourth pillar uses tools and techniques such as:

 Rapid prototyping, which involves creating low-fidelity prototypes to test concepts


and gather user feedback earlier and faster.
 A/B testing, which allows designers to compare variations of a design to determine
which performs better with users.
 Lean experimentation, which encourages a culture of continuous learning and
improvement—design and implementation teams iterate quickly and pivot based on
user insights.

Consider this example. TechTrek is a technology company that wants to enhance user
engagement on its social media platform. Instead of going through a big redesign, they
choose a lean experimentation approach, introducing small tweaks such as
personalized recommendations and streamlined content delivery. Through rapid
prototyping and A/B testing, the project team gathers valuable feedback from users,
refines their approach and each iteration increases both user satisfaction and retention
rates.

In conclusion

The four pillars of HCD—being people-centered, finding the right problem, thinking of
everything as a system, and implementing small and simple interventions—are
guideposts for designers and organizations to help them create and release impactful
and user-centric designs and solutions. They help you hit the target you are aiming for.
Welcome to the next milestone in
your journey to becoming a UX Designer.
This time around, we'll explore
a poorly designed mobile app to see how
UX design influences the user's experience.
By the end of this video,
you will be able to identify
design elements that can frustrate
users and talk about how
UX designers can improve the user's experience.
Let's get started.
Set your UX design hat aside for a moment
and imagine you're a typical end user who's
excited to try out a new mobile app called FitTrack,
designed to help people monitor
their fitness regimen’s goals and progress.
You head to the park, stretch,
and open the app to get started.
And you plop down on the nearest bench.
The app’s instructions are
confusing and you have
trouble figuring out the navigation.
You don't know where to go or how to get there.
This app needs help and so do its users.
It's time to put on the UX designer hat again.
The first thing you need to do is identify
the problem, or problems in this case.
Once you do that, you have to figure out how best
to fix the issues and make the app user friendly.
Let's start with the most obvious issue:
Navigation. FitTrack’s navigation
is a tangled web of user frustration.
There are multiple menus,
submenus, and hidden features,
meaning there's no clear indication of how to accomplish
basic tasks like logging a workout or setting a goal.
If you were the UX designer for this app,
you'd most likely begin by
mapping the expected user journeys and preferences.
Once you know where they should be going,
you can organize the app content logically,
using clear labels and icons to point the way for
the user to explore the basics and discover the “extras.”
Good UX designers typically conduct usability testing,
which is monitoring how users interact
with the app, site, or software.
This helps designers identify pain points
and areas of confusion within a navigation’s structure.
By using insights from real users,
they can iterate on the design, simplifying menus,
streamlining navigation paths and adding concision,
so users have the most direct path
to find what they need, when they need it.
Once you've made sense of the navigation,
the next order of business would
most likely be uncluttering the interface.
On FitTrack’s interface,
a barrage of features,
charts and notifications
compete for the user's attention.
It's information overload, without a clear way forward.
It's an overwhelming and
frustrating user experience to say the least.
This is where a UX designer
would conduct usability testing
to identify areas of
cognitive overload and potential distractions.
That would enable you to streamline
the interface and remove unnecessary clutter.
Then you can prioritize
essential features like workout
logging and progress tracking.
You'd also add more white space
to create visual breathing room,
keeping the interface clear so users can focus
on each task without interruption or distraction.
Decluttering the interface and
introducing clarity and simplicity,
would make the FitTrack app
significantly more user-friendly.
Since this is an app users operate “on the go”
you'll probably want to add
sound to the buttons on the interface.
This injects life into the user's interactions
and assures them that the app
is responding to their commands.
Depending on the activity,
you might also add immediate feedback with animations,
confirmation messages, and progress indicators.
This way, each tap and swipe gives users
reassuring signals to guide them
on their fitness journey with confidence.
Interaction and feedback is
another area where UX designers
would conduct user testing —
so they can see how users interact with the app
and identify areas where feedback is and isn't needed.
Insights from real-world usage
enables you to create and implement
responsive design elements that provide
clear feedback for every action
for a seamless and intuitive experience.
Another issue with FitTrack is that
each screen feels like a world unto itself,
which is disorienting for users.
As a good UX designer,
you'll want to establish a unified design
with standardized elements, and interaction patterns.
A consistent design helps users
easily transition between screens and
interactions within the app so that
the user experience feels
seamless and intuitive from start to finish.
Now, let's take an even closer look
at the app and all its potential users.
For example, based on the issues we talked about so far,
how useful and accessible would FitTrack
be for users with disabilities?
In addition to being technically skilled,
UX designers also have
a responsibility to make sure
their design is accessible for everyone.
This includes adhering to accessibility guidelines
like alternative text for images,
screen reader compatibility, and keyboard navigation.
After all, every individual
should be able to achieve their fitness goals.
I hope that discussing a poorly designed app
like we did here gives
you a clearer picture of
the importance and power of UX design.
That's a future you can look forward to.
How UX shapes user behavior
Picture this: You're scrolling through social media, searching for inspiration for your next
home improvement project. You browse countless posts and articles, until you see a
website for design ideas and recommendations.

The interface captures your attention with images of beautifully designed spaces and
headlines promising expert tips and tricks. It’s easy to navigate through different home
improvement categories, and each section is well organized and clearly labeled. But the
thing that made you bookmark the site so you come back is something that might
surprise you. Because it’s not the layout, the content, or the intuitive menus—it's the
subtle but powerful psychological techniques the UX designers used behind the scenes.
That’s what actually influenced your behavior.

Which begs the question, did you bookmark the site, or did they? Let’s find out.

Understanding user behavior

At the heart of any good UX design lies an in-depth understanding of human


psychology. Understanding the intricacies of user behavior is just as important as
gaining insight into a user’s wants, needs, and pain points. Besides delivering a positive
user experience, UX designers also have to use their abilities and creativity to influence
how the user interacts with the website, app, or software program, particularly for e-
commerce apps and sites.

That being said, it’s important to know what influences an individual to do something or
not do something. People’s decisions, actions, and interactions are often shaped by
unconscious processes influenced by one or more of the following:

 Cognitive biases
 Heuristics
 Emotional responses

These psychological principles play an important role in shaping user behavior and their
decision-making processes. Let’s take a quick look at each one.
Cognitive Biases are systematic patterns of thinking that deviate from rationality or
judgment, often influenced by factors like your personal experience, social context, and
your emotional state at the time. More simply, they are decisions you make that may not
always align with logic or objective reality. Examples of cognitive bias include:

 Confirmation bias, which means you tend to favor information that confirms what you
already believe, and
 Anchoring bias, which is what happens when you rely too heavily on the first piece of
information you get when you are making decisions.
Heuristics are mental shortcuts or rules your brain follows to make judgments and
decisions quickly—sometimes without even thinking. While these shortcuts can be
helpful for making decisions quickly, they can also lead to mistakes and bad decisions
because you aren’t taking the time to consider all the facts. Examples include:

 The availability heuristic, which is when you make a decision based on how you made
similar decisions in the past, and
 The representativeness heuristic, which is making a decision or judgment based on how
closely something resembles a typical example.
Emotional Responses play a significant role in shaping human behavior and
decision-making by influencing how you look at a situation, or on your personal
preferences and how you usually behave. Positive emotions such as joy, excitement,
and satisfaction can enhance user engagement and drive desired user behaviors.
Negative emotions, on the other hand, like frustration, anxiety, and disappointment can
lead to user behaviors like abandonment or disengagement.

Design elements such as color, imagery, and language can evoke specific emotional
responses and influence user perceptions and behavior concerning a product or
experience.

But psychological principles aren’t the only things that influence user actions. You also
have to consider:

Context, which refers to the circumstances, environment, and situations affecting a


user when they interact with a product or service. Context includes the physical, social,
cultural, and current factors that can influence user behavior. For example, things like
location, time of day, device type, and distractions can significantly affect how a user
sees and engages with a site or app. For example, a user may have different
expectations and preferences when using a mobile app during their commute than they
would with a website at home. Knowing the context in which users engage with an app
or site helps you design experiences that meet their needs and expectations effectively.

Motivation, which includes the internal or external forces that energize and direct
behavior, like achieving a goal or fulfilling a need. Motivation comes from personal
interests, values, and goals, as well as rewards, recognition, and social influence.
Designing experiences that align with users' motivations can enhance engagement and
encourage desired behaviors. For example, a fitness app might leverage a user’s desire
to improve their health by providing personalized workout plans, progress tracking, and
social support to help them stay motivated and committed to their fitness goals.

Incentives, which are rewards or benefits offered to encourage specific actions or


behaviors. Incentives can include tangible rewards such as discounts, bonuses, or
freebies, or intangible rewards like recognition, status, or social approval. Incentives
influence decisions and behavior by providing immediate gratification or by creating a
sense of value or urgency. For example, an e-commerce website might offer exclusive
discounts or limited-time promotions to incentivize users to make a purchase or sign up
for a newsletter. Strategically aligning incentives with users' motivations lets designers
create experiences that drive desired actions and foster long-term engagement and
loyalty.

Information hierarchy and visual design cues

Design elements can also influence user behavior. How you structure the information in
a UX design’s information hierarchy will guide users' attention and comprehension. At
its core, the information hierarchy makes it easy for users to understand the information
and navigate through the content intuitively. They are typically multiple levels, with
primary content categories, followed by subcategories, topics, and/or individual content
chunks.

Visual cues are also powerful UX design tools that guide user behavior and shape their
overall experience. Let’s see how different visual cues can influence user perception
and behavior.

Size is a fundamental visual cue that draws attention to specific elements in your
interface. Larger elements tend to stand out more and are perceived to be more
important than smaller ones. By varying the size of buttons, icons, or headings,
designers can prioritize content and directions, guiding users towards key areas of
interest or interaction.

Color also plays an important role in users’ perception and emotional responses.
Different colors evoke different meanings based on cultural, psychological, and
contextual factors. Warm colors like red and orange are often associated with energy,
urgency, and action, while cool colors like blue and green convey calmness, trust, and
stability. By strategically applying color to UI elements, designers can communicate
information, convey brand personality, and influence user behavior.

Positioning is the placement of elements in the interface, and it can significantly


impact user perception and behavior. Elements positioned prominently at the top or
center of the screen tend to attract attention and are perceived to be more important
than elements in other areas. Designers can use positioning to direct users to critical
content or actions.

Calls to action

Calls to action (CTAs) are specific prompts or directives in the interface or content
designed to encourage users to take a desired action. CTAs are typically presented as
buttons, links, or other interactive elements that prompt users to do things like make a
purchase, sign up for a newsletter, download an app, or complete a form. CTAs are
considered essential UX design elements because they:

Guide User Behavior: CTAs are signposts that point users to a desired action in
the interface, clearly communicating what the user should do next. CTAs help
streamline the user journey and make it easier for users to accomplish their goals.

Encourage Action: CTAs motivate users to take specific action and engage with a
product or service, using persuasive language, compelling visuals, and strategic
placement. CTAs capture users' attention and encourage them to click, tap, or interact,
driving meaningful engagement.

Facilitate Conversions: CTAs drive conversions by prompting users to complete


specific actions that align with the business objectives of a product or service, whether
it's making a purchase, subscribing to a service, or registering for an event. CTAs help
move users through the conversion process..

Measure Performance: CTAs provide valuable insights into user behavior and
interaction patterns, allowing designers and marketers to track and analyze the
effectiveness of different calls to action. By monitoring metrics such as click-through
rates, conversion rates, and engagement levels, stakeholders can optimize CTAs for
improved performance and better user outcomes.

So, let’s go back to that first question: Who really bookmarked that website. You’ll be
relieved to know that it was you all along, although the UX design played a big role in
pushing you toward that decision. Understanding the psychology and the UX design
principle that affect decision-making and behavior can help you create experiences that
inspire, engage, and empower users.

However, with great power comes great responsibility. It is essential for designers to
wield these techniques ethically and responsibly, always prioritizing the well-being and
autonomy of users.

What does a UX designer do?


The role of a UX designer has become more important as people rely more on digital
technology to help them manage their work, leisure, and health and wellness. Both
current and future websites, apps, and software interfaces are being shaped by the
creativity and empathy of UX designers like you.

So what exactly does a UX designer do? The short answer is that the role of a UX
designer is to define how users engage with technology, which influences every aspect
of website usability and mobile app functionality. And businesses across industries are
starting to recognize the value of investing in user experience, so the demand for skilled
UX designers is growing faster than ever before. Companies are actively seeking and
recruiting design professionals who can blend creativity with analytical thinking to create
intuitive and engaging digital solutions. This means that organizations, from startups to
Fortune 500 companies, are prioritizing UX design as a strategic imperative to stay
competitive in the market.
To excel as a UX designer, you need to have a creative and diverse skill set, as well as
a deep understanding of human behavior, technology, and design principles. Does that
sound like you? Does it sound like a career you want to have?

Then, let’s take a look at some of the core responsibilities and essential skills you’ll
need to have or develop.

Essential skills for UX designers

There are several skills a UX designer will need to learn and become proficient in to
have a long and successful career, but let's briefly touch on the ones that are the most
essential build. There are six key skills and abilities a UX design professional should
possess. They are:

 User research skills


 Prototyping tools
 Design software
 Communication and collaboration
 Problem solving and critical thinking
 Empathy and user focus

Let’s briefly explore each of these.

User research skills

User research skills are fundamental for UX designers to gather insights into user
behavior, preferences, needs, and pain points. You’ll need to develop a proficiency in
conducting various research methods, such as interviews, surveys, usability testing, and
ethnographic studies. The stronger you are in this skill the more able you will be to
uncover the types of valuable insights that inform the design process. You’ll also need
strong observational and analytical skills, which are essential for interpreting research
findings and translating them into actionable design solutions.

Prototyping tools

Good UX designs iterative. Prototyping tools help UX designers create interactive


mockups of apps and interfaces at the various stages of a design’s iteration. Proficiency
using prototyping tools such as Adobe XD, Sketch, Figma, or InVision allows you to
iterate more quickly on design concepts, to simulate user interactions in different
mockups, and to gather valuable feedback from both stakeholders and users. Mastering
the different prototyping tools empowers both you and your design team to visualize and
validate design ideas more effectively to enhance the user’s experience with the
website, app or software interface.

Design software

In addition to prototyping tools, becoming proficient in design software is crucial for UX


designers to create visually compelling and intuitively functional user interfaces. You’ll
need to become familiar with design software such as Adobe Creative Suite (Adobe
Photoshop, Illustrator, and XD), Sketch, Figma, or Affinity Designer. These tools enable
you to craft exciting, eye-catching designs, manipulate graphics to fit your designs, and
produce high-fidelity mockups and prototypes. You’ll need to develop strong design
software skills so you can translate design concepts into polished and professional-
looking interfaces.

Communication and collaboration

Communication and collaboration are listed here as a single skill because they go
together. You can’t collaborate with your team or with users and stakeholders if you
can’t communicate effectively. Good communication and collaboration are essential for
UX designers to work seamlessly, sharing, troubleshooting, and presenting design
ideas effectively to stakeholders so that everyone stays focused on the project’s goals
and uses the same terminology on the project. Clear and concise communication
makes you better able to collaborate with developers, visual designers, product
managers, and other team members throughout the design process. You’ll also need
strong presentation skills to conduct effective research, gather valuable feedback, and
advocate for user-centered solutions.

Problem solving and critical thinking

Problem-solving and critical thinking skills are vital for UX designers to identify and
define user needs, analyze design challenges, and come up with innovative and
effective solutions. You’ll need the ability to think analytically, identify patterns, and
anticipate user behavior so that you can address design problems creatively and
iteratively. Strong problem-solving and critical thinking skills allow you to cut through
ambiguity by finding more effective ways to approach design situations, solve usability
issues, and effectively optimize the user experience .

Empathy and user focus

Although it’s the last thing listed, the user always has to be your priority. Empathy and
user focus are foundational traits for UX designers to understand and identify with the
wants, needs, goals, and frustrations of a project’s target users. Cultivating empathy
allows you to see the design process through the users’ eyes, so you can create and
advocate for solutions that prioritize user needs and enhance usability. By placing users
at the center of the design process, you unlock the ability to create designs that provide
meaningful and impactful experiences that resonate with their target audience.

Core responsibilities of a UX designer

Essential skills are the things you have to know to be an effective UX designer. Your
core responsibilities are how you apply those skills on a regular basis in UX designs. In
other words, you’re taking what you’ve learned and developed and doing. There are five
core responsibilities you’ll have throughout your design career. While you may not use
all of these skills every single day, you will apply them on every project.

These five core responsibilities are:

 User champion
 User research
 Information architecture and interaction designer
 Prototyping and user testing
 Visual design collaboration

Let’s take a closer look at each one.


User champion

To be a user champion, a UX designer needs to be the advocate for the target user
throughout the design process. You start by understanding their needs, goals, and pain
points and pushing for solutions that prioritize the user experience. There’s a lot to think
about during website, app, or software development, so a big part of your role here is to
keep the user top of mind as you and your team works. From conducting user
interviews and surveys to empathizing with user personas, your job is to make sure the
users’ needs are at the forefront of every design decision.

User research

You can’t be a user champion until you know your users. User research is a
foundational aspect of UX design. It’s the systematic investigation of user behavior,
preferences, and motivations. As you know, you’ll use various research methodologies,
such as contextual inquiries, usability testing, and analytics analysis to gather insights
that inform the design process. By uncovering user needs and pain points, user
research guides the creation of solutions that resonate with the target audience.

Information architecture and interaction design

Information architecture (IA) and interaction design are key components of UX design.
You’ll focus on organizing and structuring the digital content (text and visuals) and
defining the user interactions in every website, app or software interface you work on.
To build an effective information architecture, you’ll need to use your problem-solving
and critical thinking skills to create intuitive navigation and organize the content in a
logical manner that enhances discovery (building engagement) and comprehension.
Once that’s been planned out, you’ll develop the interactive elements, such as buttons,
menus, and forms, to facilitate seamless user interaction and task completion.

Prototyping and user testing

Prototyping and user testing are both skills and responsibilities, and are essential for
good UX design. You will create interactive prototypes for each project, and share and
gather important feedback from users during usability testing. Prototyping gives you the
insights and information to validate your design concepts by seeing how they’re used, to
identify usability issues early in the design process, and to iterate until the design meets
its goals. Observing users as they interact with prototypes and collecting qualitative and
quantitative data helps you refine the user experience.

Visual design collaboration

As a UX designer they’ll be projects where you will handle both the visual and functional
aspects of the design. On other or larger projects, you’ll collaborate on the visuals,
working closely with visual designers, graphic artists, and other stakeholders to create
aesthetically appealing and cohesive experiences. Ideally, visual designers will focus on
the look, including typography and branding elements, and collaborate with UX
designers to make sure the visual design choices align with user needs and enhance
usability.

As you can see, a successful UX designer possesses a diverse set of skills and
knowledge that span user research, prototyping, design software, communication,
problem-solving, and empathy. With these essential skills, UX designers like you can
create user-centered websites, apps and software platforms that drive business goals
and create positive experiences.

Landing your first UX job: Skills


employers look for
While learning about UX design can be both exciting and fun, ultimately you’ll want to
use the skills and knowledge you develop in this training to search for and land your first
job in UX design. So, in this reading we’ll examine the essential skills and knowledge
that employers typically are on the lookout for when they want to hire entry-level UX
designer candidates. So whether you're a recent graduate or transitioning into the field
of UX design, knowing what potential employers are looking for can significantly
enhance your job search efforts and increase your chances of landing that first UX
opportunity.

In today's competitive job market, potential employers want candidates who not only
have the requisite technical proficiencies but who can also demonstrate a deep
understanding of user-centered design principles and methodologies. Acquiring and
honing the right skills will position you as a valuable asset and help you stand out from
all of the other applicants for the position.

We'll explore the key competencies and attributes employers value most in entry-level
UX designer candidates, from the foundational design principles to the practical skills
and industry-specific knowledge you’ll need to demonstrate. The things we’ll discuss
here will give you insight and guidance to help you prepare to begin a successful career
in UX design.

Ready to uncover the skills and knowledge that will pave the way for you to land your
first UX job? Okay then.

Essential skills and knowledge

To excel in the competitive field of UX design, it's crucial to possess a comprehensive


set of essential skills and knowledge that employers are actively looking for in
prospective candidates. These include:

 A user-centered design approach


 User research methods
 Information architecture and interaction design
 Prototyping and user testing
 Visual design fundamentals
 Communication and collaboration
 Problem solving and critical thinking
 Empathy and user focus

If these all sound familiar, it’s because they are. We’ve been talking about them and will
continue to do so throughout this training, but this time we’ll examine them from a
prospective employer's point of view. Let’s look at some the things they’ll want to see in
these categories.

User-centered design approach

Employers value candidates who embrace a user-centered design approach and can
demonstrate that in their interview and by their portfolios. Talk to them about how you
prioritized the needs, preferences, and behaviors of users throughout the design
process you went through for your portfolio pieces. Highlight how you empathize with
users, understand their pain points, and design solutions that effectively address their
challenges.

User research methods

Talk about and be ready to show employers your proficiency in various user research
methods. It’s essential they believe you know how to gather insights into user
behaviors, preferences, and motivations. Employers seek candidates who are skilled in
conducting user interviews, surveys, usability testing, and other research techniques to
inform design decisions and validate assumptions.

Information architecture and interaction design

Prospective employers will look for evidence of a strong knowledge of information


architecture principles and interaction design patterns so they’ll know you can create
intuitive and user-friendly digital experiences. Their ideal candidate should be adept at
organizing content, defining navigation structures, and designing intuitive user
interfaces that facilitate seamless interactions.

Prototyping and user testing

Employers value candidates who can translate design concepts into interactive
prototypes using tools such as Sketch, Adobe XD, or Figma. They’ll also want to know
you are proficient in conducting user testing sessions, gathering and interpreting
feedback, and iterating on designs so they can emulate the project’s goals.

Visual design fundamentals

Employers need to see that you have a solid understanding of visual design
fundamentals, including font selection, color theory, and layout principles essential for
creating visually appealing and cohesive designs. They are looking for candidates who
can effectively communicate ideas through visual elements and maintain consistency
across all of a project’s design assets.
Communication and collaboration

Effective communication and collaboration skills are paramount for successfully landing
an entry-level UX designer position. As a good potential candidate, you should be able
to articulate your design decisions, describe how you would present your work to
stakeholders, and explain how you collaborate with cross-functional teams including
developers, product managers, and marketers.

Problem solving and critical thinking

Employers are especially looking out for candidates who can demonstrate strong
problem-solving abilities and critical thinking skills. As a UX designer, you will often
need to identify and solve complex design challenges, so you have to show and tell
prospective employers how you can and will approach problems analytically and
creatively. This is something they value highly.

Empathy and user focus

Throughout your interview and portfolio employers will want to see evidence of your
empathy towards users and a deep understanding of their needs, goals, and frustrations
in your UX design stories and examples. They are looking for candidates who prioritize
the user experience and are committed to advocating for the user throughout the design
process.

If you can show that you possess these essential skills and have and apply this
knowledge, you'll be well on your way to impressing prospective employers. However,
you can only show them you’re the entry-level UX designer they are looking for once
you have their attention. That’s what we’ll talk about next.

Standing out from the crowd

In today's dynamic job market, it's not just about meeting the baseline requirements for
a UX designer. You have to begin by finding innovative ways to set yourself apart from
the competition and showcase your unique value as a candidate. In the previous section
we explored what employers are looking for and what you will need to demonstrate to
convince them that you are the most impressive candidate in the waiting room. But
before you can do that you have to show them why you belong in the waiting room in
the first place.

In other words, you need to sell yourself even before you get the chance to sell yourself.
There are four important things that you can actually start thinking about right now that
will help you differentiate yourself from other candidates when you’re ready to apply for
that first position. They are:

 Create a compelling portfolio


 Tailor your resume to the position
 Build a strong online presence
 Network and keep developing professionally
Let’s take a quick look at each point.

Create a compelling UX portfolio

A well-curated portfolio showcasing your UX projects and design process is essential for
demonstrating your skills and experience to potential employers. So you will want to
focus on highlighting your best work, including case studies that outline your approach
—how you defined user problems and the thinking, ideating, strategizing, and iterating
you went through to solve that problem--as well as the challenges you faced and the
outcomes you achieved. Your portfolio should tell employers the story of your UX
design journey.

Tailor your resume to UX roles

Customize your resume to emphasize all of the relevant skills, experiences, and
accomplishments that align with the requirements of UX design roles you are applying
for. Highlight your UX-related projects, certifications, and any relevant experience, such
as internships or freelance work. Show them what you’ve done so they’ll get a picture of
what you can do for them.

Build a strong online presence

Establishing a strong online presence through platforms like LinkedIn, Behance, or


Dribbble can help you showcase your expertise and connect you with professionals in
the UX design community. Share insights, participate in discussions, and contribute to
relevant groups or forums to build both your credibility and visibility to prospective
employers. This is something you can even start now.

Networking and professional development

Networking with professionals in the UX industry can provide valuable opportunities for
learning, mentorship, and career advancement. Attend UX events, conferences, and
workshops to expand your network and stay up to date on industry trends. You should
also invest in continuous professional development by taking other online courses,
attending webinars, or obtaining relevant certifications to enhance your skills and
qualifications.

One final word

The real key in any successful job search is to make prospective employers want to
work with you more than they want to work with anyone else. So make it a point to show
them how truly valuable you are.

By implementing the strategies in this reading, as well as the tips and strategies you’ll
take from this training, you will have the tools that you need to differentiate yourself from
other candidates and position yourself as the top contender for the UX design role you
are trying to land.

It’s also important to always be refining your portfolio, resume, online presence, and
networking efforts as you progress through your career. In today’s world, your first UX
designer job will not be your last. There will be promotions and other opportunities down
the road where you’ll prove yourself, so you should continually strengthen your
desirability as a candidate and maximize your chances.

Who's who on the UX team?


In the field of UX design, there are a number of roles and disciplines that work together
to build websites, apps and software interfaces, not unlike the way instruments in an
orchestra work together to create a piece of music. From conducting user research to
orchestrating visual design and crafting compelling content, each UX discipline brings
its expertise to the table, contributing to the overall design and building positive user
experiences.

In this reading, we'll take a closer look at the different players on the UX team, including:

 UX designers
 UX researchers
 Visual and UI designers
 Content strategists

Let’s briefly examine these roles, their contributions to the design process, and how
they work together to create exceptional and functional user experiences.

UX designer

The UX Designer is the primary player, the conductor in the orchestra. UX designers
take responsibility for guiding the entire UX process and keeping it aligned with the
wants, needs, and pain points of the project’s target users. Their primary responsibility
is to be sure every aspect of the design process resonates with users, from the initial
concept to the final product’s release. They keep the rest of the design team focused on
translating user insights into intuitive and engaging interfaces. They also oversee the
creation of sketches, wireframes, prototypes, and design mockups used to validate the
design through the various iterations. UX Designers collaborate closely with
stakeholders, developers, and other team members to align design decisions with both
project goals and technical constraints. They champion user-centric design, advocating
for the user's perspective at every stage of the process.

UX researcher

The UX Researcher is responsible for uncovering invaluable insights into user behavior
and preferences—wants, needs, pain points and aspirations. Their role is to conduct
systematic investigations, using a variety of qualitative and quantitative research
methods. These methods typically include interviews, surveys, observations and
usability testing, and analytics analysis. By immersing themselves in the user's world,
UX researchers develop a deep understanding of their goals and challenges, so that the
design process is backed by empirical data. They work closely with UX designers to
develop research questions, design studies, analyze findings, and translate the insights
they gather into actionable recommendations for the design team. Ultimately, the
researchers play a pivotal role in making sure the decisions made throughout the design
process are grounded in user needs and evidence, which enables a user-centric
approach to product development.

Visual/UI designer

The Visual/UI Designer takes responsibility for the way the site or app will look. In other
words they oversee the visuals that bring designs to life, creating visually appealing and
intuitive interfaces that engage and appeal to users. Visual/UI designers follow visual
design principles, including, fonts and typography, color theory, and layouts that capture
and direct the users’ attention in polished and cohesive interfaces. They collaborate
closely with UX designers to translate wireframes and prototypes into engaging designs
that align with the project's goals and target audience. A visual/UI designer’s
responsibilities include creating style guides, designing icons and graphics, and
ensuring visual consistency across all aspects of the user interface. Then, by
incorporating feedback from stakeholders and usability testing, they go on to refine their
designs as many times as necessary to achieve the optimal balance of aesthetics and
usability. Their work enhances the overall user experience, making the site or app
visually appealing and easy to use.

Content strategist

The content strategist is the wordsmith of the team. They develop the narrative that
guides users through their digital journey. Content strategists shape the user experience
by crafting compelling and coherent content that informs, guides, and engages users.
They work closely with UX designers, UX researchers, and Visual/UI designers so that
all of the content they produce aligns with the overall design vision and user needs.
Their specific responsibilities include developing content strategies, creating content
frameworks, writing copy for various digital touchpoints, and optimizing content for
search engines and accessibility. Content strategists also conduct content audits,
analyze user behavior, and refine content based on user feedback to continuously
improve the user experience. Their goal is to not only communicate effectively but also
to resonate with users on a deeper level, establishing trust and building meaningful
connections between the user and the brand.

Collaboration is key

All these roles work together, meaning that collaboration is the cornerstone of success.
Each role has a different perspective that all combine to create solutions that resonate
with users on a profound level. Each UX discipline brings unique insights and skills to
the table, enriching the overall design process and elevating the final product to where it
needs to be. UX designers, UX researchers, visual/UI designers, and content strategists
collaborate closely on every step of the design journey, relying on each other’s
expertise to tackle complex challenges and deliver positive user experiences. It works
like this.

UX designers lay the foundation, translating user needs and business goals into intuitive
and engaging design solutions. They define the overall design vision, create wireframes
and prototypes, and engineer consistency and coherence. At the same time, UX
researchers dive deep into the intricacies of user behavior, conducting studies,
interviews, and surveys to uncover and interpret user insights for design decisions.
Their craft provides context and empathy, which enables UX designers to build
experiences that resonate with users.

Visual/UI designers infuse the design with an aesthetic appeal and visual clarity,
creating stunning interfaces that captivate users and enhance usability and accessibility.
They work hand-in-hand with content strategists, who weave a narrative thread
throughout the experience, crafting content that guides users through their journey.
They are visual artists in their own right, making sure that every word and image serves
a purpose, aligning seamlessly with the overall design and user objectives.

Collaboration between these roles produces a synergy that drives innovation and
excellence in UX design. Each role makes the project that much better by offering a
different viewpoint, challenging assumptions, sparking creativity, and uncovering blind
spots that may otherwise go unnoticed. Their collaboration is made especially dynamic
by continuous iteration, feedback, and refinement, enabling the team to achieve
breakthroughs that would be impossible to reach in isolation.
Ultimately, the most successful UX designs are not the result of any individual brilliance
but rather are the collective effort of a diverse and collaborative team. Open
communication, mutual respect, and a spirit of collaboration empowers teams to
harness the collective intelligence and creativity of every team member. By embracing
teamwork and leveraging the strengths of each discipline, UX professionals can create
experiences that inspire, delight, and empower users.

Communication and shared goals

But collaboration doesn’t just happen. Communication and shared goals are the
bedrock of effective collaboration within a UX team. Starting with a user-centered
approach as their guiding principle, each team member needs to cultivate open
channels of communication and align around common objectives to truly drive design
decisions that resonate with users.

Communication is especially important as technology continues to advance. Deadlines


are becoming increasingly tighter and projects need to evolve rapidly, meaning that
clear and transparent communication is paramount. UX designers, UX researchers,
visual/UI designers, and content strategists have to have a constant dialogue, sharing
insights, updates, and feedback in order for every team member to remain on the same
page throughout each project’s iterations. This requires an environment of trust and
respect, so that every team member can openly discuss ideas, raise concerns, and
collaborate most effectively.

In addition to communication, UX design teams need a set of shared goals to guide


their efforts. Simply knowing the goals of the project is not enough. They have to share
the same basic goals as well, including enhancing usability, increasing engagement, or
driving conversions in some projects--aligning around a central purpose keeps everyone
working toward the same destination. This shared sense of purpose also promotes unity
and cohesion within the team itself, so they feel empowered to make decisions that
serve the greater good.

Ultimately, effective communication and shared goals enable UX team members to


leverage their collective expertise and insights more efficiently towards a singular
purpose: delivering exceptional user experiences. By embracing collaboration and
upholding the principles of user-centered design, teams can navigate challenges,
overcome obstacles, and achieve better, more engaging designs that create positive
user experiences.

Understanding the diverse roles within a UX team and the importance of collaboration is
essential for creating those impactful user experiences. It’s also essential to
acknowledge that each discipline brings unique perspectives and skills to the table,
enriching the design process and ultimately leading to better outcomes for users.

As aspiring UX professionals, one of your most important goals for your future should
be to embrace collaboration and communication, valuing the contributions of each of
your team members. Let that be your key to success in this dynamic and rewarding
field.

How UX disciplines work


together
Imagine you work in a bustling restaurant kitchen, surrounded by pots and pans,
ingredients laid out on the counter. You're about to prepare tonight’s special, your
masterpiece dish. At this point, you might be asking yourself, what does cooking have to
do with UX design? Well, just like success in a restaurant relies on collaboration
between the staff, UX design professionals all contribute to the flavor of a website, app,
or software interface.

In this reading, we'll explore just how the various UX disciplines combine their skills like
the ingredients in a recipe to create positive user experiences. So, put on your chef hat
and let’s get into the recipe for successful UX collaboration.

The power of collaboration

Collaboration is at the heart of any successful UX design, much like the flavors in a
gourmet meal that blend together to delight your palate. Each role in the UX design
team brings its own unique flavor and sensibility to the table. Then they combine their
skills, knowledge, and perspectives to craft websites, apps, and other digital products
that not only meet user needs but also provide them with a positive experience.

By working together, the members of the UX team make sure every aspect of the
design—user research, information architectures, visual aesthetics, content clarity, and
so on—aligns with a shared design vision. This collaborative approach drives
innovation, encourages creativity, and ultimately leads to user experiences that leave a
lasting impression.

Benefits of collaboration

Collaboration in UX design yields many benefits, primarily a more holistic and user-
centered design approach. Each different UX professional contributes a different “take”
on the project, combining their various skills, expertise, and insights to enrich the overall
design process.

By integrating user research, UX and visual design, and content strategy, collaborative
project teams can tailor every aspect of a website, app, or software interface to meet
the needs and preferences of the users. User research provides insights into user
behaviors, wants, needs, and pain points. These insights inform the design decisions
and help the team build and iterate intuitive, user-friendly navigation and interfaces.

UX and visual designers add creativity and aesthetics to the mix. They use the research
findings to devise visually appealing and engaging designs. In addition to structure and
flow, they also use typography, color theory, and layout so the design enhances
usability and readability.

Content strategists shape the narrative and messaging of the site or app through clear,
concise, and user-centric content. Their job is to make sure content both compliments
the design and that the text is easy to understand and engages users with the interface.
This streamlines the user journey and helps improve overall usability.

Communication strategies for effective collaboration

Clear and consistent communication is the main ingredient for effective collaboration
within a UX team. By communicating regularly, all the team members can stay aligned,
work towards the same goals, and understand how their roles and responsibilities affect
the entire design process.

Regular meetings are one of the most common communication strategies. These
meetings give everyone an opportunity to share updates, discuss progress, and
address any challenges or roadblocks. These meetings can be daily stand-ups, weekly
check-ins, or project-specific meetings—the key is regular communication to keep
everyone on the same page and promotes timely decision-making.

There are several project management tools that can help team members collaborate
more effectively and streamline communication. Tools like Asana, Trello, or Jira allow
team members to track tasks, assign responsibilities, and monitor progress in real-time.
They also provide a central platform for sharing files, working on documents together,
and providing feedback, which improves workflow efficiency and organization.

Shared documentation is another important communication strategy for UX teams.


Creating and maintaining design briefs, research findings, wireframes, style guides, and
other project documents in a central location keeps important information accessible to
team members as they need to use it or refer to it. This shared knowledge repository
becomes a reference point for decision-making and helps maintain consistency in the
design process.

And establishing clear communication channels and protocols early in the project helps
prevent misunderstandings and enables feedback and information to flow smoothly
between team members. Whether it's accomplished through email, instant messaging
platforms like Slack, or dedicated project communication channels, having defined
channels for communication makes sure important messages are sent and received in a
timely manner.

Building a shared vision

Communication and collaboration establish and build a shared understanding, or vision,


of a project's goals and user needs, using various methods and techniques to gather
insights and align on priorities.

One way UX teams create this shared vision is by developing user personas. As we’ve
discussed before, user personas are fictional representations of target user groups that
are based on research findings. Personas help team members empathize with users by
giving them a face. This helps the team quickly and easily understand user goals and
motivations so they can prioritize design features and functionalities that align with user
needs. And referencing personas throughout the project, helps the team make sure
decisions are grounded in user-centric insights and keeps everyone focused on who the
users are and what they want to achieve.

Collaborative workshops and brainstorming sessions can also help create a shared
vision among team members, by encouraging them to collectively define project goals,
user requirements, and design objectives. These sessions allow team members to
share different perspectives, which promotes creativity and ultimately leads to a more
cohesive and effective design strategy.

The recipe for success: each ingredient’s contribution

Going back to our preparing a meal analogy to create a more positive user experience,
let’s look at the different roles within a successful UX team. Think about each role as
one ingredient in the overall recipe.

UX Researcher

The UX Researcher ingredient uncovers valuable insights about target user behaviors,
including their preferences and pain points. They use a variety of research methods
based on the goals of the project and what the team needs to understand about these
users to achieve those goals.

UX Researchers collaborate closely with all the other team members to make sure they
understand what the data reveals and its ramifications for design solutions. They also
share these insights with stakeholders to get buy-in and support and keep the team
grounded and focused on the user throughout the design process, so the team
maintains the right mindset and makes decisions based on empirical evidence that align
with user expectations.
UX designer

The UX Designer ingredient is the one we talk about most often. So rather than
spending a lot of time repeating what you already know, suffice it to say that they are
primarily the structural and functional ingredient, responsible for the architecture of the
design, mapping the user flow and journey based on data and user personas, and
creating the sketches, wireframes and prototypes to validate the design goals both
initially and through the iterative process.

Visual/UI designer

The Visual/UI Designer ingredient draws on user research findings and the UX
designer’s information architecture to create interface elements, layouts, and visual
assets that engage the user and enhance the overall user experience.

Collaboration is key for this ingredient, since they have to work closely with the UX
designer and content strategist to make sure the look and feel of the overall design is
both consistent and coherent. Their interface elements have to achieve the perfect
balance of intuitive, accessible, and visually engaging to create a seamless and
immersive user experience.

Content strategist

The Content Strategist ingredient, or "Voice of the User,” crafts the text and messaging
to make sure what the user reads is consistent with the overall design as well as
engaging, informative, and easy to understand.

Collaboration is essential here as well. Content strategists work closely with the UX and
visual/UI designers to integrate content seamlessly into the user interface, aligning it
with the design vision and information architecture. This ingredient spins the narrative
that guides users through their journey, which will end in a positive and memorable user
experience.

Collaboration in action: Putting the recipe to work

Let’s say a team of UX professionals is redesigning a mobile banking app. The UX


researcher uncovers pain points and preferences of the bank's customers. Then the UX
and visual/UI designers create and illustrate a user flow structure that prioritizes ease of
navigation and accessibility while maintaining the bank's brand identity. They build
wireframes and prototypes to validate this. At the same time, the content strategist
makes the written content clear, concise, and aligned with the bank customers needs
and expectations. Throughout the process, the team collaborates closely, sharing
findings, providing feedback, and refining their designs to better until the app serves the
customers as intended.

Obviously there are more steps to the process than that high-level example. We just
wanted to illustrate that collaboration isn't just a buzzword—it's the recipe for turning
mediocre or even good designs to exceptional ones. As you embark on your own UX
journey, remember the importance of collaboration, communication, and maintaining a
shared vision with your fellow team members.

Assess what aspects of UX


design are a good fit for you
We’ve talked a lot about UX design, the tools UX professionals might use, the
processes and methodologies they might follow, and the different roles and
responsibilities each type of UX design professional has—UX designer, UI designer, UX
researcher, and content strategists to name the top four. Do you feel like you have a
pretty good handle on that information so far?

Good, because in this reading, we’re going to focus more on you and how you might
best relate to the world of UX design.

Think about it. Are you curious about which UX roles might align best with your personal
interests and strengths? As you were watching the videos and reading, were there
aspects of the UX world that you thought “might be fun to do?” Did you have a particular
role in mind when you began this training? Has that changed or remained the same?

Take this short self-assessment to gain insights into which aspects of UX design speak
to you the most.
Questions: Finding your way in the UX design field

For each of the following questions select the answer that best describes how you feel
about the question. Jot down the letter for your chosen answer on a sheet of paper or in
a separate doc.

Answer honestly—there are no wrong responses. Remember, this is all about you.

Question 1: Which of the following energizes you most?

A. Spending time analyzing data and user research findings

B. Bringing ideas to life through creative visual design

C. Crafting clear and concise written content

D. Leading discussions, brainstorming sessions, and collaborating with a team

Question 2: How do you like to approach solving problems?

A. I enjoy digging deep to understand the root cause of an issue.

B. I like to visualize potential solutions and experiment with different ideas.

C. I find satisfaction in simplifying complex information and making it clear.

D. I thrive on facilitating discussions and finding solutions that consider everyone's


perspectives.

Question 3: What kind of work environment do you prefer most?

A. I enjoy independent research and analysis but value collaborating on projects.

B. I work well independently but appreciate feedback and collaboration.

C. I enjoy collaborating with others and contributing to a cohesive project.

D. I thrive in a collaborative and fast-paced environment where I can lead and guide
discussions.
Question 4: What kind of impact do you want to make on the project
teams you work with?

A. I want to ensure user experiences are based on data-driven insights.

B. I want to create visually appealing and intuitive interfaces that users enjoy using.

C. I want to craft clear and engaging content that helps users understand information
easily.

D. I want to lead the design process and ensure all aspects contribute to a positive user
experience.

Question 5: How do you handle feedback?

A. I appreciate constructive criticism and use it to improve my work.

B. I prefer working independently but can incorporate feedback when necessary.

C. I enjoy collaborating and receiving feedback from others to refine my ideas.

D. I actively seek feedback and value diverse perspectives to enhance my designs.

Question 6: What motivates you the most when you are trying to
solve design challenges?

A. Finding solutions that improve user satisfaction and usability

B. Creating visually stunning designs that capture users' attention

C. Crafting compelling narratives and engaging content for users

D. Leading projects and driving innovation in the design process

Question 7: How do you approach learning to use new design tools


and techniques?

A. I enjoy exploring new tools and techniques to expand my skill set.

B. I prefer sticking to familiar tools but can adapt when needed.

C. I actively seek out opportunities to learn and stay updated on industry trends.
D. I enjoy sharing knowledge and collaborating with others to learn new skills.

Question 8: How do you handle tight deadlines and pressure when


you’re working on a project?

A. I thrive under pressure and can prioritize tasks to meet deadlines.

B. I prefer working at a steady pace but can adapt to meet project timelines.

C. I enjoy working collaboratively to find creative solutions when facing tight deadlines.

D. I communicate effectively with team members to manage expectations and deliver.

Question 9: How do you prefer to communicate your ideas and


insights with the rest of your team?

A. Through detailed reports and presentations backed by thorough research

B. Through visually appealing designs and prototypes that showcase the user
experience

C. Through clear and engaging written content that effectively communicates


information

D. Through collaborative discussions and interactive workshops that involve team


members

Question 10: What aspect of UX design appeals to you the most?

A. Uncovering user needs and preferences through in-depth research and analysis

B. Bringing creativity to life by designing visually stunning and intuitive interfaces

C. Crafting compelling content that informs and engages users

D. Leading and guiding the design process, ensuring all team members collaborate
effectively

Results: What your answer suggest


Did you answer all the questions honestly? Before you look at your results, keep a few
things in mind:

 This isn’t a scientific instrument or a professional assessment. It’s simply a way for you
to gauge your interests and propensities.
 The answers are generalizations, not specifics. For example, you might "prefer” to work
more independently, but everybody on a UX project team will have to work
collaboratively as well as independently. Just like everyone on the team receives and
incorporates feedback and meets the project timelines.
 It doesn’t necessarily validate or invalidate the type of UX design professional you want
to be.
Sound good? Expectations managed? Excellent. Now let’s look at your answers.

 If you selected A most often, you might enjoy UX roles focused on user research and
data analysis, like a UX Researcher or Information Architect.
 If you chose mostly B, you might be drawn to roles focused on visual design and user
interfaces, like a Visual/UI Designer.
 If C was your most popular selection, you might find a good fit for a role focused on
content strategy and user-centered writing, like a UX Writer or Content Strategist.
 If you selected mostly D's, you might do well in roles that involve collaboration and
guiding the design process, like a UX Designer or Lead UX Designer.

Keep in mind that while these results are not definitive, you can use this information to
explore certain UX roles further to see which one might be best for your first UX job.

Welcome back and welcome to Module 3.


This time around we're going to begin
our exploration of UX design frameworks.
By the end of this video,
you will be able to define what frameworks are,
explain the role in UX design,
describe some common frameworks used in the field,
and briefly discuss the benefits
and limitations of using frameworks.
Let's get started. Let's start
with the most basic question,
what are UX frameworks?
Frameworks are defined as
a structured approach designers follow to create
consistent and user- friendly digital products,
websites, or applications.
I know that sounds a bit vague,
so think of it like you were building a shelf.
You buy a shelf kit, which includes instructions,
(steps), hardware, and tools.
Now, you could purchase the parts and tools on
your own and figure out how to build a shelf,
but the kit, or framework, does a lot of the work for you.
It makes the process clearer,
and quicker and easier to tackle.
In the same way, frameworks give you a basic structure,
but you can still add your own creative flourishes.
In UX design, frameworks are
used to guide you through the design process
helping you create user-friendly and
visually appealing experiences for websites,
apps, and other digital products.
There are a number of UX design frameworks
available and each one has its own strengths.
In this video, we'll look at four of
the most common frameworks you might encounter.
<b>Framework 1, Design Thinking</b>:
This framework encourages you
to emphasize with the users,
define the problems they might face, brainstorm
creative solutions,
build prototypes of those ideas like intuitive mock ups,
and then test them with your target users.
The design thinking framework helps you focus on
designing something users need and will enjoy using.
<b>Framework 2, user-centered design (UCD)</B>.
Like the design thinking framework,
UCD puts the user front and center.
It emphasizes understanding user needs,
behaviors, and goals through
each step of the design process.
UCD helps you design to the user's wants and needs,
rather than hoping we meet them.
<b>Framework 3, lean UX:
The lean framework</b> is all about efficiency,
like a design sprint.
It's a more iterative approach aimed at creating
quick prototypes and getting
user feedback as early and often as possible.
This enables you to identify and fix problems early on,
before you invest too much time and
effort creating something that might not fit the bill.
<b>Framework 4, Double Diamond</b>:
This is an outcome-based framework for
identifying problems and developing solutions-
It encourages creativity and innovation while
focusing on potential issues
and their impact on end-users.
It has a research and define phase
(the first diamond) for gathering
information and understanding the problem.
Then comes the ideate and prototype phase
(the second diamond) for
brainstorming solutions and building mock ups.
The Double Diamond reminds you to constantly refine
our ideas based on what we learn from users.
These are just a few of the many frameworks available.
The best one to use for a project
depends on the specific goals and user needs.
But no matter which framework you choose,
remember their tools, not
replacements for creative thinking.
Which begs the question,
why use frameworks at all?
The answer can be found in the following benefits.
First, they help you stay organized and on track.
Frameworks provide a clear roadmap to
follow, which can be especially
helpful for new designers.
They also keep you moving forward
without getting lost in the design process.
Another benefit is communication.
Frameworks give you a common language
to talk about a design with your team
so everyone can discuss the project and
the design process using the same terms.
Third and maybe the most important,
frameworks can help you
identify potential problems early on,
saving you time, money, and frustration.
But frameworks also have limitations,
for instance: Frameworks can
potentially stifle your creativity.
If you have a brilliant idea
that breaks the mold, go for it!
The best solutions often
come from thinking outside the box.
In addition, frameworks are great,
but they can't replace talking to real users.
You still need to rely on research insights to understand
their needs and frustrations so you can design to them.
And finally, the perfect framework
for one project might not be the best for another.
One size does not fit all,
so be flexible and choose
the tool that best suits each job.
Throughout the rest of this course,
we'll be focusing mostly on
the Design Thinking framework because of
its emphasis on user-centered design
and its adaptability.
But we'll also introduce you to
other popular frameworks along the way to
help you build your UX design toolset.
Remember: Frameworks are helpful tools,
but always use them alongside,
not instead of, your creativity
and user research. See you next time.

A beginner's guide to UX design


frameworks
As you know, the UX design field is dedicated to creating websites, apps, software
interfaces and other digital experiences that are visually appealing, user-friendly and
effective. To accomplish this, UX designers often rely on frameworks to guide them
through the design process.

Frameworks are like maps that provide step-by-step guidelines, principles, and tools to
help you approach solving design problems and creating user-centered solutions. A
framework is like a travel guide—it provides structure, highlights key landmarks and
detours to avoid, and suggests different routes to reach your destination.
In this reading we’ll look at three popular design frameworks that all embrace human-
centered design (HCD) principles:

 Design Thinking
 Lean UX
 Double Diamond

HCD is important. UX designers need to understand user preferences, frustrations, and


needs before they can create experiences that are beautiful, functional, and truly user-
centered. Let’s take a look at each framework.

The Design Thinking framework

The Design Thinking framework encourages you to step into the shoes of your target
audience, an empathetic approach that forms the foundation for your design decisions.
There are five phases, or steps the design thinking framework will guide you through:

1. Empathize: This phase concerns itself with understanding your target users, usually
through research like user interviews, observing their behavior in online communities,
and analyzing social media trends to open a window into their needs and desires.
2. Define: This phase is the next step, using the understanding you have developed to
define the problem you will solve with your app or website. Framing the problem with
the target user in mind keeps your solutions focused on their needs.
3. Ideate: This phase is what most people consider to be the “fun part.” Here, you and
your team brainstorm as many creative solutions as possible, making sure the users’
needs are the focus of every idea. There are no bad ideas in this phase, no matter how
wild. Users can even be part of the ideation process through things like online surveys.
The goal here is for everyone to use their creativity to come up with innovative
solutions.
4. Prototype: In this phase, you’ll select the most promising ideas from the last phase
and create sketches and other simple, low-fidelity mockups for each one. This is a
phase you’ll return to again and again as you adjust and iterate on the design using
anything from a basic wireframe to a high-fidelity clickable prototype.
5. Test: In this phase, you put your prototypes into the hands of users to get their
feedback. Just like in the empathize phase, you’ll observe their interactions, conduct
usability testing, and iterate on your design based on their insights. Like the prototype
phase, testing happens throughout the various iterations until the design is ready to be
released.

Here’s an example to see what the process might look like in action. ConnectMe, a
SnapChat rival, is looking to revamp their social media platform for a younger
demographic. Using the design thinking framework they empathize and discover that
young users find most social media platforms cluttered and overwhelming—they want a
more streamlined and personalized experience. So the UX design team defines the
problem the revamp will solve, to give the younger users the simplicity and
personalization they’re craving. How?

Ideation, of course. The team brainstorms countless solutions, eventually narrowing it


down to this: a clean, intuitive interface with content feeds they can personalize to their
interests, with built-in tools for creative expression. To see if that solves the problem,
the team prototypes. They put together a basic prototype simulating the new
features, making them user-friendly and intuitive.

Finally they test the prototype with a representative sample of these young users, who
play with it and provide pointed feedback on how the app for the platform measures up.
The ConnectMe iterates on the design. Soon, their target audience has the right social
media app for their particular needs.

The Lean UX framework

The Lean UX framework embodies the "work smarter, not harder" philosophy by
prioritizing rapid experimentation and continuous learning throughout the design
process. while keeping the user at the center. Lean UX revolves around three key
principles:

 Cross-functional collaboration: Designers, developers, and other stakeholders


work together throughout the process, with a focus on the user’s needs. Doing this
makes sure the entire team is heard and the user perspective is central to the design
decisions.
 Rapid experimentation: Creating low-fidelity prototypes and testing them with
users early helps validate ideas and gather insights quickly, which means rapid iteration
on the design while keeping it user-centered.
 Continuous learning: Feedback from users and testing drives ongoing iterations to
quickly design and deliver a user-centered experience.

Seems simple enough, right. Let’s see what it looks like in action. Shopping Masters
wants to develop a mobile app for buying and delivering pet supplies, keeping the wants
and needs of pet parents at the center.

 Through cross-functional collaboration, the designers, developers, and


marketing specialists on the Shopping Masters team work together to understand and
discuss the pet parent needs uncovered by user research, making sure that everyone’s
perspective is considered. They decide on the right direction and used…
 rapid experimentation to build a basic prototype for real pet parents to practice
browsing products, adding items to a cart, and scheduling delivery. This usability testing
brings out the strengths and weaknesses of the approach, allowing quick iteration on
the features that weren't so intuitive and user-friendly. The…
 continuous learning that began with early user testing, followed by the team
iterating on the design and putting it back in the users hands a few more times made
sure the final app was both functional and truly addressed the pet parents’ needs.

The Double Diamond framework

The Double Diamond framework, also known as the Design Council Double Diamond,
uses two interconnected diamonds—one for exploration (discovery) and the other for
refinement (delivery), to describe the framework’s structured approach to complex
design challenges—all the while keeping users in mind. It works like this:

Discovery, the first diamond, illustrates the phase where the UX design team
explores the problem and tries to understand it by looking at it through the user’s eyes.
There are two facets to this diamond:

 Discover, which is concerned with user research and gathering data to understand
user needs and behaviors to be sure the design addresses the real needs and pain
points.
 Define, which is using the research insights to clearly define the problem you're trying
to solve with the design.
This is followed by the next diamond, Delivery. This phase focuses on creating and
refining the solution to the problem in diamond one. Again, there are two facets:
 Develop, which is where you create and iterate on solutions based on the original
research. This might involve developing wireframes, prototypes, and conducting
usability testing.
 Deliver, which is the final stage of implementation. This could involve launching a new
website, mobile app, or any other digital product that meets the needs of the target
audience.

Let’s look at an example. YourDesign is a website company using the double diamond
framework to redesign a library website.

 The company discovers through research that many patrons want to access library
resources online but the library website is difficult to navigate and struggle to find the
information they need. So the team…
 defines the problem: the website isn’t user-friendly and doesn't meet the patron’s
needs for information and access. So the team…
 develops a more intuitive website layout with clear calls to action, a powerful search
function for finding library materials easily, and a dedicated section for accessing online
resources. Usability testing with library patrons starts right away and continues through
the various interactions and improvements. Finally, YourDesign…
 delivers the redesigned website, which meets the needs of its patrons and
encourages them to use all the library's resources more effectively.

By incorporating HCD principles into popular frameworks like Design Thinking, Lean
UX, and the Double Diamond, UX designers can create user-friendly and successful
digital experiences more easily. Here are a few things to keep in mind as you move
forward:

 HCD is the foundation: Every design decision should be made with the user in
mind.
 Embrace iteration: No design is perfect the first time around. The frameworks in
this reading all recognize the importance of iteration. By testing designs with real users
and incorporating their feedback, you can continuously refine your design to better meet
user needs.
 Focus on value: Don't waste time and resources on features users don't need;
prioritize the features that deliver real value to the user.

By following these principles and leveraging the power of UX design frameworks, you
can better design digital experiences that are beautiful, functional, and provide your
users with a positive experience. But the most important thing to remember is that a
human-centered approach is the key to creating successful and long-lasting digital
products, with or without frameworks.

Applying the UCD framework to


a sample UX design problem:
Part 1
What’s the difference between human-centered design (HCD) and user-centered design
(UCD)? Even though people tend to use the terms interchangeably, a future UX
professional like you should really know the difference. While HCD and UCD both
prioritize people in the design process, HCD is more of a big picture approach—it looks
at the impact of a design on everybody. UCD is a core principle within HCD, but it’s
focused on the specific users of the website, app, or software interface you’re
developing. This reading is the first of a three-part series on UCD and its application in
UX design. In it we’ll break down and explore the UCD framework for design, stage by
stage, to help you understand UCD’s importance and its role in user-friendly and
effective designs.

Let’s start with the basics.

User-centered design: A recipe for success

Let’s say you’re ordering pizzas for a work get together, but you don’t know everybody
or the type of pizza they prefer. So you decide what to order and hope for the best.
There’s a good chance that your best guess won’t satisfy a number of the party goers.

UCD approaches your pizza dilemma from another perspective. It's a design philosophy
that prioritizes user needs, preferences, and behaviors from the start, and keeps them
in mind through every design phase to delivering the final product, be it a website, an
app, or even the right kind of pizza for everybody.
While there isn't really one single "official" version of the UCD framework, the following
is a breakdown of its core principles:

 Empathy, which is figuratively stepping into the user's shoes so you can understand
and experience their frustrations and aspirations firsthand.
 Iteration, which is an emphasis on constantly refining and improving your design
based on user feedback.
 User involvement, which is simply making sure that there is active user
participation throughout the entire design process, from initial research to testing and
delivery. You need it to create products that meet them where they are.

When you embrace these principles, you and your clients and stakeholders will see
benefits such as:

 Improved usability: Your site or app will be intuitive and easy to navigate, reducing
user frustration and saving them valuable time.
 Increased user satisfaction: When users feel heard and understood, they have
a much more positive experience with your app.
 Higher adoption rates: People are more likely to use and recommend a product
that meets their needs.

The stages of the UCD framework: A cyclical journey

Now that you know the philosophy behind UCD, let's look at the way it works. The UCD
framework can be broken down into five essential stages, which work together in a loop
that demonstrates the iterative nature of the process—continuously revisiting and
refining designs based on what we learn from users at each stage. The stages are:

1. Research: Understanding the problem


2. Design: Creating solutions based on user insights
3. Prototype: Building models for testing
4. Test: Gathering user feedback through observation
5. Iterate: Refining and improving the design

Let’s take a closer look using a bus stop app as an example.


Stage 1: Research

Before you start to design the bus stop app, you need to have a clear understanding of
the problem you're trying to solve. For this app, the problem is long bus stop wait times.
As in any design, the initial research stage is crucial for learning about the context of the
problem, the target (typical) user, and their specific wants and needs surrounding bus
stop wait times. Here are some research methods that can help you achieve that:

 Interviews: One-on-one conversations with potential users provide invaluable first-


hand information. You want to understand their experiences at bus stops, things like
their biggest pain points and what kind of information would be most helpful to them
during their wait. Interviews humanize the design process and provide a strong
foundation for you to empathize with users.
 Surveys: Distributing online or paper surveys helps you reach a broader audience of
users, so you can gather quantitative data on more people’s experiences and
preferences. This enables you to understand the general trends and common
frustrations associated with bus stop wait times.
 Observations: Sometimes, the most telling insights come from simply observing
users at bus stops. What are their unspoken behaviors and frustrations? How do they
currently manage their wait times? What information do they instinctively look for, or
wish they had access to? Observing body language and behavior can reveal hidden
pain points that surveys and interviews might miss.
 Journey Mapping: Visually mapping a user's entire journey from leaving their home
to arriving at their destination can be incredibly insightful. This exercise helps you
identify potential challenges and opportunities for improvement at each touchpoint in
their journey. For example, the journey might start with the user checking a traditional
bus schedule online and being frustrated by not having real-time information. This
frustration could be a cue to exploring the possibility of integrating real-time bus
schedule information within the app.

Stage 2: Design

Once you’ve assembled and analyzed the data and uncovered insights, you can
officially begin the design process. You’ll leverage your understanding of user needs to
develop creative solutions through exercises like brainstorming ideas, sketching out
user interfaces (UI), and defining the overall flow of the app. Here are some key design
principles to consider as you do these things:
 Usability: The app should be straightforward and easy to learn and use, regardless of
the user's technical background. Ask yourself, if a person opened the app for the first
time would they be able to immediately and intuitively navigate through it?
 Accessibility: The app should be usable by everyone, including people with
disabilities. This means considering factors like color contrast, screen reader
compatibility, and clear labeling for all menus, links, buttons, and so on.
 Clarity: Information should be presented in a clear, concise, and easy-to-understand.
Avoid technical jargon and use simple, direct language.
 Visual Design: The app's interface should be visually appealing and consistent
throughout to create a more positive user experience. This includes factors such as
color scheme, layout, and overall aesthetics that appeal to and engage the target
audience.

Stages 3-5: Prototype, Test, and Iterate

Now that you’ve laid out the basics of design and structure for the bus stop, it’s time to
turn them into something you can put into the users' hands. This is where the three
“looping” stages of UCD come into play, beginning with prototyping. As you know,
prototypes are low-fidelity or high-fidelity models of the app that allow you to test user
interactions and get valuable feedback on your design choices. These final three stages
are:

 Prototype: You can create low-fidelity prototypes using just a pen and paper to lay
out basic sketches of the app's structure and functionality. You can also create higher-
fidelity digital wireframes, mockups, and interactive samples using design tools like
Figma. The key to the prototyping stage, which you’ll come back to again and again
through iteration, is to give your users something they can react to or interact with, even
if it's not fully functional.
 Test: The next of the loop phases is usability testing, which is where your target users
interact with your prototypes and you gather their feedback. You can do this through
individual testing sessions for more focused feedback or in group sessions to gain
different perspectives. Pay close attention to what users find intuitive, where they get
confused, and what features they find most helpful. But don’t just pay attention to their
words. Observe their body language and listen carefully to the thought processes they
use as they interact with the prototypes.
 Iterate: The true impact of UCD lies in the iteration phase. You’ll use the user test
results to refine and improve the design. This might involve anything from tweaking the
layout and button placement to adding new features or functionalities based on user
suggestions. Remember, the goal is to create an app that addresses the users’ needs
and provides a seamless, intuitive experience. You’ll likely go through multiple rounds of
prototyping, testing, and iterating before you arrive at the final design solution.

Putting the user at the center of the design

By prioritizing user needs and actively involving users throughout the design process,
UCD frees and empowers you to create an apps that’s functional and focused on a
positive user experience.

Remember, the people who will use your app are the experts of their experience. That’s
why you have to listen to them and incorporate their feedback if you want to design a
successful mobile app that provides a real solution to the challenge of long bus stop
wait times.

Like we said at the beginning, this first part of the series is the foundation to help you
understand the UCD framework. In the next part, we'll dive deep into the design stage,
and explore specific principles and best practices for creating user interfaces that are
both user-friendly and visually appealing.

Applying the UCD framework to


a sample UX design problem:
Part 2
Welcome back to the second reading in the UCD framework series. Last time, we
explored the UCD framework and discussed its importance in creating effective
websites, apps, and software interfaces using a bus stop app as an example.

In this reading, we’ll concentrate on the second Stage of the UCD framework, doing a
deep dive from a few different angles—there’s a lot that goes on in this stage and we
want to look at all of it through the lens of creating our mobile app to combat the
frustration of long bus stop wait times.

So let’s jump right into the design stage of the UCD framework and see where it takes
us.

Stage 2: Design—turning user insights into action

At this point, let’s assume that you’ve completed stage 1: research. In that stage you
conducted your user research using interviews, surveys, observations, and journey
maps, gathered your data, analyzed it, and gleaned the necessary insights to
understand the app’s target users. This means that now you are ready to translate your
user needs information into actionable design solutions, which is stage 2.

In this stage you’ll brainstorm ideas with your team. Using the insights from your
research, you’ll collaborate to come up with as many ideas as possible for how you
might solve the users’ problem through design. You might even include some target
users into these ideation sessions through surveys and questionnaires.

Next, you’ll select the most promising ideas and sketch out some user interfaces (UI),
and define the core functionalities of the app—keeping in mind the functionality might
need to be adjusted once you move into the final three stages of the UCD framework.
Here are some the key design aspects and principles to consider:

 Overall design focus


 User-centered approach: Always keep the user at the forefront of your design
decisions. Refer to your research data and user personas as needed to make sure
every design element caters to user needs and addresses identified pain points.
 Information architecture considerations
 Clarity and organization: Structure the app's information in a clear and organized
way. Users should be able to find the information they need quickly and effortlessly.
Group related functionalities together and use intuitive labels for menus and buttons.
 Prioritization: Focus on displaying the most relevant information first. For our
example, the app's home screen should prioritize real-time bus arrival information for
each user’s most frequently used routes.
 UI design guidelines
 Visual Hierarchy: Use visual elements like size, color, and spacing to guide the
user's eye towards the most important information. For example, make real-time arrival
times stand out compared to less critical details like bus stop information.
 Consistency: Maintain a consistent visual style throughout the app. This includes
using a consistent color palette, typography, and layout across all screens to create a
sense of familiarity, assist in ordering types of information, and reduce user confusion.
 Minimalism: Avoid cluttering the user interface with unnecessary elements. Focus
on presenting information in a clean and concise manner. White space can be a
powerful tool for improving readability and visual appeal.
 Interaction design guidelines
 Intuitive Navigation: Make navigation throughout the app seamless and intuitive.
Users should be able to find their way around easily, even if they aren’t familiar with
using mobile apps. Use common navigation patterns like bottom navigation bars or
hamburger menus.
 Responsive Design: Make sure the app adapts fluidly to different screen sizes and
types of devices to make sure each person has a positive user experience whether
they’re using a phone with a small screen or a tablet with a larger display.
 Accessibility: Design the app to be accessible to users with disabilities. This
includes features like high-contrast text options, text descriptions of graphics and
images, screen reader compatibility, and alternative ways to interact with the app, such
as voice commands.
 Additional design considerations:
 Error Prevention: Be sure to include measures to help prevent users from making
mistakes. For example, use clear confirmation dialogues before allowing irreversible
actions.
 Accessibility Features: Integrate features like zoom functionality and text size
adjustments to cater to users with specific visual preferences or impairments.
 Offline Functionality: Give users the ability to access basic information like saved
bus stop locations or frequently used routes even when they are offline.

Tools and techniques for the design stage

Earlier we shared a number of tools and techniques that you can use to help you make
the design phase more productive and efficient. Here are a few examples:
 Paper Prototyping: This quick and cost-effective way to create low-fidelity
prototypes using paper and pen allows for rapid iteration and testing of basic layouts
and functionalities.
 Digital Prototyping Tools: Software tools like Figma or Sketch allow you to
create higher-fidelity digital prototypes that are more interactive and visually polished
and can simulate functionalities available in the app.
 UI Style Guides: These documents define the app's visual style, including color
palette, typography, and button styles. Maintaining a consistent style guide is one of the
key ways to create visual cohesion throughout the app.

The power of user-centered design

Applying these design principles and using appropriate tools and techniques empowers
you to create a user interface that is not only functional but also visually appealing and
easy to use. Remember, the design should cater to the target user needs and deliver a
positive user experience.

The importance of testing and iteration

The UCD framework emphasizes the importance of continually testing and iterating on
your designs throughout the design stage. It’s also important to involve users
throughout the process. Here are a few suggestions for how to do that:

 User Feedback Sessions: Conduct usability testing sessions where your target
users can interact with your prototypes and provide feedback. Closely observe their
behavior, listen to their thoughts, and identify any areas of confusion or frustration. Use
this feedback to refine your design and iterate towards an even more user-friendly
solution.
 A/B Testing: Once you have a more developed prototype, consider A/B testing for
different design elements to see which ones connect with users better. For example,
you could test two different layouts for the app's home screen to see which one users
find more intuitive.

By continuously testing and iterating based on user feedback, you can make sure that
your design is truly user-centered. Remember, the UCD framework is a cyclical
process. As you move from the design stage to the prototype stage, be sure to keep the
insights you gained from the design phase in mind. These insights will influence how
you develop prototypes and ultimately lead to a more successful final product.

Putting theory into practice

Now that you’ve had a chance to explore the design stage of the UCD framework in
detail, let's put this knowledge to use for our bus stop app. Here's one example of how
you might want to apply some of the design considerations we mentioned earlier:

 Information Architecture: The app's home screen could prioritize a view of the
real-time bus arrival information for the user's most frequently used bus stops like we
said earlier. This can be achieved through a personalized favorites list or using location
services that can automatically detect nearby bus stops.
 Visual Hierarchy: Real-time arrival times could be displayed in a larger and bolder
font compared to static information like bus stop addresses. Color coding could also be
used to visually differentiate between upcoming buses (green) and those further out
(yellow).
 Intuitive Navigation: A bottom navigation bar could be used to provide quick
access to core functionalities like "My Stops," "Nearby Stops," and "Settings." Each
section should be clearly labeled and coupled with an icon for easy recognition.
 Minimalism: Avoid cluttering the interface with unnecessary elements. Present bus
stop information cleanly and concisely. Consider using icons to represent features like
accessibility options or service alerts.

These are just a few examples. Your experience and specific design choices will
ultimately be informed by your responses to user research and testing. The most
important thing to remember is to prioritize your target users’ needs in every step of the
design process and to create an interface that is both visually appealing and easy to
navigate.

Keeping the user at the center

As we wrap up Part 2, it’s important that you don’t forget UCD is an iterative process. By
prioritizing user needs, conducting the appropriate user research, and continuously
refining your design based on user feedback, you can create a mobile app that is
functional as well as user-friendly. The bus stop app we’ve been using is simply one
example of how UX design improves digital products by solving problems—the UCD
framework can be applied to the design of any website, app, or software interface to
provide a positive user experience.

Welcome to part three of applying the UCD framework.


In parts one and two, we explored the research and design stages,
laying the foundation for crafting a user-centered mobile app.
In this video, we'll examine the stages of prototyping, testing, and iterating—stages
that are at the heart of refining your design into be user-friendly and successful.
By the end of this video, you will be able to identify the prototyping, testing, and
iterating stages of the UCD framework
and explain what happens at each of these stages,
along with examples and potential solutions.
Let's start with the prototype stage.
Prototyping is the process of building a version of a website, app or
software interface to test ideas and functionality in the design.
The prototyping stage is where UX designers turn their design concepts
from ideas into tangible models.
There will typically be several prototypes created during the design
process to work through functionality and the user experience.
Prototypes can either be low-fidelity or high-fidelity.
Low-fidelity prototypes are essentially basic sketches or mockups,
often created with pen and paper.
They focus on core functionality and
user flow without getting hung up on the aesthetic.
They’re quick and easy to create, making them ideal for early-stage testing and
validating against user needs.
High-fidelity prototypes are more polished and interactive versions of your design.
They’re created using design tools like Figma or Sketch,
and often incorporate features like clickable buttons and realistic visuals.
They take more time to develop.
High-fidelity prototypes are created for usability testing and
to gather feedback on the overall user experience.
Once a prototype is created, you move into the testing phase of the UCD framework.
In other words,
you need to put your prototype to the test to see how users react to it.
This is called user testing and involves observing real people as they interact
with your prototype and gathering their feedback.
As you know, user testing is an invaluable step in the design process,
allowing you to identify potential usability issues and
refine your design based on that and other user insights.
Here are some tips for effective user testing sessions:
Recruit a diverse group of users.
Aim for people who represent your target audience.
Create a realistic testing environment.
Simulate a real-world scenario where users might interact with your app or
website, such as a coffee shop for a bus stop app.
Focus on observation. Watch the way users interact with the prototype and
don’t rely solely on the things they say.
Pay attention to body language and facial expressions.
Ask open-ended questions.
You’ll often need to encourage users to elaborate on their thoughts and
experiences during the test.
Focus on the task, not the solution.
Don't ask leading questions or
try to defend your design choices. The goal is to understand how users see and
use your design, then identify and address any issues they encounter.
This takes you to the final stage of the framework, iterating,
often called the cycle of continuous improvement.
Based on the results of user testing you need to iterate on your design.
This could involve anything from adjusting layout and
button placement to adding new features or functionalities based on user suggestions.
UCD is an iterative process. There’s no one perfect way to design.
Solid UX design means continuously refining your solution based
on user feedback.
Let’s revisit our bus stop app scenario.
Let’s say you started by creating a low-fidelity prototype of the app’s home
screen, allowing users to view real-time arrival times for
the bus stops they frequent.
You've designated these as favorites.
During user testing, you notice some users struggling to find the favorites section.
This suggests that the layout might not be as intuitive as you thought it was.
Based on this information, you iterate on your design, possibly by moving
the “favorites” section to a more prominent location on the home screen.
Using the UCD framework, you can create mobile apps that are both functional and
user-centered.
Always remember that users are the ultimate experts when it comes to their
experience.
By prioritizing user needs, conducting user research, and
continuously refining your design based on user feedback,
you can create an app that truly solves problems and provides value.
Remember that it's not unusual to repeat these stages
of the UCD framework multiple times before a project is finished.
There are even times you may have to go back to the initial stages, or
even start over.
That's not necessarily a bad thing,
sometimes that's what you need to do to truly meet the users' wants and needs.
Let me just wrap this video up by reminding you that the UCD framework
is a powerful and useful tool that can be applied to any website, app or
software design.
See you next time.
The five stages of design
thinking, explained
Now that you’ve been introduced to design thinking and have had the opportunity to see
examples of how it’s used in real-world UX designs, let's take a closer look at each of
the stages of this process.

Let’s begin with a quick review for context and to make sure we’re both on the same
page. As we said earlier, design thinking is a human-centered, cyclical approach to
creating UX and UI designs that solve problems and create positive user experiences.
It’s a five-stage framework that takes into account the target users’ wants, needs, and
pain points and makes addressing them the focus of the design process.

But it’s not just for users, here are a few benefits design thinking offers UX designers
like you:

 Understanding users deeply: Uncover what moves them—their frustrations,


desires, aspiration, and pain points.
 Defining problems clearly: Craft a crystal-clear problem definition so you can
understand what specific issue you're tackling.
 Generating creative ideas: Think outside the box and brainstorm innovative
solutions.
 Building prototypes quickly: Turn those ideas into actionable experiences to
test and refine.
 Testing with real users: Get valuable feedback to make sure your design hits the
mark.

To understand just how the design thinking process does this, let’s dig into each of the
five stages of this powerful process.

Stage 1: Empathize

To review: Design thinking begins with the concept of empathy. Empathizing is the art of
understanding another person's perspective. People typically say, “put yourself in their
shoes,” but it’s more than that. It’s using your emotions and your creativity to try and
understand how the other person thinks and feels about something—in this case, a UX
problem. Doing this gives you a better understanding of their needs, motivations, and
pain points.

Design thinking uses user research to give you a perspective that aligns more closely
with your users. You’ll use research tools like:

 User interviews, which are one-on-one conversations with users to hear their
stories and experiences firsthand. Ask open-ended questions and actively listen to get
the complete picture of their experiences and aspirations.
 Observations, which is watching users as they interact with products or services,
and eventually with prototypes as well. Note their frustrations, successes, and anything
that seems confusing or challenging.
 Empathy mapping, which is imagining a user's world visually. Using your research
insights, create a map that captures their thoughts, feelings, needs, and experiences
related to the problem you're trying to solve.
 User personas, which are fictitious profiles you create for your target users based on
your research. These personas help you design for people rather than for statistics.
Let's say a company wants to improve its online learning platform. Through user
interviews and observations, they discover that learners often struggle to find the
information they need. They also feel overwhelmed by the sheer volume of content. By
empathizing with learners, the company can identify areas where they need to improve
the platform to meet their users’ needs.

As with anything else, empathizing only helps when it’s done properly. So take care to
avoid the following:

 Bias: Be careful not to let your own assumptions and biases cloud your research.
Actively seek diverse user perspectives to get a well-rounded picture.
 Limited research: Don't cut corners or skip doing research. Invest the time to
thoroughly understand users before jumping to solutions.
 Superficial understanding: Don’t be satisfied with your initial observations. Dig
deep to uncover the reasons behind users’ behavior.

Stage 2: Define

After you do the research you need to empathize, you move on to define, which is
synthesize your data into a clear and concise problem statement. This statement
identifies the core issue you're trying to solve and will set the direction for everything
that comes next.

Here are some methods for crafting solid problem statements:

 Problem framing: Rephrase your observations as a user-centered problem


statement. Going back to the learning platform example, you might say something like,
"Learners need more intuitive and streamlined navigation so they can find relevant
information efficiently."
 Stakeholder alignment: Get everyone on the same page. Make sure all of the
project’s stakeholders—designers, developers, executives, and anyone else—share a
common understanding of the problem.
 Goal setting: Define clear goals for your design solution. What do you want users to
achieve with your solution? For example, “We will provide a more engaging and user-
friendly learning experience."

Problem statement pitfalls to avoid include:

 Vague problem statements: Make sure your statement is specific and


actionable.
 Scope creep: Don't try to solve everything at once. Clearly define the scope of the
project to avoid getting bogged down in unnecessary details.
 Premature solutioning: Hold off on brainstorming solutions until you’ve defined
the problem to all the stakeholders’ satisfaction.

Stage 3: Ideate—Unleash Your Creativity!

The ideate stage is what most people consider to be the fun part of design thinking. But
that doesn’t minimize its importance. This is where you and the design team (and
sometimes users as well) come up with as many creative solutions as possible for the
problem you defined. By tapping into a variety of different perspectives, you can see the
problem from angles that you may not have considered, which could make the solution
more innovative and effective.

Here are some techniques to generate ideas during ideation:

 Brainstorming: Gather a team and throw out as many ideas as possible, no matter
how wild or impossible they may seem. Encourage uninhibited thinking and build on
each other's ideas.
 Mind mapping: Visually represent your ideas and their connections. Use a mind
map to explore different facets of the problem and identify potential solutions.
 Rapid prototyping: Create quick, low-fidelity prototypes to test different concepts.
This allows you to explore ideas cheaply and efficiently before investing heavily in
development.
The main branch is Grocery Delivery App. The next level of branches are meal
planning, grocery delivery, and grocery shopping with additional branches listed from
the second level of branching.

For our example, the online learning company brainstorms ideas like a personalized
learning dashboard, interactive tutorials, bite-sized learning modules, and gamification
elements to boost engagement. The design team creates rapid prototypes to explore
and showcase these ideas.

Here are some pitfalls to watch out for:

 Idea bias: Don't favor certain ideas over others. Give everyone equal consideration
during brainstorming.
 Groupthink: Encourage diverse perspectives to avoid falling into the trap of
groupthink. Don't be afraid to challenge the status quo.
 Premature evaluation: Don't judge ideas during ideation. Focus on quantity over
quality at this stage.

Stage 4: Prototype

In this stage, you'll evaluate and transform your most promising ideas into prototypes
users can interact with. The goal here is to get something basic in users' hands to
gather feedback and test your concepts. As you prototype, consider the following:

 Fidelity: Choose the right level of detail for your prototype. Low-fidelity prototypes like
sketches or wireframes are great for early testing, while high-fidelity and interactive
prototypes can be used for later stages.
 User feedback: Involve users in the prototyping process—the earlier the better—so
they can provide feedback on the prototypes’ usability and effectiveness.
 Iteration: Based on user feedback, refine your prototypes and test them again. The
iterative process is crucial.

In the online learning company example, the team creates two prototypes: one with a
personalized dashboard and another with gamification elements. They conduct usability
tests to see how they interact with both prototypes and gather feedback.

As you prototype, be careful of:

 Over-engineering: Don't create overly complex prototypes. Focus on specific


functionality over depth and aesthetics.
 Not involving users: Testing with users is essential. Don't skip this step.

 Resisting iteration: Be open to feedback and be willing to adapt your prototypes


based on user feedback and insights.

Stage 5: Test

The final stage is testing your prototypes with users, which will likely happen several
times as you iterate. Testing validates your design solutions and identifies any usability
issues before you invest in development. Here are some best practices for effective
usability testing:
 Define test objectives: Know clearly and specifically what you want to learn from
testing. Are you checking specific features or are you looking for overall usability
feedback?
 Recruit participants: Recruit a representative group of users to participate in your
testing. Aim for diversity in demographics, backgrounds, and technical skills.
 Analyze feedback: Pay close attention to user behavior and listen closely to their
feedback. Identify areas for improvement and iterate accordingly.

Finally, our online learning company example conducts usability tests with their
prototypes and learns that learners find the personalized dashboard helpful, but the
gamification elements feel clunky. Based on this feedback, the team refines the
gamification features and conducts another round of testing.

As with all the other phases of design thinking, there are pitfalls to avoid, such as:

 Biased testing methods: Ensure your testing methods are unbiased and
representative of your target users.
 Ignoring user feedback: Don't dismiss valuable user insights, even if they
challenge your initial ideas.
 Overlooking usability issues: Address all usability issues identified during
testing to create a truly user-friendly experience.

Design thinking is a powerful tool you can apply to a wide range of problems in UX/UI
design. As you become more familiar with the process, you'll be able to approach
challenges with a new perspective and create solutions that truly make a difference.

Welcome back. In this video,


we're going to talk about UX deliverables-
what they are, what they do
and the role they play in the UX design process.
By the end of this video,
you will be able to identify essential UX deliverables,
like wireframes and prototypes, and explain
the purpose of each deliverable and
its role in the design thinking process.
So let's get started. In the same way that
architects and engineers need to
develop blueprints for creating a building,
UX deliverables are documents created throughout
the design process to
communicate ideas, concepts, and solutions.
These deliverables serve an important purpose:
they keep all of the various designers and developers
on the same page as they work
on the website, app, or software.
They also help designers and project leads
share progress with stakeholders
like project managers and clients.
UX deliverables translate ideas into clear,
actionable roadmaps that align with the project's goal,
which is creating a functional product that
delivers a positive, intuitive user experience.
There are several different UX deliverables that
are typically used on a UX design project,
such as: Wireframes, Prototypes,
User personas, Journey maps and
user flows, and Style guides.
Let's take a closer look at these deliverables.
Let's start with wireframes.
As you know, wireframes
are like the skeletons of your design-
low-fidelity representations that focus on the layout,
structure, and organization of the upper sight.
These "rough sketches" help you
visualize and refine the navigation and ideas
before you and your team spend a lot of
time working on the more visual aspects of the design.
The beauty of wireframes
is that they're quick and easy to create,
which makes them ideal for
exploring different design options
and identifying potential usability issues early on.
They're also an excellent tool for sharing
with and gathering feedback from stakeholders.
Getting stakeholder input before
coding begins can significantly
reduce costs and the number of
revisions required later in the process.
There are different types of wireframes:
Sketchy wireframes, which are computer versions of
the traditional hand- drawn sketches and
napkin doodles to show off your initial design ideas.
Digital wireframes, which allow you to
arrange and rearrange the elements of a design on screen.
Interactive wireframes, which are
click-through models that simulate basic user journeys.
Interactive wireframes are more
commonly referred to as prototypes,
the second in our list of UX deliverables.
Prototypes take wireframes a step further by
simulating the actual behavior
and functionality of your design.
Think of them as playable demos that allow users to
interact with your interface before it's fully built.
There are different types of
prototypes from low- fidelity paper prototypes,
where you simply draw the app screens
on paper and connect them with arrows,
to high-fidelity, interactive prototypes
that can feel like the finished product.
The level of detail you choose depends on
your project goals and where
you are in the design process.
Prototypes are great tools for
usability testing because you
can put them in front of people,
observe how they interact with them,
and gather feedback to help you
validate your design decisions before development.
While wireframes and prototypes are
the UX deliverables that get the most attention,
there are other deliverables
that also play an important role,
including: User personas, which are
fictional characters that represent your target audience.
They help you keep user needs
front and center as you design.
Journey maps, which visualize how the users will
navigate step-by-step, to achieve specific goals.
These help you identify pain points
and potential navigation issues early on.
User flows, which chart
the specific sequence of actions
users take to complete a task.
Style guides, which are sets of rules for
designing content that helps to
maintain a consistent style, voice and tone.
These define things like typography,
color palettes, and button styles.
UX deliverables are also an important navigation tool.
They help strengthen your designs and foster
more cohesive teamwork, where
each deliverable builds upon the last,
leading you closer to the project goals.
UX deliverables are an integral part
of the design thinking process,
which is all about iteration and continuous improvement.
Each time you create a deliverable,
you can use it to gather feedback,
refine your design, and iterate until
you have a solution that truly meets user needs.
In addition, the right deliverable at the right time
can save you lots of time and rework down the road.
To summarize, UX deliverables are
the building blocks of a successful design process.
They help you communicate
ideas clearly, collaborate effectively,
and ultimately create
better user experiences. Until next time.

The power of prototyping in UX


design
Ever work on a great idea for a website or app, only to find it didn’t do what you thought
it would once you built it? This happens all the time in UX design, which is why
designers prototype. Building a quick model of your design lets you see how it works in
the real world (or doesn’t) before you spend a lot of time and money on it.

In this reading, we'll examine the reasons why prototyping is so important, as well as the
different types of prototypes you can use in the different stages of the design process to
validate your design concepts and gather valuable user feedback. That’s what
prototyping is all about.

The power of prototyping


To quickly review, a prototype is a simulated version of either a piece of your final
product, or of the project itself. It can be anything from a basic sketch on paper to a
highly interactive digital model. The prototype allows users to interact with it, even if it's
not fully functional, so you can identify any issues early on and make changes before
beginning development.
The benefits of prototyping include:

 Reduced development costs: By identifying usability issues early on, you can
avoid costly mistakes later in the development process.
 Minimized risks: Prototyping allows you to test your ideas with real users before
you invest a lot of resources, minimizing the risk of creating a product nobody wants to
use.
 Improved communication: Prototypes are a great way to communicate your
design ideas to stakeholders, such as developers and clients. They can see and interact
with your vision, which creates better collaboration and understanding.
 Faster iteration: Prototypes are quick and easy to create, allowing you to iterate on
your designs rapidly. This means you can test different ideas and find the best solution
much faster.

Prototype fidelity: Various shapes and sizes

When talking about the different types of prototypes you can use. The key concept to
understand is fidelity, which refers to the level of detail and realism in your prototype.
Each of the three main types of prototypes has a different fidelity:

 Low-fidelity prototypes: These are the simplest and quickest to create. They
might be basic sketches on paper, wireframes, or even cardboard cutouts. The focus
here is on basic functionality and user flow. Low-fidelity prototypes are great for early
stage design exploration and getting user feedback on the core concepts.
 Medium-fidelity prototypes: These prototypes add a bit more detail to the low-
fidelity versions. You might use digital tools to create them, and they could include basic
visual elements like colors and fonts. Some medium-fidelity prototypes might even have
clickable elements to simulate user interactions. This type of prototype is useful for
getting feedback on the overall user experience and refining the design layout.
 High-fidelity prototypes: These are the most realistic and interactive prototypes.
They often look very similar to the final product in form and functionality. High-fidelity
prototypes are used for usability testing and getting feedback on the visual design and
user interactions.
There are also other types of prototypes, such as functional prototypes that focus
on specific functionalities of the product, and horizontal prototypes that showcase
a limited range of features across different platforms, such as a mobile app or website.

As a UX designer, you’ll need to become familiar with a variety of prototyping


techniques. The best type of prototype for your project will depend on your specific
goals and what stage you are at in the design process.
Here are some popular prototyping tools to consider:

 Sketch for creating user interfaces.

 Adobe XD for all-in-one design and prototyping.

 InVision for creating interactive prototypes.

 Figma for web-based design and prototyping.

 Pen and paper Don't underestimate the power of low-fidelity prototypes.

Prototyping and the design process

As we said a moment ago, different prototypes can be used throughout the design
process:

 Early concept exploration: Low-fidelity prototypes allow you to quickly


brainstorm ideas and get feedback from users on the core functionalities and user flow.
An example would be sketching out different layouts for a food ordering app on paper.
 Information architecture and user flow: Once you have a basic idea of what
your design will look like, you can use medium-fidelity prototypes to define the
information architecture (how content is organized) and user flow (the steps users take
to complete a task).
 Design refinement and visual communication: As you move towards a
more polished design, high-fidelity prototypes become more necessary. They allow you
to showcase the visual elements, test user interactions, and gather feedback on the
overall user experience. This is where you can see something like the food ordering app
mentioned a moment ago fleshed out with clickable buttons and realistic screens.
 Usability testing: Prototypes are essential for conducting usability testing, to
identify any issues and indicate where you need to make improvements before
development begins. In the food ordering app example, you could test to see if users
can easily find the menu, add items to their cart, and complete the checkout process.
 Stakeholder communication: Prototypes communicate your design ideas to
stakeholders. They can see and understand with your vision, which helps bridge the
gap between abstract concepts and tangible experiences. For example, a high-fidelity
prototype of your food ordering app is a much more engaging way to explain your
design decisions.

Using prototypes throughout the design process, helps you make sure the final product
is visually appealing, user-friendly, and meets the needs of your target audience.

Prototyping best practices

As you begin building prototypes in your design career, keep the following best
practices in mind:

 Start with a clear objective: Before you start your prototype, define what you
want to achieve with it. Are you trying to validate a concept, gather feedback on user
flow, or test specific functionalities? A clear goal guides your prototyping process so you
get the most valuable insights.
 Focus on key interactions: Don't get hung up on perfectly polished prototypes.
Focus on demonstrating the most important interactions that users will have with your
design. For the food ordering example, you might prioritize the search function, adding
items to the cart, and checkout.
 Embrace iteration: Prototyping is an iterative process. Don't expect to create a
perfect prototype on the first try. User feedback refines your design so you can iterate
on your prototypes until you achieve the desired outcome.
 Keep it simple (when appropriate): Remember, low-fidelity prototypes can be
incredibly valuable, especially early in design. Don't feel pressured to create higher-
fidelity prototypes if a simple sketch or wireframe will suffice.

Embrace challenges

Like any design process, prototyping comes with its own set of challenges. Here are a
few common ones and how to tackle them:

 Scope Creep: Prototyping is meant to be a quick and efficient way to test ideas.
However, it's easy to get carried away and add too much detail, which can be time-
consuming and counterproductive. Stay focused on your initial objective and keep your
prototypes lean.
 Unrealistic Expectations: Prototypes are meant to simulate core functionalities
and user flow, not replicate every detail. Avoid frustration and stay focused on the true
purpose of prototyping.
 Resistance to Change: Sometimes, stakeholders might be hesitant to embrace
changes based on users’ prototype feedback. Remind them of the value of user testing
and how early iteration leads to a better final product.

By being aware of these challenges and following the best practices mentioned above,
you can make prototyping a powerful tool in your UX design tool box. Creating
prototypes at different stages of the design process, helps you validate your concepts,
collect important user feedback, and create a user-centered experience for your target
audience.

Remember, the best prototypes are about sparking ideas, encouraging collaboration,
and ultimately, creating a product that users love. So take the time now to become
familiar with the tools and practice, using the activities and projects in this training and
on your own as well. Learn the tools and practices the processes to start prototyping as
soon as you can.

To that end, here are a few additional tips to keep in mind as you set off on the
prototyping leg or your UX designer journey:

 Don't be afraid to experiment: There are no hard and fast rules when it comes
to prototyping. Experiment with different techniques and tools to find what works best for
you and your project. The quote, rules, are only guidelines--your user sets the tone.
 Have fun: Prototyping should be an enjoyable and collaborative process. Don't be
afraid to get creative and have fun with your designs. Challenge your peers to come up
with new innovations.
 Keep learning: The world of UX design is constantly evolving—as we’ve been
saying all along—so make sure to stay up-to-date on the latest prototyping trends and
techniques. There are plenty of online resources and courses available to help you
hone your skills.

By embracing the power of prototyping, you'll be well on your way to achieving your goal
of becoming an entry level UX designer. Just keep in mind that the user is always at the
center of the design process, and prototyping is your key to understanding their needs
and creating websites, apps, and software interfaces they'll want to use.
What is artificial intelligence
(AI)?
Imagine a UX designer sitting at their desk, a blank canvas on their screen, and a world
of possibilities at their fingertips. With a few clicks, they open an AI-powered tool that
generates a lot of design variations, each a unique blend of colors, layouts, and
interactive elements. The designer sifts through these options, selecting the most
promising ones. With a few more prompts, the AI refines the designs further, tailoring
them to specific user preferences and behaviors. This seamless collaboration between
human creativity and artificial intelligence is a glimpse into the future of UX design.

But what exactly is artificial intelligence (AI)? AI refers to machines that mimic human
intelligence and reasoning processes, such as learning, reasoning, and problem-
solving. It's a broad field with diverse applications, ranging from self-driving cars and
medical diagnoses to personalized recommendations on streaming platforms.

In UX design, AI is poised to revolutionize how we create, test, and iterate on user


experiences. It has the potential to automate mundane tasks, uncover hidden insights,
and personalize experiences at scale. However, as with any powerful tool, AI also
raises ethical questions and challenges that designers must consider.

So, let's take some time to demystify AI and explore its core functionalities and
applications.

AI core functionalities

Machine learning

Machine learning (ML), a subset of AI, is like a digital apprentice that learns from
experience. Instead of being explicitly programmed to perform a task, ML algorithms are
fed vast amounts of data and learn patterns, relationships, and trends within that data.
The algorithms are "trained" on datasets, learning to recognize patterns and make
predictions based on the data they've seen.
There are three main types of machine learning:

 Supervised learning: Algorithms are given labeled data where the desired output
is known. It learns to map inputs to outputs, like predicting house prices based on
features like location and size.
 Unsupervised learning: Algorithms are given unlabeled data and must
independently discover patterns or groupings within the data. This is like clustering
customers based on their purchasing behavior without knowing their demographics
beforehand.
 Reinforcement learning: Algorithms learn by interacting with an environment and
receiving feedback through rewards or penalties. This is similar to how a dog learns to
perform tricks through positive reinforcement.
In UX design, machine learning has several exciting applications:

 Personalization: ML algorithms can analyze user behavior, preferences, and


demographics to deliver personalized content and recommendations. For example, a
music streaming app might use ML to recommend songs or playlists based on a user's
listening history.
 User behavior prediction: ML can predict how users interact with an interface,
allowing designers to optimize the user flow and improve the overall experience. For
instance, an e-commerce site might use ML to predict which products a user will most
likely purchase and display them prominently.
 Interface optimization: By analyzing user behavior patterns, ML algorithms can
identify areas where users struggle or get stuck. This information can be used to
redesign interfaces, streamline workflows, and improve overall usability. Imagine a
website where ML detects that users frequently abandon their shopping carts at a
particular step. This insight could prompt the design team to redesign that step, making
it simpler and more intuitive.

Machine learning is a powerful tool that can significantly enhance the user experience
by creating more personalized, efficient, and enjoyable interactions. However, UX
designers must use ML thoughtfully and ethically, prioritizing transparency and fairness.

Natural language processing (NLP)

Natural language processing (NLP) is a field of artificial intelligence that enables


computers to understand, interpret, and generate human language by integrating
complex algorithms, linguistics, and machine learning techniques. It allows machines to
analyze text, decode spoken words, and respond in human-like ways. Think of it as
teaching a computer to read, write, and speak in a way that we humans can understand
and engage with.

Key concepts in NLP include:

 Text analysis: This involves breaking down text to understand its meaning. It is used
in spam filtering, sentiment analysis, and topic modeling.
 Sentiment analysis: This involves identifying emotions and opinions in text used in
social media monitoring and customer feedback analysis.
 Language translation: NLP automatically converts text or speech between
languages, increasing cross-language communication.

In the realm of UX design, NLP has opened up exciting possibilities for creating more
natural and intuitive user interfaces. Here are a few examples:

 Chatbots: These AI-powered virtual assistants use NLP to understand and respond
to user queries, offering 24/7 support and personalized assistance in various industries.
 Voice user interfaces (VUIs): VUIs like Amazon Alexa or Apple's Siri use NLP to
understand spoken commands, making technology more accessible and intuitive.
 Accessibility features: NLP powers features like text-to-speech and speech-to-
text, improving accessibility for visual or mobility impairments users.

Natural language processing is a rapidly evolving field with the potential to transform
how we interact with technology. By harnessing the power of NLP, UX designers can
create more intuitive, engaging, and inclusive experiences that cater to users' diverse
needs and preferences worldwide.

Computer vision

Imagine scrolling through your photo gallery, searching for a specific picture of your dog
from last summer's beach trip. Without computer vision, you'd manually sift through
hundreds or thousands of images, hoping to stumble upon the right one. But with
computer vision, your phone's AI can instantly recognize your dog's face and present
you with all the relevant photos. This is just one example of how computer vision, a
branch of AI that deals with how computers gain understanding from digital images or
videos, transforms our digital experiences.
In essence, computer vision enables machines to "see" and interpret the world around
them in a way that mimics human vision. This involves complex algorithms that analyze
visual data, identify objects, recognize patterns, and even understand the context of
images or videos.

Key concepts in computer vision include:

 Image recognition: This involves identifying and classifying objects within an


image. For example, a computer vision algorithm can be trained to recognize different
breeds of dogs or identify landmarks in a photo.
 Object detection: This goes a step further by recognizing objects and locating them
within an image. This is used in applications like self-driving cars, where the system
needs to identify pedestrians, traffic lights, and other vehicles in real time.
 Facial recognition: This technology identifies and verifies people based on their
facial features. It's used in security systems, photo tagging, and even unlocking your
smartphone.

In UX design, computer vision offers a wealth of opportunities to enhance the user


experience:

 Image-based search: This technology enables users to find visually similar images
or products by uploading an image instead of using keywords.
 Accessibility features: Improves accessibility for visually impaired users by
analyzing images and generating descriptions for screen readers.
 Augmented Reality (AR) experiences: Creates immersive AR experiences by
understanding the real-world environment through the device's camera, allowing users
to visualize products in their own space.

Computer vision, a rapidly growing field in AI, has the potential to revolutionize how we
interact with digital products. By enabling machines to understand visual information,
UX designers can create more intuitive, accessible, and engaging experiences for a
global audience.

AI in UX design: Applications and impact

AI is not a futuristic concept; it's a transformative force already reshaping the landscape
of UX design. By harnessing the power of AI, designers can create more personalized,
efficient, and accessible experiences for users. Let's explore some key applications and
the impact they're having on the field.

Personalization and customization

Imagine a news app that learns your reading habits and curates a personalized feed of
articles tailored to your interests or an e-commerce site that recommends products
based on your browsing history and purchase behavior. AI-powered personalization
takes user-centric design, tailoring experiences to individual preferences and needs.

In educational apps, AI can create adaptive learning interfaces that adjust the difficulty
and pace of lessons based on the learner's progress and understanding. This
personalized approach can significantly enhance the learning experience, making it
more engaging and effective.

Automation of routine tasks

UX designers often get bogged down by repetitive and time-consuming tasks, such as
creating design variations, analyzing user testing data, or generating user flows. AI can
automate many tasks, freeing designers to focus on more strategic and creative aspects
of their work.

For example, AI-powered design tools can generate multiple design variations based on
parameters, allowing designers to explore options and choose the most promising ones
quickly. AI can also automate the analysis of user testing data, identifying patterns and
insights that would take humans hours or even days to uncover.

Data analysis and insights

AI excels at analyzing large datasets, uncovering patterns and insights that would be
impossible for humans to identify manually. This capability is a game-changer for UX
designers, who can now leverage AI to understand user behavior and preferences
better.

Imagine a website with millions of visitors. By analyzing user data, AI algorithms can
identify which pages are most popular, where users tend to drop off, and which features
are most engaging. This information can be used to optimize the website's design,
improve user flow, and increase conversions. For instance, an AI algorithm might
discover that users are abandoning their shopping carts at a particular step in the
checkout process, prompting the design team to investigate and streamline that step.

Accessibility enhancements

AI has the potential to break down barriers and make digital experiences more
accessible to people with disabilities. By automating previously time-consuming or
difficult tasks for humans, AI can empower users with diverse abilities to access and
enjoy digital products.

For example, AI algorithms can automatically generate video captions, making them
accessible to deaf or hard-of-hearing users. The algorithms can also analyze images
and create descriptions for screen readers, allowing visually impaired users to
understand visual content. Voice-controlled interfaces powered by AI can enable users
with mobility impairments to interact with devices using natural language commands.

The impact of AI on UX design is already being felt, and its potential for the future is
immense. As AI technology evolves, we can expect even more innovative and
personalized experiences that cater to every user's unique needs and preferences.

AI is your present and future!

As you've seen, AI is not just a buzzword; it's a transformative force ready to


revolutionize UX design. It offers personalized recommendations tailored to individual
preferences and automates routine tasks, enhancing designers' creative potential.
However, it's essential to remember that AI supplements do not replace human
ingenuity. The essence of UX design—empathy, creativity, and critical thinking—
remains uniquely human.

So, let's embrace AI as a powerful ally in crafting exceptional user experiences. We can
enhance our creative processes by exploring its capabilities and experimenting with its
applications. Combining human creativity with AI-powered insights will unlock new
levels of innovation and create digital experiences that truly resonate with users.
Landing a UX job
The end of any journey is the final destination. That’s as true of a career trajectory like
the one you are on right now as it is of any hike or road trip. So take a minute and ask
yourself, “What is my intended destination? Why am I taking this training, building my
knowledge of design principles and developing my skills in UX design?” If you’re like
most people who take this training, your final destination is an entry-level job in the field
UX/UI design.

So there’s one more question to ask: How do you make your portfolio stand out from the
crowd in this crowded job market? That one I can answer for you. Case studies.

As we’ve said before, a case study is a powerful story that demonstrates your design
thinking process and problem-solving skills. Including case studies in your portfolio is a
way to show prospective employers how you tackled a real-world design challenge,
from research all the way to a positive user experience.
In this reading, we’ll take a closer look at case studies and the benefits they can bring to
your UX designer job search.

Showcasing your design journey

A well-crafted case study enables you to take prospective employers on a detailed


journey through a project’s entire design process, from clearly defining the problem to
crafting a solution that provides a positive user experience and aligns with the business
objectives of the company that commissioned the work.
How do you create a case study that does that? The short answer is step by step. It
starts with meticulously documenting each and every stage of the process. It starts with
a detailed explanation of the user research that was conducted, including:

 Who conducted the interviews?


 What kinds of questions were asked?
 What demographics were surveys sent out to?
 What websites or apps were used for the preliminary usability testing?
 What were the research findings?

Next you would document the process you used for defining the problems and the
ideation techniques used to come up with potential solutions, such as brainstorming,
mind-mapping, and other ideation exercises.

Next, you provide a walkthrough for creating low, medium, and high-fidelity mockups,
the user testing that followed and the results. Finally you break down the iteration
process, including problems uncovered, insights achieved and how you addressed each
of these things. This kind of detail and transparency in your case study lets employers
see not just the final product, but also the critical thinking, user empathy, and data-
driven decisions that went into it.

Highlighting your problem-solving prowess

The truth is that most employers are actively looking for creative problem-solvers who
can think outside the box. Case studies give you the platform to showcase your ability to
tackle complex design challenges head-on, with a creative flair and a strategic
approach.

Use case studies to show them how you clearly outlined the problem statement. This
shows your prospective bosses that you understand both the user needs and the
business goals at play. When you talk about your solution-finding process, show them
how you used user-centered design principles to arrive at an effective answer.

The case study paints a picture with words that describe the way you conducted user
research to uncover the root cause of the problem, that engage potential employers in
how you explored creative solutions during ideation and sketched out different
possibilities, and that underline the way you used user testing to validate your solutions
and identify areas for improvement. Finally, your word picture showcases the final
design, emphasizing how it addressed user pain points and aligned with business
objectives.

Quantifying the impact

When people think of design, they think of imagery, and employers are no different. But
design isn't just about aesthetics; it's about making a difference that’s both meaningful
and measurable. Case studies allow you to showcase the measurable impact your
design solutions had.

This is why you need to quantify the results throughout the design process whenever
possible. But keep in mind that numbers don’t tell the story, they support it. So weave in
qualitative data to paint a more complete picture. Did your design improvements lead to
a surge in user satisfaction, as measured by surveys or positive user reviews? Did it
help users complete tasks faster, resulting in increased efficiency and productivity? Did
it improve brand perception, leading to a positive shift in customer sentiment?

Include data that shows how your design decisions directly translated to positive
outcomes for users (increased satisfaction, improved task completion rates) as well as
for the business (increased revenue, improved brand reputation). This kind of evidence-
based storytelling makes a powerful case for your skills and shows how well you
understand the bigger picture.

The power of storytelling

Let's be honest, a dry, technical portfolio is unlikely to leave a lasting impression. But
the good news is that case studies allow you to tell a story with your portfolio.
Storytelling makes your presentation more engaging and relatable for the interviewers
and the people they report to.

Think of it this way: You’re not just showing future employers your education and design
experience. Instead you’re crafting a captivating narrative that takes them on a journey
with you through your design process. On the way, storytelling lets you highlight key
user insights, pivotal decisions made based on data, and the "aha!" moments that led to
the final solution.

Here are some tips for crafting compelling stories with your case studies:
 Start with a bang! Grab the reader's attention with an engaging introduction to the
project, including the issue, the context, and the problem you tackled.
 Use clear and concise language. Avoid jargon unless it’s absolutely necessary
—if it is, define it the first time you use it. Prospective employers come from diverse
backgrounds with varying levels of design expertise.
 Maintain a conversational tone. Tell your story to interviewers the same way
you’d tell it to a friend over dinner—keep it friendly, informative, engaging, and
enthusiastic.
 Visual storytelling is powerful. Include screenshots of key design iterations,
prototypes, and the final solution, making sure your visuals are self-explanatory and
don't rely on text-heavy elements that might not translate well.
 Consider including a user quote. A real user's perspective can add a powerful
extra touch to your case study, showcasing the positive impact your design had on their
experience.

Tailor your case studies

One of the major strengths of case studies is their adaptability. You can tailor them to
different audiences, highlighting specific skills and experiences relevant to the particular
job you're applying for.

Ideally, you should have multiple case studies in your portfolio, each focusing on a
different aspect of your design expertise. One might showcase your research and user
empathy skills, detailing how you conducted user interviews and translated those
insights into actionable design solutions.

Another could focus on your prototyping and usability testing expertise, outlining how
you created interactive prototypes and used them to gather valuable feedback.

A third case study could highlight your information architecture and interaction design
skills, explaining how you structured complex information and designed intuitive user
flows.

By strategically choosing the case studies you present for each job application, you can
directly address the specific requirements and preferences of potential employers.
Beyond the job hunt: Case studies as continuous learning tools

Case studies aren't just powerful tools for landing your dream UX design job; they can
also be valuable resources for your ongoing professional development. By reflecting on
your past projects and documenting the design process in a case study format, you can
gain valuable insights into your own strengths and weaknesses. Did you encounter any
unexpected challenges during research or testing? How did you overcome them? What
would you do differently next time?

Use your case studies as a springboard for self-evaluation. By analyzing your past
projects, you can identify areas for improvement and continuously refine your personal
design thinking process. This not only makes you a stronger candidate for future job
opportunities, it also helps you become a more well-rounded and effective UX
professional.

Now that you've hopefully got a better idea about just how powerful case studies can
be, it's time to start creating your own. Think of them as your “secret weapon” for
showcasing your design thinking and problem-solving skills, demonstrating your user
empathy, and highlighting the impact you can make as a UX professional.

Bonus tip: Where to find inspiration?

Many UX professionals share their case studies online, offering valuable insights into
their design process and the challenges they tackled, which can help you learn and
grow from their experiences. Explore online design communities, attend UX
conferences, and network with other designers to both improve your approach and get
new ideas and inspiration for crafting your own compelling case studies.

By leveraging the inherent power of good case studies, you'll be that much further along
on your way to landing your dream UX job and making a significant impact in the world
of user experience design.
Anatomy of a winning UX case
study
A well-crafted case study is a powerful tool—a captivating narrative that demonstrates
your design thinking prowess, problem-solving abilities, and the tangible impact of your
work. It's also a window into your design process, giving potential employers and
collaborators what they need to understand the way how you work to transform
challenges into user-centered solutions.

In the video, Building a Case Study, Step by Step we shared a high level breakdown of
the components that make up a good case study. In this reading, we’ll go deeper,
exploring the anatomy of a winning UX design case study. A thorough understanding of
these components and best practices surrounding them can elevate your case studies
into engaging stories that speak to prospective employers.

A compelling project overview

A good case study starts with a project overview. The overview introduces the project,
setting the context for the reader and providing essential background information. It
defines the purpose of the UX design project: either the problem you tried to solve or
the opportunity you pursued.

Use a strong hook to arrest your audience's attention. Don't just say what the project
was about. Instead, write an introduction that piques the interviewer’s curiosity. You
might highlight a statistic about the problem or share a user quote that describes their
pain points or desires.

Once you’ve shown prospective employers the “why” behind the project, describe the
objectives, scope, and any relevant constraints to give them context, so they can
appreciate the scale of the challenge.

For example, if you redesigned a mobile banking app, you might say that the existing
app received low user ratings because its cluttered interface and confusing navigation
made it a nightmare to use. This project’s objectives might be to simplify the design,
streamline the user journey, and ultimately make the app easy and efficient to use.
Maybe you had constraints like a tight deadline or limited development resources. The
more your case study shows your struggles, the better it demonstrates your ability to
adapt and deliver innovative solutions under pressure.

Defining the design challenge

The design challenge is the heart and soul of your case study. It's where you clearly
define the problem you aimed to solve—a focused and concise statement that guided
your entire design process and made sure your solutions were aligned with user needs
and business goals.

Frame the challenge as a specific question that needs an answer. But instead of a
generic statement like "The website was outdated," write something specific like, "How
can we redesign the website to improve user navigation, make information easier to
discover, and increase online sales by 20%?" Pinpointing specific pain points and
desired outcomes provides clearer direction.

Where possible, include visuals to illustrate the challenge and help the prospective
employer “see” the challenge. For example, you could show a screenshot of the old
design, highlighting its shortcomings.

User research findings

A strong UX design is built on user research. Your case study should show the
importance of this research and present the results in a compelling and informative way.
Summarize key insights, using quotes and anecdotes from user interviews to bring the
data to life. For example, you could show the user personas to provide a relatable face
to the data.
Drawing attention to your user research shows your empathy. It tells potential
employers you understand your audience and are passionate about creating solutions
that address their needs.

From ideation to iteration

The next step is to present your design solutions, which includes ideation, prototyping,
and ultimately implementation. Give employers a look into your design thinking. Explain
how you brainstormed potential solutions, sketched out initial ideas, gathered input with
low-fidelity prototypes, and iterated based on feedback. This lets them see your ability
to think creatively and adapt your designs based on user input.
A variety of ideation techniques all combined to compare easily. They include a mind map,
SCAMPER, rapid sketching, and worst possible scenario techniques.

This is another place to add visuals to enhance the narrative—wireframes, low-fidelity


prototypes, and high-fidelity mockups to illustrate your design evolution. Explain the how
behind each iteration, like how you addressed feedback from user testing or how you
dealt with limitations in the previous design. Show off your ability to adapt and refine
solutions as needed.

Share the challenges you encountered during the design process. Maybe something
performed poorly in usability testing. Explain how you responded, analyzing the data,
identifying the issue (for example, confusing iconography), and making adjustments to
improve the design. This demonstrates your ability to learn from mistakes.

Highlighting collaboration

UX design is rarely a solitary endeavor. Successful design projects rely on collaboration


with various stakeholders, including product managers, developers, content creators,
and marketing teams.
In your case study, acknowledge your collaborators and their contributions. This lets
employers know you can work effectively in a team environment and communicate
design decisions to diverse stakeholders. You might briefly explain how you worked with
a content strategist on the information architecture of a website, or how you met
regularly with developers to make sure your solutions stayed within technical
constraints.

Quantifying the impact

A successful UX case study doesn't end with the final design. The true test lies in the
impact it has on user experience and business objectives. Use metrics to show if user
satisfaction scores improved (surveys or A/B testing), if website traffic grew, or if
conversion rates increased?.

For example, you might use a graph to illustrate the increase in user engagement in a
mobile app design. Quantifiable results provide concrete evidence of the impact your
solutions had on user behavior and business goals.

Share unexpected outcomes. Maybe a specific design element had an unintended


positive consequence, like increased user discovery of a particular product feature.
Unexpected benefits demonstrate your ability to design solutions that meet the core
challenge and can also uncover additional opportunities.

A strategic approach to tailoring case studies

We talked earlier about tailoring case studies to job opportunities, but you can also
adjust them to appeal to certain situations and audiences, such as:

 Hiring managers and recruiters: For job applications, tailor your case study to
showcase skills and experiences relevant to the specific position. Emphasize design
solutions that align with the company's needs and industry best practices. Quantify the
impact of your work using metrics like increased conversion rates or improved user
engagement.
 Fellow designers: When sharing your work with other designers, go deeper into the
design process. Discuss the tools and techniques you used, the rationale behind your
decisions, and the specific challenges you overcame. This level of detail allows them to
appreciate the intricacies of your design thinking and potentially learn from your
approach.
 Potential clients: When showing your work to potential clients, focus on the specific
business challenges you addressed and the positive outcomes you achieved. Highlight
the return on investment (ROI) your solutions delivered for similar clients in the past.

Understanding your audience and tailoring your case study accordingly, lets you speak
to the right people and effectively communicate your design expertise.

Advanced techniques for case study excellence

The case study components we’ve been discussing should serve as the foundation for
you to create strong case studies. Here are some additional tips and techniques you
can use to make them even stronger.

1. Data visualization: Telling stories with charts and graphs

Numbers can be powerful, but raw data can sometimes be overwhelming. To add
strength and style to your case studies, use data visualization techniques like charts,
graphs, and infographics to present results in a clear and visually appealing way. A well-
designed graph that illustrates how your design solutions led to a significant increase in
user satisfaction scores is much more impactful than talking about the percent of the
increase.

2. A/B testing: Validating design decisions with data

A/B testing allows you to compare two versions of a design element or feature and
measure which one performs better with users. Incorporating A/B testing results into
your case study demonstrates a data-driven approach to design and provides concrete
evidence for the effectiveness of your solutions.

3. Accessibility: Designing for all users

In today's inclusive design landscape, it's important to prove your commitment to


accessibility in your case studies. Explain how you considered accessibility best
practices throughout the design process, such as using proper color contrast, adding
keyboard navigation for screen readers, and writing clear and concise content.
4. Ethical considerations: Responsible design practices

The ethical implications of design are becoming increasingly important, so address any
ethical considerations you encountered during the project. Maybe you had to balance
user privacy with business needs or make sure your design wasn't biased towards
certain demographics. Discussing these considerations demonstrates your commitment
to responsible design practices.

The power of a strong portfolio

A strong portfolio is essential for any UX/UI designer, whether or not you’re currently
looking for a job. Incorporating well-crafted case studies that showcase user-centered
design, clear communication, and measurable results demonstrates the value you can
bring to potential employers or clients.

Remember, a compelling case study is more than just a report--it's a testament to your
design thinking process, your problem-solving abilities, and your commitment to
creating user-centered solutions that truly deliver impact.

Setting up a Fluent 2 Design


System account
As we mentioned earlier, Fluent 2 is Microsoft's open-source design system, a digital
toolbox for UX/UI designers filled with pre-made parts and instructions for building user
interfaces that feel cohesive and intuitive.

Fluent 2 is a tool that helps you design websites, mobile apps, and software interfaces
that have a unified look and feel across devices and platforms creating a sense of
familiarity for users. It provides a library of pre-built UI components (buttons, icons, input
fields, and so on) and design patterns so you won’t need to start every project from
scratch.

This tool prioritizes accessibility as well. The components and guidelines conform to
industry standards so everyone can use the product you create using it.
Benefits for designers

Fluent 2 empowers UX/UI designers to create beautiful, usable, and accessible designs
and offer UX designers like you several key benefits, such as:

 Streamlined workflows: The tool’s ready-made building blocks and guidelines


free you up to focus more on the creative aspects of your work without getting bogged
down in the details.
 Reduced cognitive load for users: Fluent 2’s consistent design language
makes your interfaces more predictable and easier to learn so users can quickly
understand how to navigate and interact with your design.
 Better collaboration: The tool’s shared design language helps you and your team
communicate more effectively, making discussions and handoffs smoother.

In addition, Microsoft actively maintains and updates Fluent 2, so you always have
access to the latest design trends and best practices.

Getting Started

Unlike many other design tools, Fluent 2 isn't a separate account or software you sign
up for. It's a design system that's already integrated into Microsoft's design tools, most
notably Figma. Here's how you can start using the Fluent 2 with Figma:

 Make sure you have already created your Figma account.


 Open the Fluent 2 website ([Link] and select the design
button to access the Figma kits. For future reference, you can also access the kits
through the Figma Community.

 Next, select either the website or the iOS kit. Let’s go with the website kit.

 Here, you can read what’s been added or updated in the kit from the previous version of
Fluent. Select the blue Open in Figma button to open the file in Figma.
 Once you open the Fluent 2 Figma file, make a copy (duplicate it) for your own use, so
you can experiment and customize without affecting the original file.
 Go to the Figma Assets panel and click on the Libraries tab to see the Fluent 2 UI
kits. Enable the relevant UI kits to make the components available in your design
project.

Now you can start experimenting. You can drag and drop elements from the Fluent 2
libraries into your design files. You should also take the time to explore the Fluent 2
Website, where you can find documentation, guidelines, and resources to help you
understand and use the design system effectively.

Key resources

Let’s take a moment and check out some of the resources available in Fluent 2, such
as:

 Design Guidelines: Fluent 2’s design guidelines help you create user interfaces
that are consistent with the overall Fluent 2 design aesthetic. The consistent look and
feel make your designs more professional and polished through a variety of design
elements, including:
 Typography: Consistent typography creates a sense of visual hierarchy and
improves readability using elements like fonts, font sizes, and spacing for headings,
body text, buttons, and other UI elements.
 Color palettes: Fluent 2’s curated color palettes were selected to be both visually
appealing and accessible—meaning they work well for users with color vision
deficiencies.
 Layout principles: To help keep your user interfaces well-organized, easy to scan,
and to provide a clear visual hierarchy, Fluent 2 offers recommended layout structures
and spacing for different types of UI elements.
 Interaction design: Fluent 2 has established a series of best practices for
designing interactive elements like buttons, menus, and forms, including:
 Clear affordance, which is making it visually obvious how users can interact with an
element.
 Proper feedback, which provides users with visual cues when they interact with an
element
 Smooth animations that enhance the user experience.
 Downloadable Assets: These pre-made design elements are user interface
building blocks that can save you significant time and effort. Here are the most common
downloadable assets:
 UI Kits, which are collections of pre-built components that adhere to the Fluent 2
Design guidelines. Depending on the kit, they might include buttons, menus, text fields,
progress bars, and other essential UI elements.
 Icon Libraries: Each library provides a collection of icons that follow the Fluent 2
design aesthetic and can be used to represent various actions, concepts, and
functionalities consistently, to help users understand your interface more intuitively.
 Color Palettes: In addition to the color palettes outlined in the design guidelines,
Fluent 2 features downloadable color palette files to make it easier to make sure your
interface colors align with design recommendations.
 Typography Styles: Similar to downloadable color palettes, typography style
guides that can be imported into your design for consistent fonts, sizes, and spacing
across your entire design.

Perhaps the most valuable resource the Fluent 2 Design System account offers is the
community forum, which is a space where you can connect with a global network of
UX/UI designers—beginners and seasoned professionals. You can use the forum in a
variety of ways, such as:

 Getting feedback on your work: Share your design projects with the
community. Their feedback can help you identify areas for improvement and make sure
your designs are user-friendly and visually appealing. Constructive criticism is an
important part of learning and growing as a designer.
 Asking questions: No matter how much design experience you might have, there
are always new challenges. The community forum is a great place to ask questions
about UX/UI design concepts, troubleshoot technical difficulties with design tools, or get
advice on specific problems. Chances are, other designers have faced similar
challenges, and the community can provide valuable solutions and insights.
 Learning from others: The community forum is a repository of design knowledge
and experience. So actively participate in discussions, read design critiques, and
explore the information shared by other members. You'll gain valuable insights into
industry trends, best practices, and design philosophies.
 Giving back: As you grow in your design journey, consider giving back to the
community by sharing your own knowledge and experiences. Offer feedback on other
designers' work, answer questions from beginners, and share your design resources or
tutorials. Contributing to the community is collaboration at its finest, helping everyone
learn and grow together.

Congratulations! Now you have two tools at your disposal: Figma and Fluent 2.

Excited to start using them on projects and activities? Good. You don’t have long to
wait.

How to be successful in this


training
At this point you’ve nearly completed the first course in this training, which covered the
core concepts of user experience design and human-centered design. In addition, you
explored frameworks and concepts like design thinking, user-centered design, and the
overall design process—as well as UX/UI design tools like Figma and Fluent 2. And we
looked at the kinds of roles and responsibilities of an entry-level UX design professional.

Consider this course your background, or the foundation you will build on as you build
toward a career in this industry. Foundations are important because they provide
strength for everything that’s built upon them.

So now that you’re aware of the essential skills and knowledge you’ll need to excel in
entry-level UX/UI design roles, it’s time to talk about setting yourself up for success for
the rest of this training and the job market beyond.

This reading is intended to be your roadmap to success throughout the remainder of


this UX/UI design training. And in it, we’ll go over everything from setting yourself up for
smooth sailing to staying motivated and reaching your learning goals.

Sound like a plan? Then let’s get to it.

Set yourself up for success


Think about what success looks like to you going forward. How do you learn best? I ask
because knowing where you want to go will help you get there more confidently and
efficiently. A little preparation goes a long way. Here's how to make that happen:

 Chart your course. Take a good look at the syllabus. This is your blueprint for the
course. It outlines the structure, grading system, deadlines, and all the materials you'll
need. Get familiar with the different modules and learning activities, so you can develop
a clear picture of your learning journey.
 Plan your time. Give some serious thought to how much time you can realistically
dedicate to the training each week. Be honest—there’s no one to impress but you. Once
you have a good estimate, schedule specific study sessions in your calendar. Treat this
training like an important appointment. Keeping to your schedule will keep you on track
and help you avoid last-minute cramming.
 Prepare your design studio. Having a dedicated workspace is important.
Choose a quiet area with minimal distractions, someplace where you can concentrate
on learning. Make sure you have all the necessary materials—notebooks, pens, and
your computer. A well-organized workspace actually helps you sharpen your focus and
increases your productivity.

Engage with the learning materials

Once you're sufficiently prepped and ready to apply yourself, it’s time to put in the
necessary effort with the learning materials. Knowledge and skills don’t come because
you are exposed to the learning materials; they only come when you engage with them,
think about them, and apply them whenever possible.

 Actively watch the videos. The videos are filled with valuable insights and
examples from UX/UI design experts. So pay attention. Take notes, pause to reflect on
key points, and rewind if something needs clarification—you might need to watch some
videos more than once. Taking notes and thinking about the important learning points
helps you retain them so you can access the information when you need iot.
 Go the extra mile. Textbooks, articles, and readings outside of the training can
complement the concepts covered in the training and help you understand even better.
 Explore beyond the training content. This training offers an array of
resources to enhance your learning. Make use of the practice quizzes to test your
understanding and the projects and activities to apply what you have been learning. If
additional resources or links are provided, explore them and download any additional
materials.

Build habits that solidify your knowledge

Remember the people in high school or college who highlighted their textbooks and
marked sections with sticky notes? Maybe you were that person, or were one of the
people who thought they were nerds. News flash: They weren’t. They just learned good
study habits early. You can too.

 Develop a system for note-taking. Take some time to experiment and develop
a note-taking system that works for you. It could involve mind maps, bullet points, or
sketches. The key is to find the way to capture key ideas, concepts, and examples from
the lectures and readings in a way that makes them easier for your brain to grasp and
remember.
 Review regularly. Schedule time throughout the week to revisit your notes and
readings—repetition helps solidify the information in your mind and allows you to make
intuitive connections between different concepts. The more you review, the stronger
your understanding becomes.
 Test yourself. Use the Coursera practice quizzes, as well as flashcards and other
self-assessment tools to test how well you’re retaining the information in the training.
Identifying areas that need improvement helps you focus your studying.

Participate in the community

Though you may not realize it, you are part of a larger community of people who are
also learning about UX/UI design. It’s true. The best part about this is that it gives you
the opportunity to learn together. Here's how you can connect and grow:

 Discuss with other UX/UI professionals in progress. The Coursera


Community is your platform to connect. Ask questions, share insights, and learn from
each other's experiences. Different perspectives can lead to deeper understanding and
spark innovative ideas.
 Share your voice. Actively participate in discussions by sharing your own thoughts
and experiences. This not only helps you solidify your understanding, but it enriches the
learning experience for everyone involved.
Stay Motivated

Learning a new skill requires dedication and perseverance. Here are some tips to stay
motivated throughout the course:

 Set SMART goals. Set specific, measurable, achievable, relevant, and time-bound
(SMART) goals to stay focused on your learning objectives. For example, a SMART
goal could be "I will complete two UX/UI design case studies by the end of week 4."
Having clear goals keeps you motivated and helps you stay on track.
 Reward yourself. Acknowledge your progress and celebrate your achievements
throughout the training. Take the time to recognize and celebrate your hard work. It
recharges your batteries so you don’t lose focus.
 Remember your design dreams. Remind yourself why you enrolled in this
course in the first place. Was it to launch a career in UX/UI design? Did you want to
create user-friendly websites for your own business? Keeping your long-term goals in
mind will help you stay motivated during challenging moments.

Remember, the key to success is a combination of preparation, active learning, and a


commitment to staying motivated. Never be afraid to ask questions, experiment with
different design approaches, and learn from your peers. Most importantly, have fun.

As you progress through the training, you'll not only gain valuable skills but also build a
strong foundation for a fulfilling career in UX/UI design.

Designing for User Experience


syllabus
Welcome back to the Microsoft UX Design Professional certificate program. This is the
Designing for User Experience course.

The discipline of user experience design, or UX design, is focused on creating websites,


apps, and software to make them easier for people to understand and use. UX design
professionals create the user interface (UI) and underlying information architecture (IA)
of websites and applications. Their goal is to ensure users can find information or
complete tasks quickly and efficiently. In other words, they want to provide the best
possible user experience.

UX designers are like detectives, and in this course these digital sleuths will be focused
on who their users are and what those users need from the digital products they are
designing.

We will explore the landscape of designing for users and their wants, needs, pain
points, and aspirations from the point of view of an entry-level UX designer like you who
is starting out on a new career. We want you to understand the roles and
responsibilities, tools and methodologies, and what prospective employers look for in an
entry-level professional.

Courses

The Microsoft UX Design Professional Certificate is made up of four different courses:


complete four courses in this certificate:

1. Fundamentals of UI/UX Design: Here, you explored the core concepts of user
experience design (UXD) and human-centered design (HCD) and examine the roles
and responsibilities.
2. Designing for User Experience: In this course, you will have the opportunity to
take a detailed look at the practice and importance of user research. You’ll explore how
to analyze user needs through different user research methods, such as interviews,
surveys, usability testing, and user observation, and how to choose the most
appropriate method based on the goals of your research. You’ll also look at methods for
evaluating your finding so you can interpret and use the insights you uncover to
correctly identify the true user need and the problem your design will have to solve.
You’ll also dive deep into design ideation techniques and use Design Thinking to
generate storyboards, user flow diagrams, and journey maps—applying what you have
learned in projects and activities throughout the course.
3. User Interface Design and Prototyping: In this course, you will explore the
creation of wireframes and prototypes to validate design decisions and how to use them
to get feedback to adjust and iterate your design to make sure it accomplishes its
purpose successfully, and stays focused on the user experience.
4. UX Design in Practice: Accessibility and Collaboration: In this course, you will
apply visual design principles you’ve been hearing about to create high-fidelity
mockups. You’ll also consider platform-specific design patterns and best practices,
accessibility issues and working with users, stakeholders and other team members.

Designing for user experience breakdown: Modules and lessons

This course is divided into five modules, each examining a different aspect of research
and user behavior. Then the information is broken down further into specific lessons
that hone in on key aspects of the module’s focus. The modules for course two,
Designing for User Experience, are listed below:

1. User research and empathy building, which focuses on the "Empathize" stage
of the design thinking process. You will explore the importance of user research, various
research methods, and how to build empathy with users through the use of your
research data.
2. User needs assessment, which focuses on the "Define" stage of the design
thinking process, where you will see how to translate the insights from your research
into definable and actionable user needs that will guide your design decisions going
forward.
3. Design ideation, which dives deep into the creative exploration stage of the design
thinking process, "Ideate." In this module, you will dig into various brainstorming
techniques to generate a wide range of potential solutions to meet the user needs you
identified in the previous module.
4. Storyboarding, which is where you will be able to translate your user research and
defined needs into clear communication tools and a well-structured information
architecture that can be shared with users, team members, and stakeholders alike.
5. Information architecture, which is the next step in translating user research and
needs into clear communication tools and a well-structured information architecture.
Here you’ll take your storyboard and outline an in-depth plan to incorporate various
content formats and UX deliverables to engage learners in an app project that will
continue over the next two courses.

Throughout these modules and lessons, you’ll also have the opportunity to learn and
participate in a variety of ways—videos, demonstrations, readings, assignments,
projects, and quizzes.
UX Glossary
There are several terms, tools and models or methodologies used in the discipline of
UX design by UX designers like you. This glossary lists the most common ones along
with their definitions.

Terms

Accessibility: Designing products and websites so everyone can use them, including
people with disabilities. Think of it like ramps next to stairs, offering different ways to
achieve the same goal.

Alignment: How elements (like text or images) line up with each other on the page.
Good alignment makes everything look organized and professional.

Balance: Distributing design elements evenly (or sometimes unevenly!) to create


visual harmony. Think of a seesaw – you want equal weight on both sides for balance.

Color Theory: The science behind how we perceive color and how to use it
effectively in design. It covers color wheels, warm/cool colors, and how to create
pleasing combinations.

Contrast: Using difference to make elements stand out. You can have high contrast
(black text on white background) or low contrast (two similar shades).

Hierarchy: Arranging elements by importance to guide the viewer's eye through your
design. Think of a newspaper headline being the most prominent element.

Human-Centered Design (HCD): A principle that prioritizes people in the design


process, considering the impact of a design on all humans involved, not just the
immediate users.

Information Architecture (IA): Organizing the content of a website or app in a


way that's easy to find and understand. Think about it like how a library is organized into
sections.
Interaction Design: Designing how users interact with a product, like what
happens when they click buttons or swipe on their phone.

Journey Map: A visual diagram showing the steps a user goes through when
interacting with a product or service, including their emotions and pain points.

Negative Space (or Whitespace): The empty areas around design elements.
Good use of negative space gives your design room to breathe and adds elegance.

Proportion: The relationship between the sizes of different elements in a design.


Think about the difference between a large image and a smaller caption below it.

Prototype: A basic model of your design idea. It can be a simple drawing or a


clickable model made with software. Prototypes let you test your ideas cheaply.

Repetition: Using the same pattern or element multiple times to create consistency
and a sense of unity.

Typography: The art of choosing and arranging fonts for both style and readability.

User Experience (UX): How a person feels when they use a product, website, or
app. It includes:

 Emotions: Does it make them feel happy, frustrated, or confused?


 Ease of Use: Is it simple to figure out how to do what they need, or do they get lost?
 Efficiency: Can they complete tasks quickly, or does it take too many steps?
 Overall Impression: Would they recommend it to a friend, or did they have a bad
experience?
User Flow: The path a user takes through a website or app to complete a task. Think
about it like the steps you take to buy something online.

User Persona: A fictional character that represents a typical user of your product.
Personas help you design with your users in mind.

User Research: Learning about the people who will use your product – their needs,
behaviors, and challenges.

Usability Testing: Watching real users try your design to find problems and see if
it's easy to use.
Wireframe: A simple outline of a website or app, showing the basic layout and where
content will go. Think of it like the sketch of a house before it's built.

Tools

Adobe Creative Suite (Photoshop, Illustrator, InDesign): Industry-


standard tools for image editing, vector graphics, and layout design.

Canva: User-friendly online design tool with templates and resources for non-
designers.

Color Wheel: A visual tool to help you understand color relationships and choose
harmonious combinations. Many online versions exist!

Figma: Popular software for creating designs, prototypes, and collaborating with your
team.

Font Libraries (e.g., Google Fonts): Places to find a huge variety of fonts for
your projects.

Fluent 2: Microsoft's updated design system that serves as a blueprint for how digital
products should look and feel, offering rules and reusable components.

Optimal Workshop: A suite of tools specifically focused on user research (card


sorting, tree testing, surveys, etc.).

Miro: A virtual whiteboard for brainstorming, planning projects, and working together
remotely.

PowerPoint: A program within the Microsoft Office suite that lets you create slides
for presentations. You can include text, images, videos, charts, animations, and
transitions within your slides.

Pen and Paper: Don't underestimate the power of sketching! Start with simple tools
to quickly get your ideas down.

Sketch: Another design software similar to Figma.

Whimsical: Tool for creating wireframes, flowcharts, and other diagrams.


Models and Methodologies

Methodologies and approaches often intertwine. For example, you might use a Design
Thinking methodology with a strong User-Centered Design approach. The best choice
depends on your project and team.

Agile UX: Adapting the Agile software development approach to UX design. It


focuses on short development cycles, continuous feedback, and collaboration.

Design Sprint: A time-boxed process (usually a week) to quickly solve a design


problem, move from idea to prototype, and get feedback.

Design Thinking: A human-centered problem-solving process used in UX design


with stages like:

 Empathize: Understand users' needs and pain points.


 Define: Clearly state the problem to solve.
 Ideate: Brainstorm a wide range of solutions.
 Prototype: Create basic models of your ideas.
 Test: Get feedback from users and iterate on your design.

Heuristic Evaluation: A way to review a design by comparing it to a set of UX


principles (heuristics) to find potential usability problems.

Lean UX: A streamlined approach emphasizing quick cycles of building, measuring,


and learning. It's about validating ideas fast with minimal resources.

Participatory Design: Actively involving users as co-designers throughout the


process. This increases ownership and ensures the solution aligns with their needs.

Surveys: Questionnaires used to gather information from a large group of users.

Tree Testing: A research method used to evaluate how easy it is to find information
within the structure of your website or app.

User-Centered Design (UCD): Putting users at the heart of the design process. It
involves deeply understanding their needs, behaviors, and goals.
The user research revolution
Imagine designing a product in the dark—you might think you're building something
amazing, but how do you know users will actually find it useful or enjoyable? User
research acts like a flashlight, illuminating the needs, wants, and behaviors of your
target audience. It empowers you to design with real people in mind, ensuring your
creation resonates and thrives in the real world as well as saving you valuable time and
money in the development process.

From guesswork to data-driven design

In the past, UX design often relied on assumptions and educated guesses. Designers
might envision what they thought users needed, but this approach often led to products
that missed the mark. This "design by intuition" approach frequently led to products that
were confusing, difficult to use, or simply didn't meet the needs of their target audience.
User research can lead to more useful products. By actively involving users throughout
the design process, we gather valuable data that shapes every decision. Instead of
guessing what users want, designers can now directly ask them. This insight fuels
design choices, enabling the creation of products that genuinely solve people's
problems and make their lives better.

This data can come in many forms, such as interviews, surveys, usability testing, and
ethnographic studies. By analyzing this data, we uncover patterns and trends, building a
clear picture of what works, what doesn't, and what users truly crave. This evidence-
based approach empowers designers to make informed decisions:

 Prioritizing features: Data reveals which features are most important to users,
ensuring designs address genuine needs and maximize value.
 Improving navigation: Understanding how users move through interfaces helps
streamline navigation and create intuitive flows.
 Resolving pain points: Data highlights areas of frustration, directing changes that
lead to smoother user experiences.
Here's a real-world example: Imagine a team tasked with designing a new mobile
grocery app. They could make assumptions about what features users want, like a
fancy recipe filter or a built-in budgeting tool. However, user research might reveal that
the core need is simply a quick and secure way to check order and shipping status. This
insight would completely reshape the app's design, focusing on efficiency and ease of
use over flashy features.

The benefits of user research


Companies invest in user research because the benefits are undeniable. For starters,
user research acts as a blueprint for better products. Through interviews, testing, and
observation, designers can pinpoint the features that resonate with users and uncover
potential pain points. This information eliminates guesswork, greatly improving the
chance of creating a product that is intuitive, well-received, and genuinely solves
problems for people. In the long run, user research saves both time and money. It
becomes far more cost-efficient to identify and fix issues during the design process
rather than scramble for solutions after a product has already been launched, risking
reputational damage and user frustration.

Moreover, user research is a powerful tool for gaining a competitive advantage.


Companies that know their users inside and out can tailor their products to specifically
meet those needs—something their competitors might overlook. This deep
understanding makes their products stand out in the market. Not only that, but user
research provides a framework to proactively iterate on future products, expediting the
development process. Perhaps most importantly, user research fosters empathy within
the design team. By interacting with real users and hearing their stories, designers get
to step out of their own perspectives and connect with the people they are designing for.
This fosters a problem-solving approach driven by a desire to make experiences that
really improve users' lives.

Addressing the opposing viewpoint

While user research is widely recognized as essential, some may still question its
necessity. Here are a few common objections and why they aren’t completely valid:

 "It's too time-consuming and expensive." It's true that user research
requires an upfront investment, but this investment pales in comparison to the potential
cost of failed products or large-scale redesigns. Proactive research streamlines the
design process in the long run and prevents the need for drastic and costly changes
after launch.
 "We already have a good sense of what users want." Designers, even
experienced ones, are not the same as their users. Our instincts and assumptions can
be misleading. User research replaces assumptions with direct insights from the people
who will actually be interacting with the product.
 "We can't talk to everyone." That's absolutely correct! However, the beauty of
user research lies in its ability to reveal patterns and critical needs even with a smaller
sample size. By carefully selecting participants and using a variety of research methods,
designers can gain invaluable insights that are broadly representative of their user base.

The user research powerhouse: unlocking success stories

The impact of user research extends far beyond making products user-friendly. Here
are some compelling examples of how it has driven business success:

 ATM usability: Long ago, ATMs were notoriously confusing. Through user research,
designers discovered that people struggled with unclear instructions and complex
interfaces. By simplifying the layout, using clear language, and incorporating visual
cues, ATMs became significantly more user-friendly. This not only improved customer
satisfaction but also reduced support costs for banks.
 Sticky notes and the birth of the Post-it Note: A researcher at 3M
accidentally created a weak adhesive that wasn't strong enough for its intended
purpose. But through user research, they discovered that people loved the
repositionable nature of the material for leaving messages and reminders. This insight
led to the creation of the iconic Post-it Note, a product that revolutionized
communication in offices worldwide.
 The evolution of search engines: Early search engines were clunky and often
returned irrelevant results. User research revealed user frustration with complex search
queries and a lack of intuitive filtering options. By focusing on user needs, search
engines like Google prioritized user intent, incorporating features like auto-complete and
advanced search filters. This led to a dramatic increase in user satisfaction and
solidified Google's dominance in the search engine market.

Key takeaways

User research stands as the cornerstone of successful UX design. It has fundamentally


transformed the design world, shifting the emphasis away from guesswork and towards
an approach grounded in real user needs and behaviors. Through methods like
interviews, surveys, usability testing, and ethnographic studies, designers gather the
insights that fuel exceptional products.
The benefits of user research cannot be overstated. It guides the creation of genuinely
user-friendly products, saving time and money by avoiding costly redesigns. User
research allows companies to outpace competitors by deeply understanding their users'
needs. Most importantly, it fosters empathy, empowering designers to step outside their
own experiences and craft solutions that meaningfully improve lives. While objections to
user research may exist, the long-term value and potential for positive impact far
outweigh any perceived drawbacks.

You might also like