The Elements of User Experience
14 likes3,093 views
The document provides an overview of user experience (UX) encompassing various components such as information architecture, interaction design, and usability engineering, highlighting their roles in enhancing user interactions with digital systems. It defines key terms and concepts related to UX, including user interface design, industrial design, copywriting, package design, and user support. Overall, it emphasizes the importance of creating effective, engaging experiences across multiple touchpoints for users.
The Elements of User Experience
- 1. The Elements of User Experience ©2014 BrandExtract, LLC
- 2. Experiences Everywhere! ©2014 BrandExtract, LLC User Experience (UX) Customer Experience (CX) Brand Experience Product or Service Device or System Values, Ethos, Culture
- 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. ©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. 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