-
7/30/2019 Concept to Product - Design Processes
1/52
Concept to Product 2012
Design Processes
-
7/30/2019 Concept to Product - Design Processes
2/52
2012Concept to Product
Guy Haviv
Design DirectorDesignit Tel Aviv
-
7/30/2019 Concept to Product - Design Processes
3/52
2012Concept to Product
Originally, a software developer.(infrastructure, script
language parsing, graphic editors, Windows UIs)
Graphic / interactive designer.
Teaches digital product design at Shenkar.
Operating systems geek, Apple platform focused.
-
7/30/2019 Concept to Product - Design Processes
4/52
2012Concept to Product
Agenda
Intro
UX Process: Practicality for startups
Foundational Process
Time Compressed Process
Case Study
Short Form Tips
-
7/30/2019 Concept to Product - Design Processes
5/52
Concept to Product 2012
Intro
-
7/30/2019 Concept to Product - Design Processes
6/52
2012Concept to Product
UX is a field filled with confusing,often ambiguous
terminology.
Intro
Low Fidelity Usability Testing
Contextual Observation
Stakeholder Interviews
Paper Prototyping
Usability Research
Heuristic Evaluation
Shadowing
Task Analysis
...
-
7/30/2019 Concept to Product - Design Processes
7/52
2012Concept to Product
This is partially because there are many methodologresearch
methods
Intro
-
7/30/2019 Concept to Product - Design Processes
8/52
2012Concept to Product
User Experience Design is a fairly young discipline, ais
evolving constantly.
Practitioners approach problems using different techn
Intro
-
7/30/2019 Concept to Product - Design Processes
9/52
2012Concept to Product
Today, well try to suggest & discuss a practical proces
for scoping, planning & designing new products that is
suitable for startups in various stages.
Intro
-
7/30/2019 Concept to Product - Design Processes
10/52
Concept to Product 2012
Foundational Process
-
7/30/2019 Concept to Product - Design Processes
11/52
2012Concept to Product
Process
Foundational Process
-
7/30/2019 Concept to Product - Design Processes
12/52
2012Concept to Product
Lets take a look at the process step by step with an example
close to our heart: tawkon.
Process
-
7/30/2019 Concept to Product - Design Processes
13/52
2012Concept to Product
v
Platform + User Research
-
7/30/2019 Concept to Product - Design Processes
14/52
2012Concept to Product
Ideation
v
-
7/30/2019 Concept to Product - Design Processes
15/52
2012Concept to Product
Define Scope
-
7/30/2019 Concept to Product - Design Processes
16/52
2012Concept to Product
Schematic Design
-
7/30/2019 Concept to Product - Design Processes
17/52
Visual Design: Exploration
-
7/30/2019 Concept to Product - Design Processes
18/52
Visual Design: Selected Concept
-
7/30/2019 Concept to Product - Design Processes
19/52
-
7/30/2019 Concept to Product - Design Processes
20/52
-
7/30/2019 Concept to Product - Design Processes
21/52
Multiple iterations Performance optimizations
Production & Tuning
2012Concept to Product
-
7/30/2019 Concept to Product - Design Processes
22/52
Concept to Product 2012
Time Compressed Process
-
7/30/2019 Concept to Product - Design Processes
23/52
2012Concept to Product
Time Compressed Process
Often times, applying a long form concept
is challenging.
-
7/30/2019 Concept to Product - Design Processes
24/52
2012Concept to Product
Weve refined an alternative called a
time compressed process
Time Compressed Process
-
7/30/2019 Concept to Product - Design Processes
25/52
2012Concept to Product
Time Compressed Process
Get tangible results fast
T1 T2
Re-examine and restart a longer form process, with a critical
point-of-view
-
7/30/2019 Concept to Product - Design Processes
26/52
2012Concept to Product
In other words,
Break product into modules.Choose 15 Screens.Mock them up.
Time Compressed Process
-
7/30/2019 Concept to Product - Design Processes
27/52
2012Concept to Product
This is a technique wevebeen using ever since.
Time Compressed Process
-
7/30/2019 Concept to Product - Design Processes
28/52
2012Concept to Product
Mockups maketheory tangible.Theyre horizontal.
Theyre aggressive.
Theyre oversimplified.
Time Compressed Process
-
7/30/2019 Concept to Product - Design Processes
29/52
2012Concept to Product
When youre done withthe mockups, nothing scares you.
(youve already tackled a horizontal span of the problem
domain.)
Time Compressed Process
i C d
-
7/30/2019 Concept to Product - Design Processes
30/52
2012Concept to Product
When youre done withthe mockups, nothing scares you.
(youve already tackled a horizontal span of the problem
domain.)
Time Compressed Process
-
7/30/2019 Concept to Product - Design Processes
31/52
Concept to Product 2012
Case Study
-
7/30/2019 Concept to Product - Design Processes
32/52
Concept to Product 2012
AmdocsFacts First
CaseStudies:Amdocs
-
7/30/2019 Concept to Product - Design Processes
33/52
2012Concept to Product
Case Studies: Amdocs
Amdocs brief:
Help us create an iPad app with a super advancedsearch to help
our sales staff find data in our SharePoportal
CaseStudies:Amdocs
-
7/30/2019 Concept to Product - Design Processes
34/52
2012Concept to Product
Before (illustration)
Case Studies: Amdocs
-
7/30/2019 Concept to Product - Design Processes
35/52
CaseStudies:Amdocs
-
7/30/2019 Concept to Product - Design Processes
36/52
2012Concept to Product
Case Studies: Amdocs
Question:
If you knew who the user was specifically, how manyreally good
documents would you present to her?
-
7/30/2019 Concept to Product - Design Processes
37/52
2012Concept to Product
Idea
Case Studies: Amdocs
-
7/30/2019 Concept to Product - Design Processes
38/52
2012Concept to Product
Best 15 docs, ever.
Case Studies: Amdocs
-
7/30/2019 Concept to Product - Design Processes
39/52
2012Concept to Product
But wait,
How do we present these documents?
-
7/30/2019 Concept to Product - Design Processes
40/52
2012Concept to Product
-
7/30/2019 Concept to Product - Design Processes
41/52
2012Concept to Product
-
7/30/2019 Concept to Product - Design Processes
42/52
-
7/30/2019 Concept to Product - Design Processes
43/52
Concept to Product 2012
Short form tips
I t
-
7/30/2019 Concept to Product - Design Processes
44/52
2012Concept to Product
A few short & practical tips
Intro
Short form tips
-
7/30/2019 Concept to Product - Design Processes
45/52
2012Concept to Product
01
Short form tips
Create physical boards with print-outs of important reference
material(such as references, persona slides, wireframes)
Buy an A1/A2 board, print a bunch of pages, paste on the
board.
Short form tips
-
7/30/2019 Concept to Product - Design Processes
46/52
2012Concept to Product
02
Short form tips
Prototype quickly with readily available toolsFor example: quick
few minutes / hours prototypes with Keynote
Short form tips
-
7/30/2019 Concept to Product - Design Processes
47/52
2012Concept to Product
03
Short form tips
Frame the discussion on product features, screens and UX around
'hierarchy'Hierarchy between featuresHierarchy between elements on
screen
Short form tips
-
7/30/2019 Concept to Product - Design Processes
48/52
2012Concept to Product
04
Short form tips
Scrutinize terminology (especially within the UI)read:
Short form tips
-
7/30/2019 Concept to Product - Design Processes
49/52
2012Concept to Product
05
Short form tips
Good Citizen: build on user's existing familiarity with native
platformsA good product feels like a superb iOS app on iOS,and like
a superb Android app on Android.
Read platform guidelines (surprisingly well written &
concise):Apple HIG, Microsoft Guidelines, Android Guidelines
Short form tips
-
7/30/2019 Concept to Product - Design Processes
50/52
2012Concept to Product
Short form tips
But this is a great discussion for another talk...
-
7/30/2019 Concept to Product - Design Processes
51/52
2012Concept to Product
Questions?
-
7/30/2019 Concept to Product - Design Processes
52/52
Concept to Product 2012
www.designit.com
[email protected]@stupidapp
Guy Haviv
mailto:[email protected]:[email protected]:[email protected]:[email protected]:[email protected]:[email protected]
