design process 
BIH UI/UX BOOTCAMP / Microsoft Innovation Center @ Botswana Innovation Hub / bihux.tumblr.com
the design process
WIRED
BIH -  Design process
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 
the design process for software 
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 
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
BIH -  Design process
Ww2.warwick.ac.uk
Aplayspace.com
BIH -  Design process
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

More Related Content

PPT
UX - User Experience Design and Principles
PDF
Look at UI/UX Design Process
PPTX
BIH - Storyboards
PDF
NoVA UX Responsive Design
PDF
Principles of User Interface Design
PPTX
UX & UI: The differences between two abbreviations
PDF
Going from Here to There: Transitioning into a UX Career
PPTX
Tampa UX November 2014 Meetup
UX - User Experience Design and Principles
Look at UI/UX Design Process
BIH - Storyboards
NoVA UX Responsive Design
Principles of User Interface Design
UX & UI: The differences between two abbreviations
Going from Here to There: Transitioning into a UX Career
Tampa UX November 2014 Meetup

What's hot (20)

PDF
UX Insights from a Drunk Guy
PDF
The Value of User Experience (from Web 2.0 Expo Berlin 2008)
PPT
Graphic Design For Developers
PPTX
UI/UX Fundamentals
PDF
UX RULES: 10 ESSENTIAL PRINCIPLES
PDF
UX Best Practices
PDF
User Experience Workshop
PPT
Are You An User Experience Designer
PPTX
UI/UX Design
PDF
Usability and User Experience
PDF
What is UX?
PDF
UI & UX Design for Startups
PDF
UX Lesson 1: User Centered Design
PDF
UX Design: An Introduction
PDF
Design process
PDF
What is UX?
PPTX
Basic Visual Design Principles and UI Design Best Practices
PDF
Designing A Great User Experience
PPTX
Ux Overview
PDF
UX Design Essential Theories
UX Insights from a Drunk Guy
The Value of User Experience (from Web 2.0 Expo Berlin 2008)
Graphic Design For Developers
UI/UX Fundamentals
UX RULES: 10 ESSENTIAL PRINCIPLES
UX Best Practices
User Experience Workshop
Are You An User Experience Designer
UI/UX Design
Usability and User Experience
What is UX?
UI & UX Design for Startups
UX Lesson 1: User Centered Design
UX Design: An Introduction
Design process
What is UX?
Basic Visual Design Principles and UI Design Best Practices
Designing A Great User Experience
Ux Overview
UX Design Essential Theories
Ad

Similar to BIH - Design process (20)

PDF
Basic Principles of Interface design
PPTX
Module3UX Design Process_V1.2byAbhi (1).pptx
PPTX
Intro to UX Design
PDF
User Experience 101 - A Practical Guide
PDF
User experience design process
PPTX
UI_UX.pptx
PPTX
toroforotoltlfflrvuhdgvyuwdgvyugvuiwrehgfuiorwgfuihfuoho.pptx
PDF
Intro to the LA Design Community
PPTX
Introduction to Intrection design UX UI.
PDF
Introduction to UX Design
PDF
INDIAHCI2016_DesignThinking&Innovation_Workshops_Aboli
PPTX
What’s in your BA Toolbox – Has User experience and Usability gone to the way...
PDF
Kedar Chavan - UX Process.pdf
PDF
PxS'12 - week 1 - Introduction
PDF
UX & UI Design - Differentiate through design
 
ODP
UI UX - The Bigger Picture
PPTX
UI UX Process for SaaS Product Design Success
PDF
Incorporating UX into Your Projects
PPTX
Ruby on Rails Session 02 - UX Design
PDF
Introduction to UX Design Workshop | CodingGirls
Basic Principles of Interface design
Module3UX Design Process_V1.2byAbhi (1).pptx
Intro to UX Design
User Experience 101 - A Practical Guide
User experience design process
UI_UX.pptx
toroforotoltlfflrvuhdgvyuwdgvyugvuiwrehgfuiorwgfuihfuoho.pptx
Intro to the LA Design Community
Introduction to Intrection design UX UI.
Introduction to UX Design
INDIAHCI2016_DesignThinking&Innovation_Workshops_Aboli
What’s in your BA Toolbox – Has User experience and Usability gone to the way...
Kedar Chavan - UX Process.pdf
PxS'12 - week 1 - Introduction
UX & UI Design - Differentiate through design
 
