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
最速で価値を届けるUXリサーチ
degudegu2510
5
1.1k
生成AIのデザイン活用
asakohs
1
260
Les petites aventures de CSS, saison 2024
goetter
2
3.8k
アジャイル開発におけるFigmaAI新機能の活用
abokadotyann
1
140
Findy - デザイナー向け会社紹介 / Hiring Findy's Designers
findyinc
5
39k
スマートバンクのプロダクトデザイン
putchomsmartbank
6
2.3k
インターフェースのユーザビリティ概論および調査手法について
readymadegogo
0
160
デザインレビューをできていなかったコムデチームが、 自分たちが続けられるレビューの仕組みをつくった話
tanasho
0
730
Cхематизация процессов и пользовательского опыта с Картой процесса-опыта
ashapiro
0
240
拡大するマルチプロダクトSaaSの顧客理解にデザイン組織はどう取り組んでいるか / RAKUSTechCon2024_Design
rakus_dev
0
1.8k
Webフォント選定の極意!フォントの基本から最新トレンドまで徹底解説
takanorip
3
500
新しいemoji😄のアイデアをUnicodeが募集中‼️🏃♀️💨💨💨傾向を学んでみんな提案しよう💪
oguemon
2
580
Featured
See All Featured
Why Our Code Smells
bkeepers
PRO
334
56k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
28
8.9k
Documentation Writing (for coders)
carmenintech
65
4.3k
Speed Design
sergeychernyshev
22
430
ReactJS: Keep Simple. Everything can be a component!
pedronauck
663
120k
Clear Off the Table
cherdarchuk
91
320k
From Idea to $5000 a Month in 5 Months
shpigford
379
46k
A better future with KSS
kneath
235
17k
Automating Front-end Workflow
addyosmani
1365
200k
Web development in the modern age
philhawksworth
205
10k
5 minutes of I Can Smell Your CMS
philhawksworth
202
19k
How GitHub (no longer) Works
holman
310
140k
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.