SlideShare a Scribd company logo
User Experience Design - Designing for others
User Experience Design - Designing for others
The intersection of all three is User-centered design
User Experience Design - Designing for others
UCD User centered design
See the world from user’s point of view…

UCD is a multistage process which allows designers to analyze and foresee how user is going to
use the product.
User-centered design process phases
Analysis Phase
Understand the goals of people who will use the product…

•   Meet with key stakeholders to set vision
•   Include usability tasks in the project plan
•   Assemble a multidisciplinary team to ensure complete expertise
•   Develop usability goals and objectives
•   Conduct field studies
•   Look at competitive products
•   Create user profiles
•   Develop a task analysis
•   Document user scenarios
•   Document user performance requirements
Design Phase

Understand pain points and problems of people….Fix the problems

•   Begin to brainstorm design concepts and metaphors
•   Develop screen flow and navigation model
•   Do walkthroughs of design concepts
•   Begin design with paper and pencil
•   Create low-fidelity prototypes
•   Conduct usability testing on low-fidelity prototypes
•   Create high-fidelity detailed design
•   Do usability testing again
•   Document standards and guidelines
•   Create a design specification
Implementation Phase
Meet with the demands of real people…

•   Do ongoing heuristic evaluations
•   Work closely with delivery team as design is implemented
•   Conduct usability testing as soon as possible
Deployment Phase

Getting started…take feedback of people….

•   Use surveys to get user feedback
•   Conduct field studies to get info about actual use
•   Check objectives using usability testing
Designing a product
Innovate
Think something new…Be original and simple…
Design
Be different and design for average people…
Wireframe
Create Blueprint and prototype of product….
User testing
Find out how useful, usable and simple to operate
product is….
Understand more….
user Interface
It’s a crossroad between the user, computer (hardware) and computer
programs (software). A systematic approach through set of commands in
machine to respond to user’s interaction with the system.
usability
 It’s a study of how easy a user interface is to use in order to achieve some
goal. An art of making product more efficient, satisfying to use and easier to
learn.
Accessibility
Understand user’s needs, evaluate and make things accessible to them
accordingly.
Checklist
A comparison between tasks, processes, behaviors, user interface
components etc. based on predefined set of guidelines to evaluate a
product.
Information
Architecture
A science of understanding what
you want your site to do, defining
site’s goals, understanding target
audience, their goals and creating a
blueprint of things accordingly.
Information Design
Understanding how people prefer to learn, their cultural differences and
how they use the information.
Interaction Design
Designing a system which focuses on user’s goals and defining the
behavior of system in response to its users.
Content Writing
Learn to speak the user’s language.
Technical Writing
The technical communication of explaining the user how to use the
product.
Usability Engineering
Designing a user friendly interface that allows user to effectively and
efficiently accomplish his tasks.
Visual Designing
To give a nice, pleasant and beautiful feel to the user by using images,
colors, shapes, typography, visual art and page layout.




                                             Designs are created By Preeti Arora for www.99acres.com
Web analytics
A tool to measure and analyze website traffic to optimize web usage.
Personas
A persona represents the real user in form of fictional characterization.




                                               Persona is created By Neha Modgil for www.techved.com
Scenario
A scenario is a story described on paper of a persona (user) using a
product to achieve a particular goal.




                                              Scenario is created By Neha Modgil for www.techved.com
Storyboard
A technique to illustrate the series of drawings, sketches or words to
explain the interaction between the interface and user. It basically shows
how user interface changes in response to user’s actions.




                                              Storyboard is created By Mahendra for www.jeevansathi.com
