SlideShare a Scribd company logo

Design process

•
•
Leandro Puca
Leandro Puca

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 of 20
Download to read offline
IXD/UX/UI DESIGN Definition & Process CREATED BY: LEANDRO PUCA - 2016
DESIGN Is designing objects in order to be seen and appreciated!
USER EXPERIENCE designs and creates object in order to be used. “UX Design is not just what it looks like is how it works.”
DESIGN PROCESS
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.
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.
Design process
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)
Design process
Design process
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.
Design process
FIGURES INVOLVED
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.
Typical engagement model Client Sales Team StakeholderPM DEVS lead Designer UI Designer UX Designer IxD Designer Creative team
CLASSIFICATION OF CLIENTS A, B & C
CLASSIFICATION OF CLIENTS A. BUDGET: from $50k to + Focus & Outcomes: - research document - personas document - wireframes - prototypes - Devs doc - Mockup design - design specs document
CLASSIFICATION OF CLIENTS B. BUDGET: from $20k to $50K Focus & Outcomes: - personas document - wireframes - prototypes - devs doc - Mockup design - design specs document
CLASSIFICATION OF CLIENTS C. BUDGET: from $0k to $20K Focus & Outcomes: - personas document - devs doc - Mockup design - design specs document
THE END.

More Related Content

Design process

  • 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.”
  • 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.
  • 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.
  • 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