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
400
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
20250129_DAST28_実空間にデジタル資源の接点をデザインする
majimasachi
0
160
【pmconf2024】ユーザーになりきる「コスプレUX」で リサーチ解像度を上げる
kamechi7222222
1
8.2k
なぜ今必要?Figma×SmartHR×DMM.com×一休 エンジニア視点で考えるデザインシステム
hilokifigma
0
530
1年目のクリエイターがつくりあげた!採用冊子CANVAS制作の裏側 / creator-canvas
cyberagentdevelopers
PRO
1
490
デザイナーのマネジメント職、 身構えずにやっていこう
fumink7
0
750
東急URBAN HACKSのデザイナーって何やってるの? 〜Designer Night #1〜 組織横断のデザインの 取り組みについて
sig
1
260
Карта реализации историй — убийца USM
ashapiro
0
330
AIと創る広告の未来 ― タップルと極AIお台場スタジオの最新事例― / ai-tapple-odaiba
cyberagentdevelopers
PRO
1
640
最速[要出典]アクセシビリティチェック
magi1125
2
180
利用者が離れないUX/UIデザイン 長く使われる業務アプリデザインのポイント
ncdc
5
390
Masked shaman-Storyboard 2025
ashley0521
0
120
2024/11/25 ReDesigner Online Meetup 会社紹介
cybozuinsideout
PRO
0
350
Featured
See All Featured
GitHub's CSS Performance
jonrohan
1030
460k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
365
25k
Large-scale JavaScript Application Architecture
addyosmani
510
110k
A better future with KSS
kneath
238
17k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
30
2.1k
Agile that works and the tools we love
rasmusluckow
328
21k
The World Runs on Bad Software
bkeepers
PRO
67
11k
Reflections from 52 weeks, 52 projects
jeffersonlam
348
20k
Why Our Code Smells
bkeepers
PRO
335
57k
[RailsConf 2023] Rails as a piece of cake
palkan
53
5.2k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
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.