Brainstorming
A process which gives quantitative and creative multiple ideas or
solutions for any topic or problem organized into groups.
Field Study
A method for collecting data and information about the user, his
requirement and product requirement through interview, observations or
video recording.
Ethnography
This is a process of gathering information of how end user uses the
product or website in their natural environment.
Think aloud protocol
It’s a method of user testing in which the user is asked to think out loud
while performing a task. It helps one understand the expectations and
confusions user faces with the system.
Use Case
It’s a set of possible sequences of interactions between the user and
systems while accomplishing a particular task to achieve a goal by
detailing scenario driven threads. A use case describes "who" can do
"what" with the system.
Card Sorting
It’s a method of giving target users to organize the small index cards
while designing the structure of information of any product i.e. websites
having labeling and key content on it, the results reflect how users
expect the concept should be presented.
Eye Tracking
The way a person moves his eyes when looking at application. It helps
understand which part of the object is getting attention of the user and
which part is missing attention of the user.
Focus Group
It’s a discussion with target group users to find out problems they face
while using any product related to usability issues.
Mental Model
It’s a study of understanding how human know, perceive, make
decisions and construct behavior in different environments.
Usability Testing
It helps designer understand the reality of their assumptions and about
user’s behavior by doing real life testing of real user.
Human Computer
Interaction
It’s a study of interaction between human and computer. The goal is to
improve computers and make it more usable and receptive to user’s needs.
Ergonomics (Human Factor)
It’s a science of multi-disciplinary field for understanding and improving
human computer interaction or human interaction with any product or
system to optimize it’s performance keeping in mind the health and safety of
people involved.
Heuristic evaluation
It’s a usability inspection method of user interface design for usability. It
identify problems in the field of Human computer interaction.
Ten Usability Heuristics –                                                       by Jakob Nielsen

by Jakob Nielsen These are ten general principles for user interface design. They are called "heuristics"
because they are more in the nature of rules of thumb than specific usability guidelines.


 •         Visibility of system status
       –       The system should always keep users informed about what is going on, through appropriate feedback
               within reasonable time.

 •         Match between system and the real world
       –       The system should speak the users' language, with words, phrases and concepts familiar to the user,
               rather than system-oriented terms. Follow real-world conventions, making information appear in a
               natural and logical order.

 •         User control and freedom
       –       Users often choose system functions by mistake and will need a clearly marked "emergency exit" to
               leave the unwanted state without having to go through an extended dialogue. Support undo and redo.

 •         Consistency and standards
       –       Users should not have to wonder whether different words, situations, or actions mean the same thing.
               Follow platform conventions.

 •         Error prevention
       –       Even better than good error messages is a careful design which prevents a problem from occurring in
               the first place. Either eliminate error-prone conditions or check for them and present users with a
               confirmation option before they commit to the action.
Ten Usability Heuristics
•        Recognition rather than recall
     –       Minimize the user's memory load by making objects, actions, and options visible. The user should not
             have to remember information from one part of the dialogue to another. Instructions for use of the
             system should be visible or easily retrievable whenever appropriate.

•        Flexibility and efficiency of use
     –       Accelerators -- unseen by the novice user -- may often speed up the interaction for the expert user such
             that the system can cater to both inexperienced and experienced users. Allow users to tailor frequent
             actions.

•        Aesthetic and minimalist design
     –       Dialogues should not contain information which is irrelevant or rarely needed. Every extra unit of
             information in a dialogue competes with the relevant units of information and diminishes their relative
             visibility.

•        Help users recognize, diagnose, and recover from errors
     –       Error messages should be expressed in plain language (no codes), precisely indicate the problem, and
             constructively suggest a solution.

•        Help and documentation
     –       Even though it is better if the system can be used without documentation, it may be necessary to
             provide help and documentation. Any such information should be easy to search, focused on the user's
             task, list concrete steps to be carried out, and not be too large.
User Experience
The perfect coordination between all the things I have mentioned here in the
presentation and the goal is to create the best possible interaction between
machines and users.
So UED is…. how much you
could understand from me
and my experience
today….?
If I am able to make you understand the basics of UED through this
presentation I am a successful designer or I need to learn more….
Thank you     by
          Preeti Arora
 Priiti_chopra@hotmail.com

More Related Content

