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
高卒公務員から Webデザイナーになるまで
kinomidesign
0
110
Designing User Experience through Interaction Design
lycorptech_jp
PRO
0
420
AI業務アプリケーションの体験デザイン
kazuhirokimura
0
200
mento Design Team Portfolio
mento0fficial
1
920
Meet, Learn, Grow × AI ― コミュニティで加速するスキル循環 「コミュニティと関わり方」
tame
0
280
Marpで推しCSSスライドを作ろう! / marp-with-favorite-css
fujiemon
0
680
「UXとUIの違い」v2
shirasu3
0
250
デザイナーがはばたく未来の入り口『hatch』が描く、新しいデザイナー育成のカタチ
goodpatch
1
1.8k
decksh object reference
ajstarks
2
1.3k
【Designship 2025|10.11】デザイン組織と事業貢献、その挑戦と結果。
payatsusan213
1
650
デザインから開発まで一貫したデザインシステムを構築するベストプラクティス / Best Practices for Building a Consistent Design System from Design to Development
lycorptech_jp
PRO
0
570
保育AIプロダクトの UXデザインで考えてきたこと / hoiku-ai-ux-design
hiro93n
0
180
Featured
See All Featured
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
Keith and Marios Guide to Fast Websites
keithpitt
411
23k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
127
54k
RailsConf 2023
tenderlove
30
1.3k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
367
27k
Art, The Web, and Tiny UX
lynnandtonic
303
21k
Embracing the Ebb and Flow
colly
88
4.9k
4 Signs Your Business is Dying
shpigford
185
22k
Building Flexible Design Systems
yeseniaperezcruz
329
39k
The Cost Of JavaScript in 2023
addyosmani
55
9.1k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
31
2.7k
Raft: Consensus for Rubyists
vanstee
140
7.2k
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.