MoovieBox UI Design Overview
MoovieBox UI Design Overview
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
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:
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.
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:
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.
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
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
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.
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.
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.
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.
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.
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.
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.
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:
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
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.
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.
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.
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.
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.
Traditional Design
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.
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.
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.
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.
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.
Be people-centered
Find the right problem
Think of everything as a system
Implement small and simple interventions
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.
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:
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.
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.
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.
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.
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.
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:
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.
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.
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.
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.
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.
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 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
Design software
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 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 .
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.
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.
User champion
User research
Information architecture and interaction designer
Prototyping and user testing
Visual design collaboration
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 (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 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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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:
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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?
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 6: What motivates you the most when you are trying to
solve design challenges?
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.
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.
B. Through visually appealing designs and prototypes that showcase the user
experience
A. Uncovering user needs and preferences through in-depth research and analysis
D. Leading and guiding the design process, ensuring all team members collaborate
effectively
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.
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
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?
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 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:
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.
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.
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.
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:
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:
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.
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.
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.
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.
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:
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.
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 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.
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.
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.
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:
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.
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.
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.
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.
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.
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.
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.
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 we said a moment ago, different prototypes can be used throughout the design
process:
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.
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.
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:
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.
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.
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 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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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 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.
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.
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.
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.
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
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.
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.
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.
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.
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.
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.
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.
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:
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:
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.
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.
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.
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.
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.
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:
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.
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.
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
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.
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.
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.
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.
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:
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
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.
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.
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.
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.
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.
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 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