6VC015 - Third Presentation - Fall 2023
6VC015 - Third Presentation - Fall 2023
6VC015 - Third Presentation - Fall 2023
LECTURE 3
FALL 2023
The Main UX design stages
2. 7.
1. Define 3. Ideation 4. Design 5. Testing
Research Evaluation
The UX design Stages
1. Define: The journey begins with defining the project's scope and objectives. This
phase entails aligning the design.
2. Research: This stage involves deep user understanding through surveys, interviews,
and data analysis to create user personas.
3. Ideation: In this stage, designers brainstorm ideas based on the insights gathered
during the research phase.
4. Design: Designers create wireframes, prototypes, and high-fidelity designs of the final
product.
The UX design Stages
5. Testing: The designs are then tested with users to gather feedback and
identify any issues.
It involves defining the project’s scope and objectives, aligning the design with
business goals and user needs, and identifying the user’s goals and objectives.
This phase is crucial to ensure that the project is on track and that everyone
involved has a clear understanding of what needs to be achieved.
Research
2- Research
This stage involves deep user understanding through surveys, interviews, and
data analysis to create user personas.
The goal of this phase is to identify the user’s needs, pain points, and goals.
This information is then used to create user personas that represent the target
users and their characteristics.
3- Ideation
In this stage, designers brainstorm ideas based on the insights gathered during
the research phase.
During the Ideation phase of the UX design process, designers brainstorm ideas
based on the insights gathered during the research phase.
The goal of this phase is to generate as many ideas as possible that address the
user’s needs and goals.
Designers can use various ideation techniques such as brainstorming, worst
possible idea, and clustering to generate ideas.
4- Design
Designers create wireframes, prototypes, and high-fidelity designs of the final product.
During the Design phase of the UX design process, designers create wireframes, prototypes, and
high-fidelity designs of the final product.
This phase involves creating a prototype of the solution that addresses the user’s needs and goals. It
includes creating wireframes, mockups, and prototypes.
Wireframes are simple sketches or blueprints that outline the basic structure and layout of the
product. They help designers to visualize the content hierarchy and user flow. Wireframes are usually
low-fidelity and do not include any visual design elements such as colors, typography, or images.
4- Design
Mockups are more detailed than wireframes and include visual design elements such as
colors, typography, and images. They provide a more realistic representation of the final
product.
Prototypes are interactive models of the final product that allow designers to test the
usability of the product with users. They can be low-fidelity or high-fidelity depending
on the level of detail required.
High-fidelity designs are detailed representations of the final product that include all
visual design elements such as colors, typography, and images. They provide a realistic
representation of how the final product will look and feel.
5- Testing
During the Testing phase of the UX design process, the designs are tested with
users to gather feedback and identify any issues.
This phase involves testing the prototype with users to ensure that it meets
their needs and goals.
It also includes identifying any issues or areas for improvement.
The goal of testing is to ensure that the product is usable, efficient, and
effective.
Testing can be done in various ways such as usability testing, A/B testing, and
user acceptance testing.
5- Testing
Usability testing is a method of testing the product with users to identify any
usability issues or areas for improvement.
It involves observing users as they interact with the product and collecting
feedback on their experience.
The feedback collected can be used to improve the product’s usability.
5- Testing
A/B testing is a method of comparing two versions of a product to determine
which one performs better.
It involves randomly assigning users to one of two groups and showing them
different versions of the product.
The version that performs better is then selected for further development.
User acceptance testing is a method of testing the product with users to ensure
that it meets their needs and goals.
It involves testing the product in a real-world environment with actual users.
6- Implementation
During the Implementation phase of the UX design process, the final design is
implemented.
This phase involves taking the final design and making it a reality. Once the design has
been tested and refined, it is ready to be implemented.
The implementation phase includes several steps such as coding, testing, and
deployment.
The goal of this phase is to ensure that the final product meets the user’s needs and
goals.
7- Evaluation
After implementation, the design is evaluated to see if it meets the intended goals.
During the Evaluation phase of the UX design process, the final product is evaluated to
see if it meets the intended goals.
This phase involves systematically and objectively assessing all the elements of a
program (e.g. design, implementation, and results achieved) to determine its overall
worth or significance.
The entire process can take anywhere from a few weeks to several months, depending on the
are inflexible.
The UX Design Process Tools
The UX Design Process Tools
There are many UX design tools available, and the choice of tool depends on the designer’s
preference, project requirements, and budget. Here are some of the most popular UX design tools:
Sketch: A vector-based design tool that is widely used for creating wireframes, prototypes, and high-
fidelity designs.
Adobe XD: A user experience design tool that allows designers to create wireframes, prototypes, and
high-fidelity designs.
Figma: A cloud-based design tool that allows designers to create wireframes, prototypes, and high-
fidelity designs collaboratively.
InVision: A prototyping tool that allows designers to create interactive prototypes and animations.
The UX Design Process Tools
Axure: A prototyping tool that allows designers to create complex interactions and animations.
Balsamiq: A rapid wireframing tool that allows designers to create low-fidelity wireframes
quickly.
Marvel: A prototyping tool that allows designers to create interactive prototypes and
animations.
Origami Studio: A prototyping tool that allows designers to create complex interactions and
animations.
UXPin: A prototyping tool that allows designers to create interactive prototypes and animations.
FlowMapp: A UX planning tool that allows designers to create sitemaps, user flows, and
personas.
Omniconvert: A conversion rate optimization tool that allows designers to test different versions
of a design to see which one performs better.