UI UX - The Bigger Picture
UI UX Process for SaaS Product Design Success
Incorporating UX into Your Projects
Ruby on Rails Session 02 - UX Design
Introduction to UX Design Workshop | CodingGirls
Ad

More from Allison Tran (6)

PPTX
BIH - Sketching
PPTX
BIH - What is UX?
PPTX
Bih - Personas
PPTX
BIH - Empathizing with users
PPTX
BIH - Human Centered Design
PPTX
BIH - Color
BIH - Sketching
BIH - What is UX?
Bih - Personas
BIH - Empathizing with users
BIH - Human Centered Design
BIH - Color

Recently uploaded (20)

PDF
Designing Through Complexity - Four Perspectives.pdf
PDF
Architecture Design Portfolio- VICTOR OKUTU
PDF
2025_AIFG_Akane_Kikuchi_Empathy_Design.PDF
PPT
EthicsNotesSTUDENTCOPYfghhnmncssssx sjsjsj
PPTX
Presentation1.pptxnmnmnmnjhjhkjkjkkjkjjk
PPTX
SOBALAJE WORK.pptxe4544556y8878998yy6555y5
PDF
The Complete Guide to Buying Verified Stripe Accounts 2025.pdf
PPTX
Introduction to Building Information Modeling
PDF
Trends That Shape Graphic Design Services
PPTX
WHY UPLOADING IS IMPORTANT TO DOWNLOAD SLIDES.pptx
PDF
GSH-Vicky1-Complete-Plans on Housing.pdf
PDF
Timeless Interiors by PEE VEE INTERIORS
PDF
1 Introduction to Networking (06).pdfbsbsbsb
PDF
THEORY OF ID MODULE (Interior Design Subject)
PDF
SOUND-NOTE-ARCHITECT-MOHIUDDIN AKHAND SMUCT
PPTX
22CDH01-V3-UNIT III-UX-UI for Immersive Design
PDF
analisis snsistem etnga ahrfahfffffffffffffffffffff
PPTX
22CDH01-V3-UNIT-I INTRODUCITON TO EXTENDED REALITY
PDF
The Basics of Presentation Design eBook by VerdanaBold
PPTX
timber basics in structure mechanics (dos)
Designing Through Complexity - Four Perspectives.pdf
Architecture Design Portfolio- VICTOR OKUTU
2025_AIFG_Akane_Kikuchi_Empathy_Design.PDF
EthicsNotesSTUDENTCOPYfghhnmncssssx sjsjsj
Presentation1.pptxnmnmnmnjhjhkjkjkkjkjjk
SOBALAJE WORK.pptxe4544556y8878998yy6555y5
The Complete Guide to Buying Verified Stripe Accounts 2025.pdf
Introduction to Building Information Modeling
Trends That Shape Graphic Design Services
WHY UPLOADING IS IMPORTANT TO DOWNLOAD SLIDES.pptx
GSH-Vicky1-Complete-Plans on Housing.pdf
Timeless Interiors by PEE VEE INTERIORS
1 Introduction to Networking (06).pdfbsbsbsb
THEORY OF ID MODULE (Interior Design Subject)
SOUND-NOTE-ARCHITECT-MOHIUDDIN AKHAND SMUCT
22CDH01-V3-UNIT III-UX-UI for Immersive Design
analisis snsistem etnga ahrfahfffffffffffffffffffff
22CDH01-V3-UNIT-I INTRODUCITON TO EXTENDED REALITY
The Basics of Presentation Design eBook by VerdanaBold
timber basics in structure mechanics (dos)

BIH - Design process

Editor's Notes

  • #2: How do people talk and interact with interfaces? Interfaces must communicate and inform the user on how it can be used. What happens when users see an interface? What is he or she thinking? Does he understand what he or she is looking at? What is the user supposed to do next? Traditionally called Human Computer Interaction, HCI represents the engineering approach we take to UX . It’s rooted in understanding how people use technology and how the components of a digital design help a user accomplish a task.
  • #4: Design process exists for a lot of things: Products Services Interfaces
  • #5: Design process exists for a lot of things: Products Services Interfaces
  • #20: use it to really understand your user and discover what their life is who they are
  • #21: use it to brainstorm associations around a word
  • #22: use it to prioritize what things are most important for your design to solve use it to get users to talk about what’s important for them 1. write down features on cards/post it’s 2. have the user sort them into groups 3. have the user rank these cards in order of importance.