BIH - Design process
-
Upload
allison-tran -
Category
Design
-
view
203 -
download
2
description
Transcript of BIH - Design process
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