Getting UX to WorkHow Experience Design & Strategy work together within a creative process.
First, lets look at where UX naturally fits within the project lifecycle of a typical digital project.
Where UX fits into the processCreate the Visual Design& ContentDefine the ExperienceCode, QA, & LaunchDefine the Ask
Now, lets examine how the UX process integrates with the strategy group
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
Great! Now, lets construct a process for getting through these phases
A 4-Step ProcessBackground ResearchDefine StrategyDefine Architecture Define the UserDefine User ExperienceDefine User NeedsDefine Project ObjectivesPROCESS
… And, lets add a checklist of common deliverables each step could deliver.
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
… And, lets call out all “must-have” deliverables in black.
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
That’s it.This is the UX framework I created with the team at Trapeze.
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

Experience Design Framework

  • 1.
    Getting UX toWorkHow Experience Design & Strategy work together within a creative process.
  • 2.
    First, lets lookat where UX naturally fits within the project lifecycle of a typical digital project.
  • 3.
    Where UX fitsinto the processCreate the Visual Design& ContentDefine the ExperienceCode, QA, & LaunchDefine the Ask
  • 4.
    Now, lets examinehow the UX process integrates with the strategy group
  • 5.
    3-Phases used todefine 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, letsconstruct a process for getting through these phases
  • 7.
    A 4-Step ProcessBackgroundResearchDefine StrategyDefine Architecture Define the UserDefine User ExperienceDefine User NeedsDefine Project ObjectivesPROCESS
  • 8.
    … And, letsadd 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, letscall 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 isthe UX framework I created with the team at Trapeze.
  • 13.
    Obviously, this isa 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