UX Process v0.1 - A work in progress
1 like862 views
The document outlines the current UX process used by Simon Whatley, detailing phases such as project definition, research and analysis, ideation, content creation, wireframing, and hand-over to design. It highlights existing challenges, including limited generative and evaluative research, and emphasizes the need for adaptation to evolving web technologies. Additionally, it lists various tools utilized throughout the process for tasks like wireframing, usability testing, and collaboration.
UX Process v0.1 - A work in progress
- 1. UX Process v0.1 Simon Whatley
- 2. • • • Current process and some problems Future considerations The tools I use
- 3. Current process It’s not a silver bullet by any means
- 4. De!ne project • Identify product managers and stakeholders • • • De!ne the value proposition Collate top messages Establish goals
- 5. Research and analysis • • • Competitor analysis Gather domain knowledge Garner user insights
- 6. Ideation • • • • De!ne target audiences and personas Brainstorm scenarios and touch-points Identify important content Establish a basic IA
- 9. Content creation • • “Sizzle” and “Steak” pages are de!ned • • Content is edited by the copywriter Content is written by stakeholders in conjunction with the copywriter UX takes a back seat, but shouldn’t
- 11. Build wireframes • • • • De!ne patterns used on Ubuntu.com • Explore multiple options for each page of content • Get feedback verbally or via Onotate Design a ‘typical’ sizzle page Design a ‘typical’ steak page Build a base wireframe with Ubuntu.com furniture
- 13. Hand-over to design • • • Final (sic) content Final (sic) wireframes Visual asset recommendations
- 15. Problems! ...are also a guide to solutions
- 16. • Little or no generative research beyond talking to internal stakeholders • Little or no evaluative research with external users or customers • Time and resources
- 17. Future considerations Web technologies move fast, so should we
- 18. • Work with other web-based teams to de!ne and inform design process • • • • Launchpad Landscape MAAS Ubuntu One
- 19. • • A UI pattern library for Ubuntu.com • Mobile and tablet user testing using test rigs • Analytics (goals, funnels, events, heatmaps) • • Multivariate and A/B testing Responsive web design and responsive wireframes Accessibility auditing
- 20. The tools I use They may be useful to you
- 21. • OmniGra"e for wireframes, Pixelmator and GIMP for simple graphics • OmniOutliner and/or Google Spreadsheets for information architecture • • • Google Docs for collaborative working Silverback for formal usability testing Cisco Flip, Canon 60D and ScreenFlow for video capture and editing
- 22. • Sansom CO3U USB condenser microphone, Zoom H4n mobile recorder and Audacity for sound recording and editing • • • • Skype for remote interviews/testing • Pen and paper OptimalSort for card sorting SurveyMonkey for questionnaires Good old HTML, CSS and JavaScript (jQuery) for clickable prototypes
- 23. Thank you