Upgrade to Pro — share decks privately, control downloads, hide ads and more …

50 Tips for UI

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for andre andre
September 03, 2014
Design
1
150

50 Tips for UI

All Good suggestions are from http://www.goodui.org.

It's a short and study sharing for internal use.

Avatar for andre

andre

September 03, 2014
Tweet

More Decks by andre

See All by andre
Booking.com Hackathon Taipei 2017
Avatar for andre andre
0
200
Auto I18N (Internationalization) Process
Avatar for andre andre
0
77
Write Securer Code
Avatar for andre andre
0
71
iPatrol
Avatar for andre andre
0
64
Hello SDN
Avatar for andre andre
0
130
koa introduction (Node.js Web Framework)
Avatar for andre andre
3
400
RxJS (The Reactive Extensions for JavaScript ) Introduction
Avatar for andre andre
4
380
JSDC 2014 Taiwan Lightning Talk: TBD
Avatar for andre andre
0
140
From Facebook Graph API 1.0 to 2.1
Avatar for andre andre
0
250

Other Decks in Design

See All in Design
見過ごさない誠実さ_アクティブバイスタンダーとIntegrityが支えるアジャイル文化 / integrity-and-active-bystander
Avatar for Aki spring_aki
1
290
Figmaレクチャー会Part1 基本のき編＠千株式会社 社内勉強会
Avatar for ぽん designer_no_pon
1
210
【pmconf2025】PdMの頭の中を見える化する体験構造図
Avatar for Shigeyuki Kameda kamechi7222222
1
1.9k
Crisp Code inc.｜ブランドガイドライン - Brand guidelines
Avatar for So Kotani / Crisp Code inc. CEO so_kotani
1
300
Shaolin_Showdown
Avatar for Sol Metts solmetts
0
280
ChatGPT、Gemini、Claude は、なぜ似たようなUIを採用しているのか？
Avatar for ふわり fuwarisprit
3
2.1k
公開スライド）熊本市様-電子申請中級編
Avatar for @Garyuten garyuten
0
780
UI/UX & Web Design Portfolio 2025｜Madoka Kumagai
Avatar for Madoka madoka_portfolio
2
110
TWCP#21 UXデザインと哲学のはなし
Avatar for MAMIYA Shinsuke shinn
0
260
DESIGNEAST 2025 A-3
Avatar for Shigeru Kobayashi _kotobuki_
0
130
AI業務アプリケーションの体験デザイン
Avatar for kim kazuhirokimura
0
250
Figmaレクチャー会Part2 もっと使いこなす編＠千株式会社 社内勉強会
Avatar for ぽん designer_no_pon
0
210

Featured

See All Featured
Scaling GitHub
Avatar for Zach Holman holman
464
140k
Dominate Local Search Results - an insider guide to GBP, reviews, and Local SEO
Avatar for Greg Gifford greggifford
PRO
0
61
jQuery: Nuts, Bolts and Bling
Avatar for Doug Neiner dougneiner
65
8.4k
Ecommerce SEO: The Keys for Success Now & Beyond - #SERPConf2024
Avatar for Aleyda Solis aleyda
1
1.8k
GraphQLの誤解/rethinking-graphql
Avatar for sonatard sonatard
74
11k
Lightning talk: Run Django tests with GitHub Actions
Avatar for Sarah Abderemane sabderemane
0
110
Have SEOs Ruined the Internet? - User Awareness of SEO in 2025
Avatar for Akash Hashmi akashhashmi
0
270
Designing Dashboards & Data Visualisations in Web Apps
Avatar for Des Traynor destraynor
231
54k
The Art of Programming - Codeland 2020
Avatar for Erika Heidi erikaheidi
57
14k
XXLCSS - How to scale CSS and keep your sanity
Avatar for Zaharenia Atzitzikaki sugarenia
249
1.3M
世界の人気アプリ100個を分析して見えたペイウォール設計の心得
Avatar for Akihiro Kokubo akihiro_kokubo
PRO
66
36k
Lightning Talk: Beautiful Slides for Beginners
Avatar for Ines Montani inesmontani
PRO
1
430

Transcript

  1. 50 Tips for UI Andre Lee

  2. DO NOT Make YOUR UI Like This Slide THE END

  3. www.GoodUI.org All Good Suggestions are from

  4. 01 A One Column Layout

  5. 02 Giving a Gift

  6. 03 Merging Similar Functions

  7. 04 Social Proof

  8. 05 Repeating Your Primary Action

  9. 06 Distinct Clickable/Selected Styles

  10. 07 Recommending

  11. 08 Undos

  12. 09 Telling Who It's For

  13. 10 Being Direct

  14. 11 More Contrast

  15. 12 Showing Where It's Made

  16. 13 Fewer Form Fields

  17. 14 Exposing Options

  18. 15 Suggesting Continuity

  19. 16 Keeping Focus

  20. 17 Showing State

  21. 18 Benefit Buttons

  22. 19 Direct Manipulation

  23. 20 Exposing Fields

  24. 21 Transitions

  25. 22 Gradual Engagement

  26. 23 Fewer Borders

  27. 24 Selling Benefits

  28. 25 Designing For Zero Data

  29. 26 Opt-Out

  30. 27 Consistency

  31. 28 Smart Defaults

  32. 29 Conventions

  33. 30 Loss Aversion

  34. Thank you! THE END

  35. 50 Tips?

  36. www.GoodUI.org All Good Suggestions are from