Experience Design Framework
Download as PPTX, PDF57 likes4,951 views
The document outlines a UX framework for integrating experience design and strategy within the digital project lifecycle. It presents a four-step process that includes background research, strategy definition, architecture design, and user experience ideation, along with a checklist of common deliverables for each phase. This living document aims to enhance digital projects by fostering a deep understanding and empathy for users.
Experience Design Framework
- 1. Getting UX to WorkHow Experience Design & Strategy work together within a creative process.
- 2. First, lets look at where UX naturally fits within the project lifecycle of a typical digital project.
- 3. Where UX fits into the processCreate the Visual Design& ContentDefine the ExperienceCode, QA, & LaunchDefine the Ask
- 4. Now, lets examine how the UX process integrates with the strategy group
- 5. 3-Phases used to define the experienceBackground ResearchDefine StrategyDefine Architecture Led by Strategy, but includes UX to facilitate conducting primary user research.Led by Strategy, but includes the rest of the team as necessaryLed by UX, includes strategy for validation
- 6. Great! Now, lets construct a process for getting through these phases
- 7. A 4-Step ProcessBackground ResearchDefine StrategyDefine Architecture Define the UserDefine User ExperienceDefine User NeedsDefine Project ObjectivesPROCESS
- 8. … And, lets add a checklist of common deliverables each step could deliver.
- 9. EXPERIENCE DESIGN FRAMEWORK v.0.2.0 Background ResearchDefine StrategyDefine Architecture Conduct StakeholderInterviewsCreate Mental ModelCreate Experience MapConduct Heuristic EvaluationConduct User InterviewsCollect User Data(User Research)Conduct EthnographicStudyCollect/ AnalyzeUser ResearchCreate PersonasDefine the UserDefine User ExperienceDefine User NeedsDefine Project ObjectivesPrioritize User StoriesCreate Site Map/ IACreate User FlowsCreate Concept Wires(Or Sketch or Linear)Create Content InventoryCreate Detailed WiresOr PrototypeCreate Template InventoryConduct UsabilityTestingPROCESSDefine User StoriesAdd Detail to Experience MapCreate Navigation DesignCHECKLISTPeer reviews should be conducted prior to checking any item off this worksheet
- 10. … And, lets call out all “must-have” deliverables in black.
- 11. EXPERIENCE DESIGN FRAMEWORK v.0.2.0 Background ResearchDefine StrategyDefine Architecture Conduct StakeholderInterviewsCreate Mental ModelCreate Experience MapConduct Heuristic EvaluationConduct User InterviewsCollect User Data(User Research)Conduct EthnographicStudyCollect/ AnalyzeUser ResearchCreate PersonasDefine the UserDefine User ExperienceDefine User NeedsDefine Project ObjectivesPrioritize User StoriesCreate Site Map/ IACreate User FlowsCreate Concept Wires(Or Sketch or Linear)Create Content InventoryCreate Detailed WiresOr PrototypeCreate Template InventoryConduct UsabilityTestingPROCESSDefine User StoriesAdd Detail to Experience MapCreate Navigation DesignCHECKLISTPeer reviews should be conducted prior to checking any item off this worksheet
- 12. That’s it.This is the UX framework I created with the team at Trapeze.
- 13. Obviously, this is a living document, and may go through revisions as new documentation is identified, created, and tested.As far as being a document that you can pick up, modify, and run-with; this framework is exactly that. If you ever wanted to bring your digital projects to the next level through deep understanding and empathy with your customer, this experience design framework will help you achieve that.From: @TheJordanRules in conjunction with the great team at @Trapeze