Ce diaporama a bien été signalé.
Nous utilisons votre profil LinkedIn et vos données d’activité pour vous proposer des publicités personnalisées et pertinentes. Vous pouvez changer vos préférences de publicités à tout moment.

The Elements of User Experience

2 547 vues

Publié le

The Elements of User Experience provides an outline of all the factors that contribute to an overall user experience (UX), including Information Architecture, Usability Engineering, and Interaction Design. These elements affect how people perceive your brand, form opinions about your company’s trustworthiness, or feel persuaded by your message. Created by Malcolm Wolter, BrandExtract VP of Digital

Publié dans : Technologie
  • Soyez le premier à commenter

The Elements of User Experience

  1. 1. The Elements of User Experience ©2014 BrandExtract, LLC
  2. 2. Experiences Everywhere! ©2014 BrandExtract, LLC User Experience (UX) Customer Experience (CX) Brand Experience Product or Service Device or System Values, Ethos, Culture
  3. 3. Documentation First Impression Persuasion Informative ©2014 BrandExtract, LLC The Elements of User Experience Labeling Organization Search Navigation Information Architecture Interaction Design User Support User Experience Industrial Design User Interface Design Package Design Usability Engineering Copywriting and Messaging Software Engineering Design (UX, or UxD) Inputs Outputs Workflow Feedback Branding Look and Feel Branding Visual Cues Persuasion Task Completion Speed Operability Reliability Repeatability Ease of Use Hardware Style Aesthetics Brand Form Form Look and Feel Verbal Cues Persuasion Look and Feel Branding Empathy Community Help Information Hierarchy Materials
  4. 4. What is User Experience? User Experience Design (UX, or UxD) Information Architecture ©2014 BrandExtract, LLC Interaction Design Industrial Design User Interface Design Package Design All aspects of a person's interaction with a digital system, including the interface, graphics, industrial design, physical interaction, and the manual.
  5. 5. What is Information Architecture? ©2014 BrandExtract, LLC The art and science of structuring, classifying and designing an information space to facilitate task completion and intuitive access to content. Information Architecture (IA) Organization Labeling Navigation Search
  6. 6. What is Information Architecture? Logic Organization ©2014 BrandExtract, LLC Search Controlled Vocabularies Labeling Taxonomies Mental Model Structure Finding Art Browsing Semantics Wireframes Sitemaps Classifications Wayfinding Hierarchy Keywords and phrases Thesaurus Library Science Navigation
  7. 7. What is Interaction Design? The practice of designing interactive digital products, environments, systems, and services with a focus on behavior and the aspects of the interface that define User Experience Design (UX, or UxD) Needs Expectations (Behavior) ©2014 BrandExtract, LLC Queries Tasks/ Requests/ Inputs Interface Human/ Computer Gateway Response Results/ Feedback/ Output and present its behavior over time.
  8. 8. What is Interaction Design? Goal Oriented Environments ©2014 BrandExtract, LLC Usability Designing Behavior Systems Personas Ergonomics Art Interaction Digital Synthesis Human Physical Form Computer Satisfying Needs Imaging Services Time Expectations Responses
  9. 9. What is User Interface Design? ©2014 BrandExtract, LLC User Interface Design (UI, UID) Graphics Organization, Labeling, Navigation and Search Systems Look and Feel Digital Things (Behavior) Hinting and Cues Three- Dimensional Things User Interface Design Human/ Computer Gateway Package Design First Impressions
  10. 10. What is User Interface Design? ©2014 BrandExtract, LLC The design of graphical interfaces for websites, computers, appliances, machines, mobile communication devices, and software applications with the focus on the user's experience and interaction User Interface Design(UID) “Look and Feel” Branding Visual Cues Persuasion Form
  11. 11. What is User Interface Design? “Look and Feel” Compelling Form Aesthetics ©2014 BrandExtract, LLC Graphic Art Emotion Visual cues Needs Software Color Art Design Persuasion Appliances Motivating Feedback Experience Branding
  12. 12. What is Usability Engineering? ©2014 BrandExtract, LLC The assessment, analysis and making of human-computer interfaces which allow users to effectively and efficiently accomplish the tasks for which it was designed and one that users rate positively on opinion or emotional scales. Usability Engineering(UE) Task Completion Speed Ease of Use
  13. 13. What is Usability Engineering? Effective Cognitive Perception ©2014 BrandExtract, LLC SciencePsychology Science Satisfaction Assessment Task-Completion Statistical Focus Quantitative Requirements Efficient Performance Interface Observation Human Factors Clinical Usability Laboratory Objective Behavior Diagnose Recommend
  14. 14. What is Software Engineering? ©2014 BrandExtract, LLC The study and application of engineering to the design, development, and maintenance of software. Software Engineering(SE) Operability Reliability Repeatability
  15. 15. What is Software Engineering? Production Hierarchy Maintenance Architecture Programming ©2014 BrandExtract, LLC Alchemy Detail-oriented Reliabilty Structure Code Elegance Economy Development Efficiency Engineering Science Software Logic Performance Binary Maintenance Hardware Middleware
  16. 16. What is Industrial Design? ©2014 BrandExtract, LLC The art and science of improving the aesthetics, ergonomics, functionality, and/or usability of a product (hardware). Industrial Design(ID) Hardware Form Style Materials Aesthetics
  17. 17. What is Industrial Design? Expectations Technical Aesthetics Customer Needs ©2014 BrandExtract, LLC Product Usability Execute Materials Form Production Polish State Environment Functionality Hardware Branding Fit Create Environment Ergonomics Finish Weight Sheen
  18. 18. What is Copywriting/Messaging? ©2014 BrandExtract, LLC The art and craft of writing advertising or marketing copy intended to persuade someone to buy a product, or influence their beliefs. Copywriting/Messaging Voice Messaging Persuasion
  19. 19. What is Copywriting/Messaging? Communication Storytelling Creative ©2014 BrandExtract, LLC Content Impactful Editorial Advertising Explanation Layout Precision Credibility Influence Proofreading Purposeful Emotion Engaging Concision Messaging Editing Educational Persuasion
  20. 20. What is Package Design? ©2014 BrandExtract, LLC The design of packaging intended to protect, contain and secure a product, and to inform and persuade a potential consumer of the product. Package Design First Impression Look and Feel Branding Persuasion Specs/ Benefits
  21. 21. What is Package Design? Logistics Performance Objective ©2014 BrandExtract, LLC Messaging Engaging Graphic Storage Label Effective Storage Informs Communication First Impression Brand Distribution Relation Consumer Sale Production
  22. 22. ©2014 BrandExtract, LLC What is User Support? A range of services that provide assistance to users of technology products such as mobile phones, televisions, computers, software products or other electronic or mechanical goods. User Support Help Empathy Documentation Community
  23. 23. Technology Problem Empathy Solving ©2014 BrandExtract, LLC What is User Support? Helping Documentation Finding Available Services Problems Community Questions Assistance Friendly Coverage Experienced Empathy Situation Support

×