UX Process v0.1 - A work in progress

  • View
    280

  • Download
    3

  • Category

    Design

Preview:

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

UX Process v0.1Simon Whatley

• Current process and some problems

• Future considerations

• The tools I use

Current processIt’s not a silver bullet by any means

De!ne project

• Identify product managers and stakeholders

• De!ne the value proposition

• Collate top messages

• Establish goals

Research and analysis

• Competitor analysis

• Gather domain knowledge

• Garner user insights

Ideation

• De!ne target audiences and personas

• Brainstorm scenarios and touch-points

• Identify important content

• Establish a basic IA

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

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

Hand-over to design

• Final (sic) content

• Final (sic) wireframes

• Visual asset recommendations

Problems!...are also a guide to solutions

• Little or no generative research beyond talking to internal stakeholders

• Little or no evaluative research with external users or customers

• Time and resources

Future considerationsWeb technologies move fast, so should we

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

• Launchpad

• Landscape

• MAAS

• Ubuntu One

• 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

The tools I useThey may be useful to you

• 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

• 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

Thank you