Introduction to ux
3 likes305 views
The document provides an introduction to user experience (UX), defining its components such as research, information architecture, user interface, and usability. It outlines when to involve UX in agency workflows, emphasizing continuous engagement, and details various techniques and artifacts involved in each phase of the UX process. The document also highlights the importance of testing and iterative refinement to enhance user experience.
Introduction to ux
- 1. An Introduction to UXand when to engage in an agency workflow
- 2. The grandfather of all UX diagrams: 1. The Elements of User Experience: User-Centered Design for the Web, Jessie James Garret, 2000 An Introduction to User Experience
- 3. If you ask five different UX Designers to explain user experience, you would get five different answers. 2. http://fule918.wordpress.com/2011/10/19/usability-user-experience/ An Introduction to User Experience
- 4. There are numerous overlapping disciplines and concentrations in User Experience… 3. http://www.studioaum.in/service_ux.html An Introduction to User Experience
- 5. 4. http://userexperienceproject.blogspot.com/2007/04/user-experience-wheel.html …which can be as varied and complex as your needs. But thankfully, this is just an introduction. An Introduction to User Experience
- 6. So what is UX? An Introduction to User Experience
- 7. UX ≠ UI Research + Information Architecture (IA) + User Interface (UI) + Usability + Testing = User Experience (UX) An Introduction to User Experience
- 8. Research Identifying client goals and user needs to develop a strategy that balances the two. Techniques • Interviews, surveys, and questionnaires • Trend reports, white papers, and statistics • Peer to peer networking and resources Artifacts • Digital Project Brief (DPB) • Scope of Work (SOW) • Business Requirements Document (BRD) An Introduction to User Experience
- 9. Information Architecture The organization of information into an understandable, intuitive structure that allows for simplified task completion. Techniques • Card sorting • White boarding Artifacts • Site Maps • Wire Frames • User Flows An Introduction to User Experience
- 10. User Interface The layer through which an individual interacts with a system or product. UI Design specifically deals with the visual look and feel of the product product. Hallmarks • Branding • Aesthetics • Imagery • Emotion An Introduction to User Experience
- 11. Usability “The extent to which a product can be used by specified users to achieve specified goals with effectiveness, efficiency, and satisfaction in a specified context of use.”5 Hallmarks • Intuitive Navigation • Locational awareness • Clear Information Hierarchy • Typography An Introduction to User Experience 5. International standards for HCI and usability, ISO 9241-11: Guidance on Usability (1998)
- 12. Testing The ability to quantify results, validate assumptions, and identify problems through the analysis of user data. The information and insight gained from testing will help guide the iterative refinement of solutions. Techniques • Analytics • A/B Testing • Focus Groups An Introduction to User Experience
- 13. Research Agency Workflow* UserDevArtCopyAEClient Testing UX = UsabilityUIIA When to Engage UX? *Diagram is representative of directional responsibility and does not represent client approvals, editorial review, legal review, or development cycles. An Introduction to User Experience
- 14. UserDevArtCopyAEClient UX works with AE to conduct RESEARCH UX = TestingUsabilityUIIAResearch Agency Workflow* *Diagram is representative of directional responsibility and does not represent client approvals, editorial review, legal review, or development cycles. An Introduction to User Experience
- 15. Agency Workflow* UserDevArtCopyAEClient Results are used to develop content strategy UX = TestingUsabilityUIIAResearch *Diagram is representative of directional responsibility and does not represent client approvals, editorial review, legal review, or development cycles. An Introduction to User Experience
- 16. Agency Workflow* UserDevArtCopyAEClient UX works with Copy to produce IA UX = TestingUsabilityUIIAResearch *Diagram is representative of directional responsibility and does not represent client approvals, editorial review, legal review, or development cycles. An Introduction to User Experience
- 17. Agency Workflow* UserDevArtCopyAEClient UX creates wireframes for Art UX = TestingUsabilityUIIAResearch *Diagram is representative of directional responsibility and does not represent client approvals, editorial review, legal review, or development cycles. An Introduction to User Experience
- 18. Agency Workflow* UserDevArtCopyAEClient Art produces the UI UX = TestingUsabilityUIIAResearch *Diagram is representative of directional responsibility and does not represent client approvals, editorial review, legal review, or development cycles. An Introduction to User Experience
- 19. Agency Workflow* UserDevArtCopyAEClient UX uses UI to create FRD for Dev UX = TestingUsabilityUIIAResearch *Diagram is representative of directional responsibility and does not represent client approvals, editorial review, legal review, or development cycles. An Introduction to User Experience
- 20. Agency Workflow* UserDevArtCopyAEClient UX works with Dev to ensure USABILITY UX = TestingUsabilityUIIAResearch *Diagram is representative of directional responsibility and does not represent client approvals, editorial review, legal review, or development cycles. An Introduction to User Experience
- 21. Agency Workflow* UserDevArtCopyAEClient Usability allows Users to complete tasks UX = TestingUsabilityUIIAResearch *Diagram is representative of directional responsibility and does not represent client approvals, editorial review, legal review, or development cycles. An Introduction to User Experience
- 22. Agency Workflow* UserDevArtCopyAEClient Testing is used to determine areas of improvement UX = TestingUsabilityUIIAResearch *Diagram is representative of directional responsibility and does not represent client approvals, editorial review, legal review, or development cycles. An Introduction to User Experience
- 23. Agency Workflow* UserDevArtCopyAEClient UX = *Diagram is representative of directional responsibility and does not represent client approvals, editorial review, legal review, or development cycles. TestingUsabilityUIIAResearch When to Engage UX? Always. An Introduction to User Experience
- 24. An Introduction to User Experience Quick Questionnaire: What’s the difference between UI and UX? Who helps UX produce the IA? What is the FRD, and what is it used for? When should you engage UX?