PPT
User interface design for the Web Engineering Psychology
PPTX
Chapter 2
PPTX
Foundations understanding users and interactions
PDF
Design Simple but Powerful application
PDF
UI / UX Engineering for Web Applications
PPTX
Colleges yvonne van_laarhoven
PPT
User Interface Design in Software Engineering SE15
PPTX
Human Computer Interaction (HCI)
User interface design for the Web Engineering Psychology
Chapter 2
Foundations understanding users and interactions
Design Simple but Powerful application
UI / UX Engineering for Web Applications
Colleges yvonne van_laarhoven
User Interface Design in Software Engineering SE15
Human Computer Interaction (HCI)

What's hot (20)

PPTX
IntrIntroduction
PPTX
Design process interaction design basics
PDF
Human-Centered Artificial Intelligence: Reliable, Safe & Trustworthy
PPTX
Chapter1(hci)
PPTX
Mobile UI Design – User Centered Design and UI Best Practices
 
PPT
Usability requirements
PPTX
golden rules of user interface design
PPT
Fundamental principles of Usability and User Centred Design
PPTX
Interaction design: desiging user interfaces for digital products
PPTX
Design process design rules
PPT
Design rules and usability requirements
PPTX
HCI Presentation
PPTX
What is Usability
PDF
What is usability
PPTX
Direct manipulation - ppt
PPT
HCI 3e - Ch 5: Interaction design basics
PPTX
IntrIntroduction
Design process interaction design basics
Human-Centered Artificial Intelligence: Reliable, Safe & Trustworthy
Chapter1(hci)
Mobile UI Design – User Centered Design and UI Best Practices
 
Usability requirements
golden rules of user interface design
Fundamental principles of Usability and User Centred Design
Interaction design: desiging user interfaces for digital products
Design process design rules
Design rules and usability requirements
HCI Presentation
What is Usability
What is usability
Direct manipulation - ppt
HCI 3e - Ch 5: Interaction design basics
Ad

Similar to User Experience Design - Designing for others (20)

PPT
User Experience & Design…Designing for others…UED
PPTX
Ten Usability Heuristics by Jakob Nielsen.pptx
PPTX
HCI Unit 3.pptx
PDF
Heuristics Evaluation - How to Guide.pdf
PDF
Heuristics Evaluation - How to Guide.pdf
PDF
Heuristic ux-evaluation
PPTX
User Interface Analysis and Design
PPTX
From Usability to User Experience
PPTX
GROUP 9 kabarak uni DESIGN IMPLICATIONS.pptx
PPTX
user interface design software engineering
PDF
Design Theory - Ankur Sharma - Presentation
PPTX
20210821152206_ISYS6619-UX for Digital Business Topik 10.pptx
PDF
UX (User Experience) Process, May 2017
PPTX
Usability and Web Design Principles Lecture 2.pptx
PDF
UI/UX/UCD
PPTX
HCI user interface & characterstics of interfaces.pptx
PPTX
Chapter five HCI
PDF
User Experience Testing
PDF
Website Usability | Day 1
PPTX
UI/UX Design
User Experience & Design…Designing for others…UED
Ten Usability Heuristics by Jakob Nielsen.pptx
HCI Unit 3.pptx
Heuristics Evaluation - How to Guide.pdf
Heuristics Evaluation - How to Guide.pdf
Heuristic ux-evaluation
User Interface Analysis and Design
From Usability to User Experience
GROUP 9 kabarak uni DESIGN IMPLICATIONS.pptx
user interface design software engineering
Design Theory - Ankur Sharma - Presentation
20210821152206_ISYS6619-UX for Digital Business Topik 10.pptx
UX (User Experience) Process, May 2017
Usability and Web Design Principles Lecture 2.pptx
UI/UX/UCD
HCI user interface & characterstics of interfaces.pptx
Chapter five HCI
User Experience Testing
Website Usability | Day 1
UI/UX Design
Ad

More from BART RADKA (10)

