Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Why You're Over-thinking your UI/UX
Search
Rohan Puri
July 18, 2013
Design
3
410
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
160
Body Language and You
purirohan
5
310
Other Decks in Design
See All in Design
BPStudy#213〜ビジネスアナリシスとDDD(ドメイン駆動設計)パネルディスカッション資料 / BPStudy213-panel
haru860
0
490
逆向きUIの世界〜AndroidアプリのRTL言語対応〜
akatsuki174
1
460
Spectrum Tokyo_ デザイナーが事業責任者になってみた
shin_2
0
150
第4回関東Kaggler会LT HCD-Net人間中心設計スペシャリストが語るNotebookメダルの取り方
utm529f
0
1.2k
BXデザイン組織が挑んだスクラム 〜ブランドを育み、デザイナーを解放する変革の物語〜(Scrum Fest Mikawa 2025)
tadashiinoue
0
340
地理院地図をもっと楽しく!れきちず新機能のご紹介
hjmkth
1
160
企画を動かすデザイナーの思考!「広げて絞る」アプローチ。
hikidakan
0
180
デザインシステムの「種」を使って、受託開発を加速させる
akane___ui
0
11k
Portfolio 齋藤明敏 Hiroyuki Saito
crearedesign
0
110
事例で学ぶ!今日から使えるWebサービスUI改善ポイント
ncdc
0
280
「描く」という衝動に立ち返る〜Figma Drawがひらく思考のかたち〜
transit_kix
1
1.1k
Building Experiences: Design Systems, User Experience, and Full Site Editing
marktimemedia
0
260
Featured
See All Featured
KATA
mclloyd
32
15k
VelocityConf: Rendering Performance Case Studies
addyosmani
332
24k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
234
17k
Build your cross-platform service in a week with App Engine
jlugia
232
18k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
32
1.6k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
252
21k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
51k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
9
580
Building an army of robots
kneath
306
46k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
12
1.2k
The Language of Interfaces
destraynor
162
25k
Docker and Python
trallard
46
3.6k
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.