design process

BIH UI/UX BOOTCAMP / Microsoft Innovation Center @ Botswana Innovation Hub / bihux.tumblr.com

the design process

WIRED

Research the problem.

Learn about your

users.

Generate lots of

ideas for what

problem to solve.

Ideate on how

your product can

do to solve the

problem

Narrow down

your ideas to a

few concepts

for exploration.

Test these

concepts

with real

people.

Get

feedback.

Refine your

concept to

incorporate

feedback.

Apply visual

design to

concepts

Create your final

solution and

plan for how to

deliver to the

users

the design process

Research the

problem. Learn

about your users.

Investigate

competitive

products

Create user

scenarios.

Prioritize user

needs.

Determine

product

requirements

Sketch Many

Ideas

Get Initial

Feedback

Build a fast

prototype

Test

prototypes

with users

Use Feedback to

Improve Design.

Refine Visual

Treatment of

Design

the design process for software

Choose

concepts

Sketch low

fidelity

mockups .

http://mariamz.files.wordpress.com/2011/05/salul.jpg

Boagworld.com

Copenhagen Institute of Interaction Design

strategyinternet-marketing.co.uk

Tim Brown

Ww2.warwick.ac.uk

Aplayspace.com

http://mike.mediaintensive.com/wp-content/uploads/2013/08/Alert-wires-1.gif

QuickSprout

MICROSOFT IDEACAMP UX WORKSHOP

Site visits

Jed Farlow

MICROSOFT IDEACAMP UX WORKSHOP

User interviews

Wikipedia

Mindmap

MICROSOFT IDEACAMP UX WORKSHOP

Card sorting

Copenhagen Institute of Design

Card sorting

low fidelity sketches

InspireUX.com

MICROSOFT IDEACAMP UX WORKSHOP

Paper prototype

http://www2.warwick.ac.uk/

MICROSOFT IDEACAMP UX WORKSHOP

Paper prototype

Norman Nielson Group

MICROSOFT IDEACAMP UX WORKSHOP

User testing

Dustin Larimer

MICROSOFT IDEACAMP UX WORKSHOP

Usability testing

Usabilitygeek.com

flows

MICROSOFT IDEACAMP UX WORKSHOP

wireframes

http://www.behance.net/gallery/WIREFRAMES/6771739