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
500

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
300
Design Patterns & Systems
Avatar for Todd Zaki Warfel zakiwarfel
3
530
Paper Prototyping
Avatar for Todd Zaki Warfel zakiwarfel
1
430
GA Know Your Audience
Avatar for Todd Zaki Warfel zakiwarfel
0
280
GA UX Research Workshop
Avatar for Todd Zaki Warfel zakiwarfel
3
300
GA Hi-fi Design for Mobile Web
Avatar for Todd Zaki Warfel zakiwarfel
3
310
UXWeek Prototyping with HTML5
Avatar for Todd Zaki Warfel zakiwarfel
4
1.2k
Designing with HTML5, CSS3, and jQuery
Avatar for Todd Zaki Warfel zakiwarfel
8
790
Designing with Data
Avatar for Todd Zaki Warfel zakiwarfel
98
5.2k

Other Decks in Design

See All in Design
OSO2025-マサカリと太陽：伝え方の情報デザイン
Avatar for majimasachi majimasachi
0
750
大企業インハウスデザイン組織における DesignOps改革の現在地 / DesignOps at Scale: Navigating Transformation in Large Enterprises
Avatar for NTT docomo Business nttcom
0
440
CULTURE DECK／Creative Director
Avatar for M-HAND,Inc. mhand01
0
980
AIでデザインをつくる：基礎編
Avatar for 太田賢一 kenichiota0711
4
2.9k
爆速開発でAIプロダクトが40万インプレッションになった話
Avatar for つぶら tsubura
0
210
富山デザイン勉強会_デザイントレンド2026.pdf
Avatar for keita keita_yoshikawa
3
150
「自分の仕事はどこまで？」と問い続けたら。デザイナーの「視座」を考える
Avatar for Takeru Mukai mukai_takeru
0
330
文化のデザイン - Soft Impact of Design
Avatar for Atsushi Homma atsushihomma
0
170
AI時代、デザイナーの価値はどこに？
Avatar for Ryotaro Takahashi tararira
0
830
公開スライド）熊本市様-電子申請中級編
Avatar for @Garyuten garyuten
0
1.1k
root COMPANY DECK / We are hiring！
Avatar for 株式会社ルート root_recruit
2
27k
UI/UX & Web Design Portfolio 2025｜Madoka Kumagai
Avatar for Madoka madoka_portfolio
3
200

Featured

See All Featured
GraphQLの誤解/rethinking-graphql
Avatar for sonatard sonatard
75
11k
Marketing to machines
Avatar for Jono Alderson jonoalderson
1
5k
Impact Scores and Hybrid Strategies: The future of link building
Avatar for Tamara Novitovic tamaranovitovic
0
240
Bash Introduction
Avatar for André Augusto Costa Santos 62gerente
615
210k
Breaking role norms: Why Content Design is so much more than writing copy - Taylor Woolridge
Avatar for UX Y'all uxyall
0
220
Exploring the relationship between traditional SERPs and Gen AI search
Avatar for Ray Grieselhuber raygrieselhuber
PRO
2
3.7k
The State of eCommerce SEO: How to Win in Today's Products SERPs - #SEOweek
Avatar for Aleyda Solis aleyda
2
10k
Agile that works and the tools we love
Avatar for Rasmus Luckow-Nielsen rasmusluckow
331
21k
Tips & Tricks on How to Get Your First Job In Tech
Avatar for Honza Javorek honzajavorek
0
460
Un-Boring Meetings
Avatar for Sebastian Deterding codingconduct
0
240
The SEO identity crisis: Don't let AI make you average
Avatar for Varn varn
0
420
Rebuilding a faster, lazier Slack
Avatar for samanthasiow samanthasiow
85
9.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