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
390
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
130
Body Language and You
purirohan
5
300
Other Decks in Design
See All in Design
Wolf and the seven goatkids
_limex_
PRO
0
420
Portfolio 2023.07.28
helemarudesu
0
570
リリース1ヶ月後で機能をなくした話
hinofu
1
690
業務システムのUX/UI設計ノウハウを解説。デザイナー不在で失敗しないために身につけるべき基本とは?
ncdc
2
260
The Fight
euralisw
0
110
Sociotechnical design for software and human systems
xinyao
2
480
デザイン組織の一人目マネージャーが啜る泥水と美味しいビールに向けてTRYすること
ryoya_frst
0
180
UIをもたらすコンテクストの考察
securecat
9
2.5k
コラボレーションを小さくはじめ、大きく広める - 相互理解のためのデザイン&開発交流会, Friends of Figma Tokyo by Yasuhiro Yokota
yasuhiroyokota
2
1.2k
231206_Book-launch-event_kato
hjmkth
2
1.2k
1人歩きする営業資料作成
yutoshukuya
0
140
スタートアップ創業時の CXOのお仕事
tsuyoshika
0
1.5k
Featured
See All Featured
Embracing the Ebb and Flow
colly
79
4.1k
StorybookのUI Testing Handbookを読んだ
zakiyama
11
4.6k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
60
14k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
39
4.4k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
29
6k
Typedesign – Prime Four
hannesfritz
36
2.1k
The Language of Interfaces
destraynor
151
23k
Optimising Largest Contentful Paint
csswizardry
7
2.3k
Java REST API Framework Comparison - PWX 2021
mraible
PRO
18
6.9k
Writing Fast Ruby
sferik
620
60k
How STYLIGHT went responsive
nonsquared
92
4.8k
Facilitating Awesome Meetings
lara
41
5.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.