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
490

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
520
Paper Prototyping
Avatar for Todd Zaki Warfel zakiwarfel
1
410
GA Know Your Audience
Avatar for Todd Zaki Warfel zakiwarfel
0
270
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
780
Designing with Data
Avatar for Todd Zaki Warfel zakiwarfel
98
5.2k

Other Decks in Design

See All in Design
デザイナーがAIを使い倒して爆速プロダクト開発！社内ハッカソンでの取り組み紹介
Avatar for 都村　美帆 abokadotyann
8
2.5k
mount_company_profile
Avatar for mount inc. mount_inc
0
2.3k
アプリ360onWeb使い方と裏ワザ？紹介！
Avatar for ikejun360 ikejun360
0
320
Meet, Learn, Grow × AI ― コミュニティで加速するスキル循環 「コミュニティと関わり方」
Avatar for ため tame
0
280
「キャリア」のプロダクトをつくる私の「キャリア」への向き合い方 / JAM de NIGHT DESIGN SESSION Vol3
Avatar for Visional Engineering ＆ Design visional_engineering_and_design
1
760
Illustrator×Firefly 生成したイラストをベースにドット絵を作ってみよう！
Avatar for コネクリ connecre
1
140
第4回関東Kaggler会LT HCD-Net人間中心設計スペシャリストが語るNotebookメダルの取り方
Avatar for Isao utm529f
0
1.3k
組織で取り組むアクセシビリティのはじめ方
Avatar for cawpea masakiohsumi
0
190
AI時代に問われる、リサーチの感受性──地域⇄大企業の現場から見えた「違和感」との向き合い方
Avatar for Muture muture
PRO
0
130
大きな変化の中で、わたしが向き合ったこと #もがく中堅デザイナー
Avatar for 弁護士ドットコム bengo4com
1
1.3k
root COMPANY DECK / We are hiring！
Avatar for 株式会社ルート root_recruit
PRO
1
24k
株式会社ログラス - 会社説明資料【デザイナー】/ Loglass Designer
Avatar for 株式会社ログラス loglass2019
1
2.8k

Featured

See All Featured
GraphQLとの向き合い方2022年版
Avatar for Yosuke Kurami quramy
49
14k
Typedesign – Prime Four
Avatar for Hannes Fritz hannesfritz
42
2.8k
Context Engineering - Making Every Token Count
Avatar for Addy Osmani addyosmani
8
300
Making the Leap to Tech Lead
Avatar for Ryan Cromwell cromwellryan
135
9.6k
Code Reviewing Like a Champion
Avatar for maltzj maltzj
526
40k
A Tale of Four Properties
Avatar for Chris Coyier chriscoyier
161
23k
Git: the NoSQL Database
Avatar for Brandon Keepers bkeepers
PRO
431
66k
The Cult of Friendly URLs
Avatar for Andy Hume andyhume
79
6.6k
Art, The Web, and Tiny UX
Avatar for Lynn Fisher lynnandtonic
303
21k
Building a Scalable Design System with Sketch
Avatar for Laura Van Doore lauravandoore
463
33k
Leading Effective Engineering Teams in the AI Era
Avatar for Addy Osmani addyosmani
7
620
Faster Mobile Websites
Avatar for Dean Hume deanohume
310
31k

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