Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Speaker Deck
PRO
Sign in
Sign up for free
Why You're Over-thinking your UI/UX
Rohan Puri
July 18, 2013
Design
3
370
Why You're Over-thinking your UI/UX
Presented at Harvard iLab
Rohan Puri
July 18, 2013
Tweet
Share
More Decks by Rohan Puri
See All by Rohan Puri
Startups
purirohan
2
84
Body Language and You
purirohan
5
300
Other Decks in Design
See All in Design
Google UX Design Certificate 受講してみた
oquloo
1
670
UI/UXデザイナーになるには 日常編
kimurakei
0
410
hourly comics (2022)
gyroidz
0
270
Untitled (Baseball)
heewon
2
340
dnd board
emmamsketches
0
160
ユーザー体験を支える_freeeのデザインシステム活用.pdf
fkady
1
520
Fairy Unfortunate Storyboard
livamoah
1
150
Sponge Bob Exercise Sequence
diablicos_
0
230
コミュニケーションデザイン組織のタタキ台 - SmartHR Communication Design Group
bebe
4
1.7k
リサーチ文化を組織に埋め込むために実践したこと
hiranotomoki
5
2k
Designing for trust: Applying Promise Theory to collaborate effectively with your remote teams
akiramotomura
0
430
Storyboard: Midnight Cookie
luchiianita
0
220
Featured
See All Featured
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
226
15k
How GitHub (no longer) Works
holman
296
140k
Building Adaptive Systems
keathley
25
1.1k
Designing Experiences People Love
moore
130
22k
GitHub's CSS Performance
jonrohan
1020
420k
Intergalactic Javascript Robots from Outer Space
tanoku
261
25k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
39
13k
Producing Creativity
orderedlist
PRO
334
37k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
15
940
Embracing the Ebb and Flow
colly
73
3.4k
Build your cross-platform service in a week with App Engine
jlugia
219
17k
Stop Working from a Prison Cell
hatefulcrawdad
261
17k
Transcript
WHY YOU’RE OVER-THINKING IT A Doers Guide to UI/UX @RohanSPuri
@theCristoforo
There are very few known techniques that can accurately and
consistently shape a good UI/UX
Beauty Comes Second
Users Resist Change
None
Make Users Feel Smart
Familiarity = Speedy Learning
Timing and Parallelizing
Narrow Build Test/Collect Simplify
Narrow Your Scope 1.Identifies a narrow band of target users
(specifically your first-adopters) 2.Speeds up development time 3.Guides testing 4.Gives marketing individuals early insight into user acquisition strategies 5.Narrows down number of variables for testing 6.Saves money!
None
How __Product____ is a ___(general, relatable tool)___ that allows __(2
adj + target users)__ to __(use-case)__
Define Personas
Check Yourself - Storyboard Use your personas Identify and cut
long trees/branches Identify dead ends
STOP
Build. Speed is King
TOOLS YOU NEED TO KNOW these tools help you move
faster so you can test faster. Build Distribute Collect
None
None
None
Simplify
Any intelligent fool can make things bigger, more complex and
more violent. It takes a touch of genius and a lot of courage to move in the opposite direction. - Albert Einstein
None
None
Make everything as simple as possible, but not simpler.— Albert
Einstein
None
None
None
Focus Modals — depth + motion High contrast — color
+ light (theater mode) Weighting based on priority
None
None
Hide the Inactive Understand your medium Hide / Hover controls
(desktop but not mobile) Context-based Expand & Collapse forms
None
None
Reduce Inputs vs. De-clutter Screen
None
Rule of White Space
None
Before adding UI elements, try achieving the same goal with
spacing.
Picture > Words
Flat UI & Skeuomorphism skeuomorphic UI — using digital elements
resembling real-world objects flat UI — elimination of ornamental elements not core to meaning
None
None
None
Simple images convey information more quickly than detailed illustrations
Recognize when metaphors become unnecessary The button is the ultimate
metaphor Other forms of metaphor: physics, animations, sounds, gestures, etc.