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

Prototyping for Mobile

Avatar for Todd Zaki Warfel Todd Zaki Warfel
August 24, 2013
Design
4
480

Prototyping for Mobile

Slides from #prototypecamp
Avatar for Todd Zaki Warfel

Todd Zaki Warfel

August 24, 2013
Tweet

More Decks by Todd Zaki Warfel

See All by Todd Zaki Warfel
Make Mentor Learn
Avatar for Todd Zaki Warfel zakiwarfel
1
290
Design Patterns & Systems
Avatar for Todd Zaki Warfel zakiwarfel
3
520
Paper Prototyping
Avatar for Todd Zaki Warfel zakiwarfel
1
400
GA Know Your Audience
Avatar for Todd Zaki Warfel zakiwarfel
0
260
GA UX Research Workshop
Avatar for Todd Zaki Warfel zakiwarfel
3
280
GA Hi-fi Design for Mobile Web
Avatar for Todd Zaki Warfel zakiwarfel
3
300
UXWeek Prototyping with HTML5
Avatar for Todd Zaki Warfel zakiwarfel
4
1.1k
Designing with HTML5, CSS3, and jQuery
Avatar for Todd Zaki Warfel zakiwarfel
8
770
Designing with Data
Avatar for Todd Zaki Warfel zakiwarfel
98
5.2k

Other Decks in Design

See All in Design
DC Style Redesign
Avatar for Brynn McDucky P. mcduckyart
0
100
Haley's adventure chase
Avatar for Ivette Molina ivettetwin
0
160
共通言語としてのデザイントークンと Figmaでの運用
Avatar for Yuki Kamahori kamy0042
0
350
Echoes Boomerang
Avatar for Cloud Yu artcloudyu
PRO
0
190
株式会社ログラス - 会社説明資料【デザイナー】/ Loglass Designer
Avatar for 株式会社ログラス loglass2019
0
270
Marp + TailWind CSS でスライドをきれいにする
Avatar for maea2 maea2
0
150
線で考える画面構成
Avatar for natsuume natsuume
1
850
デザイナーとPMの両ロール_３つのポイント
Avatar for toy toy1618
1
290
プロダクトデザインの「守破離」の「破」について
Avatar for HAYASHIRINE hayashirine
0
340
AIで加速するアクセシビリティのこれから
Avatar for Rikiya Ihara / magi magi1125
3
330
パンくずリストかわいい(breadcrumb so cute)
Avatar for Ysuda ysuda
0
250
セブンデックス カルチャーブック
Avatar for セブンデックス sevendex
1
12k

Featured

See All Featured
Fontdeck: Realign not Redesign
Avatar for Paul Robert Lloyd paulrobertlloyd
84
5.5k
BBQ
Avatar for Matthew Crist matthewcrist
88
9.6k
The World Runs on Bad Software
Avatar for Brandon Keepers bkeepers
PRO
68
11k
Sharpening the Axe: The Primacy of Toolmaking
Avatar for Bryan Cantrill bcantrill
41
2.3k
Scaling GitHub
Avatar for Zach Holman holman
459
140k
Practical Orchestrator
Avatar for Shlomi Noach shlominoach
187
11k
Mobile First: as difficult as doing things right
Avatar for Swwweet swwweet
223
9.6k
Building an army of robots
Avatar for Kyle Neath kneath
305
45k
The Psychology of Web Performance [Beyond Tellerrand 2023]
Avatar for Tammy Everts tammyeverts
47
2.8k
It's Worth the Effort
Avatar for 3n 3n
184
28k
Intergalactic Javascript Robots from Outer Space
Avatar for Vicent Martí tanoku
271
27k
Docker and Python
Avatar for Tania Allard trallard
44
3.4k

Transcript

  1. Prototyping for MOBILE zakiwarfel

  2. The web’s primary design principle is universality... it should be

    accessible from any kind of hardware that can connect to the internet: stationary or mobile, small screen or large. - Tim Berners-Lee

  3. Design Test @2x

  4. Mobile isn’t just about shrinking the content. You have to

    think about things like context, bandwidth, and touch.

  5. uxpin.com

  6. None

  7. popapp.in

  8. http://dribbble.com/shots/865767-iPhone-5-Grid

  9. http://dribbble.com/shots/1163274-Android-Design-Grid-Template-PSD-Large-800-x-1280-Vector

  10. bohemiancoding.com/sketch/

  11. None
  12. None
  13. None

  14. bjango.com/mac/skalapreview/

  15. invisionapp.com

  16. keynotopia.com

  17. maker.github.io/ratchet/

  18. sencha.com

  19. codiqa.com

  20. html.adobe.com/edge/inspect/

  21. THANKS zakiwarfel