PDF
Value Proposition
PPTX
The Business of Web 2.0 - Opportunities and Lessons
PPT
Six Sigma Vs Kaizen
PDF
Lean Business Intelligence - How and Why Organizations Are Moving to Self-Ser...
PDF
Creative intelligence
PDF
Digital Marketing - The Future
PDF
Web 2.0 & Brand Advocacy
PDF
What is really a graphic design?
PDF
What is WEB 2.0?
PPT
Graphics Design Basics
Value Proposition
The Business of Web 2.0 - Opportunities and Lessons
Six Sigma Vs Kaizen
Lean Business Intelligence - How and Why Organizations Are Moving to Self-Ser...
Creative intelligence
Digital Marketing - The Future
Web 2.0 & Brand Advocacy
What is really a graphic design?
What is WEB 2.0?
Graphics Design Basics

Recently uploaded (20)

PPTX
artificialintelligencedata driven analytics23.pptx
PPT
UNIT I- Yarn, types, explanation, process
PPTX
ANATOMY OF ANTERIOR CHAMBER ANGLE AND GONIOSCOPY.pptx
PDF
SEVA- Fashion designing-Presentation.pdf
PDF
GREEN BUILDING MATERIALS FOR SUISTAINABLE ARCHITECTURE AND BUILDING STUDY
PPTX
AC-Unit1.pptx CRYPTOGRAPHIC NNNNFOR ALL
PPTX
Introduction to Pathology.pptx 112233445566
PPT
Package Design Design Kit 20100009 PWM IC by Bee Technologies
PPTX
Complete Guide to Microsoft PowerPoint 2019 – Features, Tools, and Tips"
PPTX
Wisp Textiles: Where Comfort Meets Everyday Style
PDF
URBAN DESIGN DESKTOP CASESTUDY IITG.pdf
PDF
Design Thinking - Module 1 - Introduction To Design Thinking - Dr. Rohan Dasg...
PPTX
AD Bungalow Case studies Sem 2.pptxvwewev
PDF
Wio LTE JP Version v1.3b- 4G, Cat.1, Espruino Compatible\202001935, PCBA;Wio ...
PPTX
building Planning Overview for step wise design.pptx
PPTX
KOTA LAMA BANYUMAS.pptxxxxxxxxxxxxxxxxxxxx
DOCX
algorithm desgin technologycsecsecsecsecse
PDF
Facade & Landscape Lighting Techniques and Trends.pptx.pdf
PDF
10 Real World Lessons and 4 Practical Tips for Large Group LSP Method
PDF
Emailing DDDX-MBCaEiB.pdf DDD_Europe_2022_Intro_to_Context_Mapping_pdf-165590...
artificialintelligencedata driven analytics23.pptx
UNIT I- Yarn, types, explanation, process
ANATOMY OF ANTERIOR CHAMBER ANGLE AND GONIOSCOPY.pptx
SEVA- Fashion designing-Presentation.pdf
GREEN BUILDING MATERIALS FOR SUISTAINABLE ARCHITECTURE AND BUILDING STUDY
AC-Unit1.pptx CRYPTOGRAPHIC NNNNFOR ALL
Introduction to Pathology.pptx 112233445566
Package Design Design Kit 20100009 PWM IC by Bee Technologies
Complete Guide to Microsoft PowerPoint 2019 – Features, Tools, and Tips"
Wisp Textiles: Where Comfort Meets Everyday Style
URBAN DESIGN DESKTOP CASESTUDY IITG.pdf
Design Thinking - Module 1 - Introduction To Design Thinking - Dr. Rohan Dasg...
AD Bungalow Case studies Sem 2.pptxvwewev
Wio LTE JP Version v1.3b- 4G, Cat.1, Espruino Compatible\202001935, PCBA;Wio ...
building Planning Overview for step wise design.pptx
KOTA LAMA BANYUMAS.pptxxxxxxxxxxxxxxxxxxxx
algorithm desgin technologycsecsecsecsecse
Facade & Landscape Lighting Techniques and Trends.pptx.pdf
10 Real World Lessons and 4 Practical Tips for Large Group LSP Method
Emailing DDDX-MBCaEiB.pdf DDD_Europe_2022_Intro_to_Context_Mapping_pdf-165590...

