Upgrade to PRO for Only $50/Year—Limited-Time Offer! 🔥

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
93
Digital Kids on Branding, Privacy and Technology Bias
Avatar for Andrew Smyk andrewsmyk
0
36
Leveraging Mobile to Increase Student Engagement
Avatar for Andrew Smyk andrewsmyk
0
49
I was Promised mLearning (and Flying Cars)
Avatar for Andrew Smyk andrewsmyk
0
68

Other Decks in Design

See All in Design
Ana Cortes Visual Development Portfolio 2025
Avatar for Ana Belen Cortes Diaz haruanleb
0
140
OSO2025-マサカリと太陽：伝え方の情報デザイン
Avatar for majimasachi majimasachi
0
560
Portfolio 齋藤明敏 Hiroyuki Saito
Avatar for HIROYUKI SAITO crearedesign
0
130
Ralph Penel Portfolio
Avatar for ralphpenel ralphpenel
PRO
0
130
アンエシカルデザインの枠組みの提案 -HCD-Netダークパターン研究会活動報告-
Avatar for Yu Morita securecat
0
150
ドルちゃん
Avatar for ドルちゃん design_dolphins
0
500
kintone Style Book
Avatar for kintone kintone
5
7.6k
DESIGNEAST 2025 A-3
Avatar for Shigeru Kobayashi _kotobuki_
0
110
新しいデザインの難しさ（公開版） / Difficulties in the New Design (public ver.)
Avatar for usagimaru usagimaru
2
980
Portfolio 齋藤明敏 Hiroyuki Saito_守秘義務あり
Avatar for HIROYUKI SAITO crearedesign
0
370
プラットフォームに馴染むモバイルアプリデザイン / Mobile App UI Design Lunch LT
Avatar for Hiroki Nagasawa pixyzehn
0
110
mount_company_profile
Avatar for mount inc. mount_inc
0
3.8k

Featured

See All Featured
Imperfection Machines: The Place of Print at Facebook
Avatar for Scott Boms scottboms
269
13k
The World Runs on Bad Software
Avatar for Brandon Keepers bkeepers
PRO
72
12k
StorybookのUI Testing Handbookを読んだ
Avatar for Shingo Yamazaki zakiyama
31
6.4k
The Art of Programming - Codeland 2020
Avatar for Erika Heidi erikaheidi
56
14k
Site-Speed That Sticks
Avatar for Harry Roberts csswizardry
13
990
GraphQLの誤解/rethinking-graphql
Avatar for sonatard sonatard
73
11k
Designing Dashboards & Data Visualisations in Web Apps
Avatar for Des Traynor destraynor
231
54k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
Avatar for Marc Duiker marcduiker
35
2.3k
Designing for Performance
Avatar for Lara Hogan lara
610
69k
Making Projects Easy
Avatar for Brett Harned brettharned
120
6.5k
Rebuilding a faster, lazier Slack
Avatar for samanthasiow samanthasiow
84
9.3k
The MySQL Ecosystem @ GitHub 2015
Avatar for Sam Lambert samlambert
251
13k

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