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

UI ~ UX

Avatar for Andrew Smyk Andrew Smyk
January 11, 2012
Design
2
200

UI ~ UX

Mario themed presentation on UI and UX

Avatar for Andrew Smyk

Andrew Smyk

January 11, 2012
Tweet

More Decks by Andrew Smyk

See All by Andrew Smyk
Your UX is not My UX - FITC 2015
Avatar for Andrew Smyk andrewsmyk
2
92
Digital Kids on Branding, Privacy and Technology Bias
Avatar for Andrew Smyk andrewsmyk
0
35
Leveraging Mobile to Increase Student Engagement
Avatar for Andrew Smyk andrewsmyk
0
47
I was Promised mLearning (and Flying Cars)
Avatar for Andrew Smyk andrewsmyk
0
67

Other Decks in Design

See All in Design
数理的アプローチで挑むスマホUIのデザイン改善：タップ成功率推定ツール「Tappy」の社内活用事例 / Improving Smartphone UI Design with a Mathematical Approach: In-house Use Case of the Tap Success Rate Estimation Tool "Tappy"
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
1
890
Marpで推しCSSスライドを作ろう！ / marp-with-favorite-css
Avatar for ふじえもん fujiemon
0
700
Designing User Experience through Interaction Design
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
0
440
チームで事業価値を生み出す、プロアクティブなデザイナーになるための道のり/ Designship2025_Naya
Avatar for 株式会社ルート root_recruit
PRO
0
250
「自分の仕事はどこまで？」と問い続けたら。デザイナーの「視座」を考える
Avatar for Takeru Mukai mukai_takeru
0
220
そのUIコンポーネント、これから先も使えますか？―Headless UI,Open UI,グローバルデザインシステム
Avatar for sakito sakito
2
2.1k
高卒公務員から Webデザイナーになるまで
Avatar for kinomi kinomidesign
0
120
ユーザー体験は細部に宿る -ウィジェットQAの挑戦と気づき- / UX is in the details: Challenges and Learnings from Widget QA
Avatar for 株式会社ビットキー / Bitkey Inc. bitkey
PRO
0
110
[2025.6.30 もがく中堅デザイナー、キャリアの分岐点] なんでもやる系デザイナーのもがきかた
Avatar for Takahiro Hayashi taka_piya
1
4.4k
Correspondence：共に生成していく過程
Avatar for Akira Motomura akiramotomura
0
120
プロダクトリニューアルと同時に進める初めてのデザインシステム
Avatar for PERSOL CAREER Dev | techtekt techtekt
PRO
0
160
ChatGPT、Gemini、Claude は、なぜ似たようなUIを採用しているのか？
Avatar for ふわり fuwarisprit
3
1.7k

Featured

See All Featured
Why You Should Never Use an ORM
Avatar for John Nunemaker jnunemaker
PRO
60
9.6k
Large-scale JavaScript Application Architecture
Avatar for Addy Osmani addyosmani
514
110k
Leading Effective Engineering Teams in the AI Era
Avatar for Addy Osmani addyosmani
8
710
The World Runs on Bad Software
Avatar for Brandon Keepers bkeepers
PRO
72
11k
The Web Performance Landscape in 2024 [PerfNow 2024]
Avatar for Tammy Everts tammyeverts
10
900
Building Better People: How to give real-time feedback that sticks.
Avatar for Will Jessup wjessup
370
20k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
Avatar for soudai sone soudai
PRO
192
56k
The Psychology of Web Performance [Beyond Tellerrand 2023]
Avatar for Tammy Everts tammyeverts
49
3.2k
10 Git Anti Patterns You Should be Aware of
Avatar for Lemi Orhan Ergin lemiorhan
PRO
658
61k
Context Engineering - Making Every Token Count
Avatar for Addy Osmani addyosmani
8
330
jQuery: Nuts, Bolts and Bling
Avatar for Doug Neiner dougneiner
65
7.9k
It's Worth the Effort
Avatar for 3n 3n
187
28k

Transcript

  1. UI ~ UX

  2. Print vs. Web

  3. 1 up

  4. Interaction ~ Interactive

  5. Explicit vs. Implicit Interaction

  6. 1 up

  7. User Interface - UI

  8. None
  9. None

  10. power up

  11. • Why will users use your application? • Are you

    providing everything your user needs? • Build the better application

  12. User Experience - UX

  13. None

  14. Strategy Design Development User Requirements UX

  15. Simplicity vs. Complexity

  16. None

  17. Simplicity vs. Complexity

  18. Content is the Goal

  19. None
  20. None

  21. power up

  22. Prototyping

  23. Prototyping Rinse – Lather - Repeat

  24. power up

  25. Know your user’s environment

  26. Learn to Adapt

  27. 1 up

  28. Collect Experience

  29. Lots of Experience

  30. 1 up

  31. Help users move toward their goals.

  32. Remove obstacles and friction points

  33. Main Take-away If you end up with what you started

    with, you’ve done it wrong.

  34. power up

  35. Questions? Twitter: @andrewsmyk Email: andrew [at] andrewsmyk[dot]com

  36. UI ~ UX