Goal of any UX design project is to solve a business problem while engaging users in the most meaningful & valuable experiences. The design phase starts once the requirements for the Discovery phase have been defined; a Strategy has been set in place; a thorough User Research has been committed and adhered to; and now it is time to set the blueprint for the Design of the project, before having it finally Implemented.

1. Designing for a Typical UX Project
Jaza.uiux Jazanoor Farrukh Jazanoor Farrukh

2. Background
• Goal of any UX design project is to solve a
business problem while engaging users in the
most meaningful & valuable experiences.
• The design phase starts once the:
1. requirements for the Discovery phase
have been defined;
2. a Strategy has been set in place;
3. a thorough User Research has been
committed and adhered to;
4. and now it is time to set the blueprint for
the Design of the project;
5. before having it finally Implemented.

4. Information Architectures
& Site Maps
• Documentation of how the
system is organized.
• Information architectures help
create the structure of the
website.
• A sitemap is a blueprint of the
website. Helps search engines
find and crawl all of the
website's content.

5. Process & Task
Diagrams
• These models show case
how users will interact
with the system.
• And how the system will
respond based on what
the user does.

6. Wireframes
Diagrams of each
page or state in
the system.

7. Design Comps
Detailed visual designs for each page
in the system.
Show a page exactly as it should look
when implemented, including visuals
i.e.: color palettes, photographs,
typography, and other graphical
elements.

8. Detailed Specifications
Detailed documentation of how the
system functions.
Includes how the product responds
to user interactions (i.e.: clicks,
swipes, and keystrokes).
And how it handles error conditions,
and responds to various system &
user states (i.e.: signed in vs signed
out, first time visiting vs repeat
visits).

9. Style and Pattern
Guides
Style guides include standard conventions for
visual design and content.
Pattern guides include standard interaction
conventions.

10. Prototypes:
A functioning, or
semi functioning
example of how
the created design
should behave and
operate once
implemented.

11. Thank You