design process BIH UI/UX BOOTCAMP / Microsoft Innovation Center @ Botswana Innovation Hub / bihux.tumblr.com
the design process
WIRED
the design process
Research the problem.
Generate lots of ideas for what problem to solve.
Learn about your users.
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 for software
Research the problem. Learn about your users.
Create user scenarios.
Sketch Many Ideas
Choose concepts
Prioritize user needs.
Get Initial Feedback
Sketch low fidelity mockups .
Investigate competitive products
Determine product requirements
Build a fast prototype
Test prototypes with users
Use Feedback to Improve Design. Refine Visual Treatment of Design
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
Site visits
Jed Farlow MICROSOFT IDEACAMP
UX WORKSHOP
User interviews
Wikipedia MICROSOFT IDEACAMP
UX WORKSHOP
Mindmap
Card sorting
Copenhagen Institute of Design UX WORKSHOP MICROSOFT IDEACAMP
Card sorting
low fidelity sketches
InspireUX.com
Paper prototype
MICROSOFT IDEACAMP
UX WORKSHOP
http://www2.warwick.ac.uk/
Paper prototype
Norman Nielson Group MICROSOFT IDEACAMP
UX WORKSHOP
User testing
Dustin Larimer MICROSOFT IDEACAMP
UX WORKSHOP
Usability testing
Usabilitygeek.com MICROSOFT IDEACAMP
UX WORKSHOP
flows
wireframes
MICROSOFT IDEACAMP
UX WORKSHOP
http://www.behance.net/gallery/WIREFRAMES/6771739