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

Mobile UX - The Basics

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for Bert Timmermans Bert Timmermans
March 27, 2012
Design
790
11

Mobile UX - The Basics

Translating mobile ideas into interactive wireframes.

Avatar for Bert Timmermans

Bert Timmermans

March 27, 2012

More Decks by Bert Timmermans

See All by Bert Timmermans
Build your own Dashboard
Avatar for Bert Timmermans berttimmermans
0
290
Your own Minecraft, 
thanks to three.js!
Avatar for Bert Timmermans berttimmermans
1
880
Gotta code them all, a Pokémon and HTML5 love story!
Avatar for Bert Timmermans berttimmermans
3
450

Other Decks in Design

See All in Design
「ツール」から「パートナー」へ。AI伴走時代のUXデザインとは？～操作を減らし、成果を最大にするための設計～
Avatar for NCDC ncdc
1
580
「余白」と「欲望」を味方につける ——AI時代のデザインエンジニアリングと「越境」の作法 #KNOTS2026
Avatar for koyaman koyaman
1
1.8k
新卒2年目デザイナーが、UX検定基礎にチャレンジした話
Avatar for ぽん designer_no_pon
1
1.4k
プロダクトデザイナーに学ぶ、『見る気が起きる』ダッシュボードの作り方 / Creating Engaging Dashboards: Lessons from Product Designers
Avatar for yamamoto-yuta yamamotoyuta
2
750
Figma MCPを活用するためのデザインハンドブック
Avatar for viviON vivion
7
16k
AIスライドデザインを生成する仕組みを社内共有する
Avatar for 太田賢一 kenichiota0711
7
5.3k
20260215独立行政法人科学技術振興機構(JST) 社会技術研究開発センター(RISTEX)ケアが根づく社会システム _公開シンポジウム
Avatar for Kimura Atsunobu a2k
1
150
デザイナーが主導権を握る、AI協業の本音と実践
Avatar for satosio satosio
7
3.2k
全員がアウトプットを出せる時代、 誰を採用する?
Avatar for NishaMe nishame
0
490
Diverse Design Team Deck
Avatar for Diverse diverse
0
1.3k
チームをデザイン対象にする / Design for your team
Avatar for 株式会社カミナシ kaminashi
1
1.1k
新規AIプロダクトで、事前に知るべきだった3つの壁 〜医療AIを1年間作って、従来の開発が通用しなかった話〜 / Three Walls in Building AI Products
Avatar for Takuya Shikichi shikichee
2
4k

Featured

See All Featured
How GitHub (no longer) Works
Avatar for Zach Holman holman
316
150k
My Coaching Mixtape
Avatar for mlcsv mlcsv
0
97
Understanding Cognitive Biases in Performance Measurement
Avatar for Philip Tellis bluesmoon
32
2.8k
Self-Hosted WebAssembly Runtime for Runtime-Neutral Checkpoint/Restore in Edge–Cloud Continuum
Avatar for Yuki Nakata chikuwait chikuwait
0
470
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
Avatar for Dan Newman danielanewman
231
23k
The Spectacular Lies of Maps
Avatar for Per Axbom axbom
PRO
1
690
Have SEOs Ruined the Internet? - User Awareness of SEO in 2025
Avatar for Akash Hashmi akashhashmi
0
310
Unsuck your backbone
Avatar for Amy Palamountain ammeep
672
58k
Kristin Tynski - Automating Marketing Tasks With AI
Avatar for Tech SEO Connect techseoconnect
PRO
0
220
Leading Effective Engineering Teams in the AI Era
Avatar for Addy Osmani addyosmani
9
1.8k
DevOps and Value Stream Thinking: Enabling flow, efficiency and business value
Avatar for Helen Beal helenjbeal
1
160
Agile Actions for Facilitating Distributed Teams - ADO2019
Avatar for Mark Kilby mkilby
0
170

Transcript

  1. Mobile UX Push Pop Press !" b#$%&$

  2. Bert TImmermans App'%&#(%)* +"$%,*"r

  3. None
  4. None

  5. Mobile !" b#$%&$ UX Push Pop Press

  6. MObileUX ?

  7. None

  8. 02 03 01 Research Wireframing TESTING

  9. 01 Research - T"$( #*+ +%$$"&( )(-"r #pp$ - R"#+

    (-" %*("rf#&" ,.%+"'%*"$ - B./ )r r"*( $)0" b))1$

  10. Nate Hofer http://developer.apple.com 01

  11. http://androidpatterns.com/ 01

  12. http://developer.android.com/design/ 01

  13. 01

  14. 02 03 01 Research Wireframing TESTING

  15. 01 Wireframing - M#1%*, (-%*,$ v%$.#''/ - L%*1 "v"r/(-%*, (),"(-"r

    - C-)2" /).r w"#p)* )f &-)%&"

  16. Tablet PHONE 01

  17. 01 EXAMPLE

  18. iOS AndrOID Windows Phone 7 ≠ ≠ 01

  19. iOS AndrOID Windows Phone 7 EXAMPLE 01

  20. 02 Bert Timmermans

  21. Keynote 02 - C-"#p - E#$/ () .$" - F'3%b'"

    - I*("r#&(%v" - E#$/ () $-#r"

  22. 02 03 01 Research Wireframing TESTING

  23. 03 Testing - M#1" %( %*("r#&(%v" - C)*fr)*( *"w p")p'"

    w%(- %( - R"w)r1 %f *""+"+

  24. S.00#r/ 01 Research 02 Wireframing 03 TESTING

  25. !" E*+ QUestion?