run through the user-centric process
DESCRIPTION
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/N3C5gsTRANSCRIPT
![Page 1: Run Through the User-Centric Process](https://reader033.vdocuments.mx/reader033/viewer/2022051515/54c6f9594a79591c038b4615/html5/thumbnails/1.jpg)
![Page 2: Run Through the User-Centric Process](https://reader033.vdocuments.mx/reader033/viewer/2022051515/54c6f9594a79591c038b4615/html5/thumbnails/2.jpg)
RESEARCH: SETTING EXPECTATIONS
• Before you start thinking about the users or the site structure, it is essential that you get a clear outline from the clients as to what is required and expected.
• This will allow you both to plan the project & identify key deliverables.
![Page 3: Run Through the User-Centric Process](https://reader033.vdocuments.mx/reader033/viewer/2022051515/54c6f9594a79591c038b4615/html5/thumbnails/3.jpg)
RESEARCH: TALK & DISCUSS
• Focus groups work well as you can generate debate.
• Interviews will allow you to get direct opinions from people.
• Always good to use stats. Google Analytics allows you to understand traffic to the current websites.
![Page 4: Run Through the User-Centric Process](https://reader033.vdocuments.mx/reader033/viewer/2022051515/54c6f9594a79591c038b4615/html5/thumbnails/4.jpg)
RESEARCH: VISUALISE THE USERS
• When sketching the different users you need to think of the following options: • Name of user • Age • Education • Family background • Personality traits • User profile • Key motivations • Rhetoric • Decision Influences
![Page 5: Run Through the User-Centric Process](https://reader033.vdocuments.mx/reader033/viewer/2022051515/54c6f9594a79591c038b4615/html5/thumbnails/5.jpg)
RESEARCH: MAP OUT THE JOURNEY
Things to consider…
![Page 6: Run Through the User-Centric Process](https://reader033.vdocuments.mx/reader033/viewer/2022051515/54c6f9594a79591c038b4615/html5/thumbnails/6.jpg)
RESEARCH: STRUCTURING & MAPPING
![Page 7: Run Through the User-Centric Process](https://reader033.vdocuments.mx/reader033/viewer/2022051515/54c6f9594a79591c038b4615/html5/thumbnails/7.jpg)
ARCHITECT: SCREENS FLOWS
![Page 8: Run Through the User-Centric Process](https://reader033.vdocuments.mx/reader033/viewer/2022051515/54c6f9594a79591c038b4615/html5/thumbnails/8.jpg)
ARCHITECT: Hi-Fi WIREFRAMES • Hi-Fi wireframes are
detailed wireframes. • They aim to give a designer
& developer the exact layout to follow.
• The wireframes at this level need to be pixel perfect.
![Page 9: Run Through the User-Centric Process](https://reader033.vdocuments.mx/reader033/viewer/2022051515/54c6f9594a79591c038b4615/html5/thumbnails/9.jpg)
DESIGN: MOOD BOARDING
![Page 10: Run Through the User-Centric Process](https://reader033.vdocuments.mx/reader033/viewer/2022051515/54c6f9594a79591c038b4615/html5/thumbnails/10.jpg)
DESIGN: THE PAGES
![Page 11: Run Through the User-Centric Process](https://reader033.vdocuments.mx/reader033/viewer/2022051515/54c6f9594a79591c038b4615/html5/thumbnails/11.jpg)
EVALUATE: FEEDBACK FROM PEOPLE
Get the users to talk out loud! Tell me what you’re thinking?
1. Equipment 2. User, 3. Observer, 4. Equipment
![Page 12: Run Through the User-Centric Process](https://reader033.vdocuments.mx/reader033/viewer/2022051515/54c6f9594a79591c038b4615/html5/thumbnails/12.jpg)
EVALUATE: SURVEYS
![Page 13: Run Through the User-Centric Process](https://reader033.vdocuments.mx/reader033/viewer/2022051515/54c6f9594a79591c038b4615/html5/thumbnails/13.jpg)
EVALUATE: SURVEY
![Page 14: Run Through the User-Centric Process](https://reader033.vdocuments.mx/reader033/viewer/2022051515/54c6f9594a79591c038b4615/html5/thumbnails/14.jpg)
EVALUATE: ANALYSING & VISUALISING
![Page 15: Run Through the User-Centric Process](https://reader033.vdocuments.mx/reader033/viewer/2022051515/54c6f9594a79591c038b4615/html5/thumbnails/15.jpg)
IMPLEMENT: CODING
![Page 16: Run Through the User-Centric Process](https://reader033.vdocuments.mx/reader033/viewer/2022051515/54c6f9594a79591c038b4615/html5/thumbnails/16.jpg)
END RESULT: THE WEBSITE
![Page 17: Run Through the User-Centric Process](https://reader033.vdocuments.mx/reader033/viewer/2022051515/54c6f9594a79591c038b4615/html5/thumbnails/17.jpg)
@uxentropii
{ }>√[ ]∞∧≅×