This document defines and compares interaction design (IxD), user experience (UX) design, visual (UI) design, and the roles involved in the design process. IxD focuses on satisfying user needs and desires. Personas with backstories are used to represent users. UX design incorporates disciplines like IxD to positively impact the overall user experience. UI design finalizes visual details. Clients are classified A, B, C based on budget, with A having the largest budget and most deliverables. The roles involved include clients, sales teams, stakeholders, project managers, developers, lead designers, and UI designers.

1. IXD/UX/UI DESIGN
Definition & Process
CREATED BY: LEANDRO PUCA - 2016

2. DESIGN
Is designing
objects in
order to be
seen and
appreciated!

3. USER
EXPERIENCE
designs and
creates object
in order to be
used.
“UX Design is not just
what it looks like is
how it works.”

4. DESIGN PROCESS

5. INTERACTION DESIGN
Interaction design, often abbreviated IxD, is heavily focused on satisfying the
needs and desires of the majority of people who will use the product.
IxD is concerned most significantly satisfying the needs and desires of the
people who will interact with a product or service."
We must truly understand the goals of a user (both personal and objective) in
order to solve the problem in the best way possible and that the current
approach is much oriented towards solving individual problems from the
perspective of a business or other interested parties.

6. INTERACTION DESIGN
Personas
The aim of a persona is to "Develop a precise description of our user and what
he wishes to accomplish.”
The best method is to fabricate users with names and back stories who
represent real users of a given product. These users are not as much a
fabrication but more so as a product of the discovery process.
The reason for constructing back stories for a persona is to make them
believable, such that they can be treated as real people and their needs can be
argued for.

8. USER EXPERIENCE DESIGN
User experience design incorporates most or all of the above disciplines to positively
impact the overall experience a person has with a particular interactive system, and its
provider. User experience design most frequently defines a sequence of interactions
between a user (individual person) and a system, virtual or physical, designed to meet
or support user needs and goals, primarily, while also satisfying systems requirements
and organizational objectives.
Typical outputs include:
• Site audit (usability study of existing assets)
• Flows and navigation maps
• Site maps and content inventory
• Wireframes (screen blueprints or storyboards)
• Written specifications (describing the behavior or design)
• Prototypes (for interactive or in-the-mind simulation)
• Graphic mockups (precise visual of the expected end result)
(DEVS DOC)

11. VISUAL (UI) DESIGN
Design and responsibility
The Visual Designer finalizes the design in the details for all the screens/pages.
Create eventually new items that the development phase requires. He defines
colors of the buttons, margins, font sizes, characters etc..
He also prepare the Specs Doc for the developers.

13. FIGURES INVOLVED

14. Figures Involved
Client
Sales
Team
Stakeholder
PM
Lead
Designer
UI
Obviously the most important here, the one that we need to convince that we are the
best and all that we propose will be the solution of all his problems
The Sales team is the one that bring the signed contract at home. They speak with the
client, and then they speak with the CTO, with the PM and with the Art Director/Ixd & UX
designer to define the best solution to sell.
Is the connection between the internal team and the client once the job is defined. He constantly
speak with the client, monitoring the internal team progress, set up the time lines and pay attention
that those will be respected. He speaks with the client and his reference for the internal team is the
Art Director/IxD Ux designer. He doesn't speak directly with the developers and he doesn't take
decisions about the project.
Is the answer to almost all the questions that the Art director or Devs have. He knows the
architecture, the db information etc, this because he speaks with the client and try to figure out all
the structure that the internal team is going to work with.
He is the figure that makes an analysis about the needs of the client trying to propose the best
solution for the Design Process. He coordinates the creative team and communicate with the devs
and CTO and the PM. He is the filter between the PM and the Devs and vice versa. He has the last
word on the IxD, UX and UI.
Once the wireframes and the layout is defined and approved the UI Designer starts the phase of
the design, providing at the end the Specs Design document.
DEVS
They develop the web/mobile applications. Every doubts, questions or clarification about the
interaction and ux design that the Developers have, they need to ask to the Art Director. They
study together the best solution sometime with the CTO if needed.

15. Typical engagement model
Client
Sales
Team
StakeholderPM
DEVS
lead
Designer
UI
Designer
UX
Designer
IxD
Designer
Creative team

16. CLASSIFICATION OF
CLIENTS
A, B & C

17. CLASSIFICATION OF CLIENTS
A.
BUDGET: from $50k to +
Focus & Outcomes:
- research document
- personas document
- wireframes
- prototypes
- Devs doc
- Mockup design
- design specs document

18. CLASSIFICATION OF CLIENTS
B.
BUDGET: from $20k to $50K
Focus & Outcomes:
- personas document
- wireframes
- prototypes
- devs doc
- Mockup design
- design specs document

19. CLASSIFICATION OF CLIENTS
C.
BUDGET: from $0k to $20K
Focus & Outcomes:
- personas document
- devs doc
- Mockup design
- design specs document

20. THE END.