23
UX Process v0.1 Simon Whatley

UX Process v0.1 - A work in progress

Embed Size (px)

DESCRIPTION

A presentation I gave back in mid-2012 on the UX process currently being employed at the time. A process that needed a significant overhaul. Everything is a work in progress.

Citation preview

Page 1: UX Process v0.1 - A work in progress

UX Process v0.1Simon Whatley

Page 2: UX Process v0.1 - A work in progress

• Current process and some problems

• Future considerations

• The tools I use

Page 3: UX Process v0.1 - A work in progress

Current processIt’s not a silver bullet by any means

Page 4: UX Process v0.1 - A work in progress

De!ne project

• Identify product managers and stakeholders

• De!ne the value proposition

• Collate top messages

• Establish goals

Page 5: UX Process v0.1 - A work in progress

Research and analysis

• Competitor analysis

• Gather domain knowledge

• Garner user insights

Page 6: UX Process v0.1 - A work in progress

Ideation

• De!ne target audiences and personas

• Brainstorm scenarios and touch-points

• Identify important content

• Establish a basic IA

Page 7: UX Process v0.1 - A work in progress
Page 8: UX Process v0.1 - A work in progress
Page 9: UX Process v0.1 - A work in progress

Content creation

• “Sizzle” and “Steak” pages are de!ned

• Content is written by stakeholders in conjunction with the copywriter

• Content is edited by the copywriter

• UX takes a back seat, but shouldn’t

Page 10: UX Process v0.1 - A work in progress
Page 11: UX Process v0.1 - A work in progress

Build wireframes• De!ne patterns used on Ubuntu.com

• Design a ‘typical’ sizzle page

• Design a ‘typical’ steak page

• Build a base wireframe with Ubuntu.com furniture

• Explore multiple options for each page of content

• Get feedback verbally or via Onotate

Page 12: UX Process v0.1 - A work in progress
Page 13: UX Process v0.1 - A work in progress

Hand-over to design

• Final (sic) content

• Final (sic) wireframes

• Visual asset recommendations

Page 14: UX Process v0.1 - A work in progress
Page 15: UX Process v0.1 - A work in progress

Problems!...are also a guide to solutions

Page 16: UX Process v0.1 - A work in progress

• Little or no generative research beyond talking to internal stakeholders

• Little or no evaluative research with external users or customers

• Time and resources

Page 17: UX Process v0.1 - A work in progress

Future considerationsWeb technologies move fast, so should we

Page 18: UX Process v0.1 - A work in progress

• Work with other web-based teams to de!ne and inform design process

• Launchpad

• Landscape

• MAAS

• Ubuntu One

Page 19: UX Process v0.1 - A work in progress

• A UI pattern library for Ubuntu.com

• Responsive web design and responsive wireframes

• Mobile and tablet user testing using test rigs

• Analytics (goals, funnels, events, heatmaps)

• Multivariate and A/B testing

• Accessibility auditing

Page 20: UX Process v0.1 - A work in progress

The tools I useThey may be useful to you

Page 21: UX Process v0.1 - A work in progress

• 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

Page 22: UX Process v0.1 - A work in progress

• Sansom CO3U USB condenser microphone, Zoom H4n mobile recorder and Audacity for sound recording and editing

• Skype for remote interviews/testing

• OptimalSort for card sorting

• SurveyMonkey for questionnaires

• Good old HTML, CSS and JavaScript (jQuery) for clickable prototypes

• Pen and paper

Page 23: UX Process v0.1 - A work in progress

Thank you