User Experience Design - Designing for others

  • 3. The intersection of all three is User-centered design
  • 5. UCD User centered design See the world from user’s point of view… UCD is a multistage process which allows designers to analyze and foresee how user is going to use the product.
  • 7. Analysis Phase Understand the goals of people who will use the product… • Meet with key stakeholders to set vision • Include usability tasks in the project plan • Assemble a multidisciplinary team to ensure complete expertise • Develop usability goals and objectives • Conduct field studies • Look at competitive products • Create user profiles • Develop a task analysis • Document user scenarios • Document user performance requirements
  • 8. Design Phase Understand pain points and problems of people….Fix the problems • Begin to brainstorm design concepts and metaphors • Develop screen flow and navigation model • Do walkthroughs of design concepts • Begin design with paper and pencil • Create low-fidelity prototypes • Conduct usability testing on low-fidelity prototypes • Create high-fidelity detailed design • Do usability testing again • Document standards and guidelines • Create a design specification
  • 9. Implementation Phase Meet with the demands of real people… • Do ongoing heuristic evaluations • Work closely with delivery team as design is implemented • Conduct usability testing as soon as possible
  • 10. Deployment Phase Getting started…take feedback of people…. • Use surveys to get user feedback • Conduct field studies to get info about actual use • Check objectives using usability testing
  • 12. Innovate Think something new…Be original and simple…
  • 13. Design Be different and design for average people…
  • 14. Wireframe Create Blueprint and prototype of product….
  • 15. User testing Find out how useful, usable and simple to operate product is….
  • 17. user Interface It’s a crossroad between the user, computer (hardware) and computer programs (software). A systematic approach through set of commands in machine to respond to user’s interaction with the system.
  • 18. usability It’s a study of how easy a user interface is to use in order to achieve some goal. An art of making product more efficient, satisfying to use and easier to learn.
  • 19. Accessibility Understand user’s needs, evaluate and make things accessible to them accordingly.
  • 20. Checklist A comparison between tasks, processes, behaviors, user interface components etc. based on predefined set of guidelines to evaluate a product.
  • 21. Information Architecture A science of understanding what you want your site to do, defining site’s goals, understanding target audience, their goals and creating a blueprint of things accordingly.
  • 22. Information Design Understanding how people prefer to learn, their cultural differences and how they use the information.
  • 23. Interaction Design Designing a system which focuses on user’s goals and defining the behavior of system in response to its users.
  • 24. Content Writing Learn to speak the user’s language.
  • 25. Technical Writing The technical communication of explaining the user how to use the product.
  • 26. Usability Engineering Designing a user friendly interface that allows user to effectively and efficiently accomplish his tasks.
  • 27. Visual Designing To give a nice, pleasant and beautiful feel to the user by using images, colors, shapes, typography, visual art and page layout. Designs are created By Preeti Arora for www.99acres.com
  • 28. Web analytics A tool to measure and analyze website traffic to optimize web usage.
  • 29. Personas A persona represents the real user in form of fictional characterization. Persona is created By Neha Modgil for www.techved.com
  • 30. Scenario A scenario is a story described on paper of a persona (user) using a product to achieve a particular goal. Scenario is created By Neha Modgil for www.techved.com
  • 31. Storyboard A technique to illustrate the series of drawings, sketches or words to explain the interaction between the interface and user. It basically shows how user interface changes in response to user’s actions. Storyboard is created By Mahendra for www.jeevansathi.com
  • 32. Brainstorming A process which gives quantitative and creative multiple ideas or solutions for any topic or problem organized into groups.
  • 33. Field Study A method for collecting data and information about the user, his requirement and product requirement through interview, observations or video recording.
  • 34. Ethnography This is a process of gathering information of how end user uses the product or website in their natural environment.
  • 35. Think aloud protocol It’s a method of user testing in which the user is asked to think out loud while performing a task. It helps one understand the expectations and confusions user faces with the system.
  • 36. Use Case It’s a set of possible sequences of interactions between the user and systems while accomplishing a particular task to achieve a goal by detailing scenario driven threads. A use case describes "who" can do "what" with the system.
  • 37. Card Sorting It’s a method of giving target users to organize the small index cards while designing the structure of information of any product i.e. websites having labeling and key content on it, the results reflect how users expect the concept should be presented.
  • 38. Eye Tracking The way a person moves his eyes when looking at application. It helps understand which part of the object is getting attention of the user and which part is missing attention of the user.
  • 39. Focus Group It’s a discussion with target group users to find out problems they face while using any product related to usability issues.
  • 40. Mental Model It’s a study of understanding how human know, perceive, make decisions and construct behavior in different environments.
  • 41. Usability Testing It helps designer understand the reality of their assumptions and about user’s behavior by doing real life testing of real user.
  • 42. Human Computer Interaction It’s a study of interaction between human and computer. The goal is to improve computers and make it more usable and receptive to user’s needs.
  • 43. Ergonomics (Human Factor) It’s a science of multi-disciplinary field for understanding and improving human computer interaction or human interaction with any product or system to optimize it’s performance keeping in mind the health and safety of people involved.
  • 44. Heuristic evaluation It’s a usability inspection method of user interface design for usability. It identify problems in the field of Human computer interaction.
  • 45. Ten Usability Heuristics – by Jakob Nielsen by Jakob Nielsen These are ten general principles for user interface design. They are called "heuristics" because they are more in the nature of rules of thumb than specific usability guidelines. • Visibility of system status – The system should always keep users informed about what is going on, through appropriate feedback within reasonable time. • Match between system and the real world – The system should speak the users' language, with words, phrases and concepts familiar to the user, rather than system-oriented terms. Follow real-world conventions, making information appear in a natural and logical order. • User control and freedom – Users often choose system functions by mistake and will need a clearly marked "emergency exit" to leave the unwanted state without having to go through an extended dialogue. Support undo and redo. • Consistency and standards – Users should not have to wonder whether different words, situations, or actions mean the same thing. Follow platform conventions. • Error prevention – Even better than good error messages is a careful design which prevents a problem from occurring in the first place. Either eliminate error-prone conditions or check for them and present users with a confirmation option before they commit to the action.
  • 46. Ten Usability Heuristics • Recognition rather than recall – Minimize the user's memory load by making objects, actions, and options visible. The user should not have to remember information from one part of the dialogue to another. Instructions for use of the system should be visible or easily retrievable whenever appropriate. • Flexibility and efficiency of use – Accelerators -- unseen by the novice user -- may often speed up the interaction for the expert user such that the system can cater to both inexperienced and experienced users. Allow users to tailor frequent actions. • Aesthetic and minimalist design – Dialogues should not contain information which is irrelevant or rarely needed. Every extra unit of information in a dialogue competes with the relevant units of information and diminishes their relative visibility. • Help users recognize, diagnose, and recover from errors – Error messages should be expressed in plain language (no codes), precisely indicate the problem, and constructively suggest a solution. • Help and documentation – Even though it is better if the system can be used without documentation, it may be necessary to provide help and documentation. Any such information should be easy to search, focused on the user's task, list concrete steps to be carried out, and not be too large.
  • 47. User Experience The perfect coordination between all the things I have mentioned here in the presentation and the goal is to create the best possible interaction between machines and users.
  • 48. So UED is…. how much you could understand from me and my experience today….? If I am able to make you understand the basics of UED through this presentation I am a successful designer or I need to learn more….
  • 49. Thank you by Preeti Arora Priiti_chopra@hotmail.com