RESEARCH: SETTING EXPECTATIONS• Before you start thinkingabout the users or thesite structure, it isessential that you get...
RESEARCH: TALK & DISCUSS• Focus groups work well asyou can generate debate.• Interviews will allow you toget direct opinio...
RESEARCH: VISUALISE THE USERS• When sketching the differentusers you need to think ofthe following options:• Name of user•...
RESEARCH: MAP OUT THE JOURNEYThings to consider…
RESEARCH: STRUCTURING & MAPPING
ARCHITECT: SCREENS FLOWS
ARCHITECT: Hi-Fi WIREFRAMES• Hi-Fi wireframes aredetailed wireframes.• They aim to give a designer& developer the exactlay...
DESIGN: MOOD BOARDING
DESIGN: THE PAGES
EVALUATE: FEEDBACK FROM PEOPLEGet the usersto talk outloud!Tell me whatyou’rethinking?1. Equipment 2. User, 3. Observer, 4...
EVALUATE: SURVEYS
EVALUATE: SURVEY
EVALUATE: ANALYSING & VISUALISING
IMPLEMENT: CODING
END RESULT: THE WEBSITE
@uxentropii{ }>√[ ]∞∧≅×
Run Through the User-Centric Process
Upcoming SlideShare
Loading in …5
×

Run Through the User-Centric Process

1,913 views

Published on

A quick overview of the 5 step user-centric process we use.
If you'd like to know more, join our London UX Workshop: Designing and Mapping User Journeys on April 30th 2014. Get involved here: http://bit.ly/N3C5gs

Published in: Business, Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,913
On SlideShare
0
From Embeds
0
Number of Embeds
989
Actions
Shares
0
Downloads
11
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Run Through the User-Centric Process

  1. 1. RESEARCH: SETTING EXPECTATIONS• Before you start thinkingabout the users or thesite structure, it isessential that you get aclear outline from theclients as to what isrequired and expected.• This will allow you bothto plan the project &identify key deliverables.
  2. 2. RESEARCH: TALK & DISCUSS• Focus groups work well asyou can generate debate.• Interviews will allow you toget direct opinions frompeople.• Always good to use stats.Google Analytics allows youto understand traffic to thecurrent websites.
  3. 3. RESEARCH: VISUALISE THE USERS• When sketching the differentusers you need to think ofthe following options:• Name of user• Age• Education• Family background• Personality traits• User profile• Key motivations• Rhetoric• Decision Influences
  4. 4. RESEARCH: MAP OUT THE JOURNEYThings to consider…
  5. 5. RESEARCH: STRUCTURING & MAPPING
  6. 6. ARCHITECT: SCREENS FLOWS
  7. 7. ARCHITECT: Hi-Fi WIREFRAMES• Hi-Fi wireframes aredetailed wireframes.• They aim to give a designer& developer the exactlayout to follow.• The wireframes at this levelneed to be pixel perfect.
  8. 8. DESIGN: MOOD BOARDING
  9. 9. DESIGN: THE PAGES
  10. 10. EVALUATE: FEEDBACK FROM PEOPLEGet the usersto talk outloud!Tell me whatyou’rethinking?1. Equipment 2. User, 3. Observer, 4. Equipment
  11. 11. EVALUATE: SURVEYS
  12. 12. EVALUATE: SURVEY
  13. 13. EVALUATE: ANALYSING & VISUALISING
  14. 14. IMPLEMENT: CODING
  15. 15. END RESULT: THE WEBSITE
  16. 16. @uxentropii{ }>√[ ]∞∧≅×

×