Prototyping for Mobile

F57e2136eb9895eb95ff5dc8a1c02677?s=47 Todd Zaki Warfel
August 24, 2013
Design
4
280

Prototyping for Mobile

Slides from #prototypecamp

F57e2136eb9895eb95ff5dc8a1c02677?s=128

Todd Zaki Warfel

August 24, 2013
Tweet

More Decks by Todd Zaki Warfel

See All by Todd Zaki Warfel
F57e2136eb9895eb95ff5dc8a1c02677?s=48 zakiwarfel
1
82
F57e2136eb9895eb95ff5dc8a1c02677?s=48 zakiwarfel
3
300
F57e2136eb9895eb95ff5dc8a1c02677?s=48 zakiwarfel
1
140
F57e2136eb9895eb95ff5dc8a1c02677?s=48 zakiwarfel
0
95
F57e2136eb9895eb95ff5dc8a1c02677?s=48 zakiwarfel
3
100
F57e2136eb9895eb95ff5dc8a1c02677?s=48 zakiwarfel
3
120
F57e2136eb9895eb95ff5dc8a1c02677?s=48 zakiwarfel
5
810
F57e2136eb9895eb95ff5dc8a1c02677?s=48 zakiwarfel
9
570
F57e2136eb9895eb95ff5dc8a1c02677?s=48 zakiwarfel
87
3.2k

Other Decks in Design

See All in Design
981ed7f53e9d180eebe70263745410d5?s=48 sekisatoko
0
2.2k
Cf3645811bcc4a1996c8915b3de9f950?s=48 masakioka
2
200
5bbcb4bd0ee08d725339ac48ba50b6d9?s=48 tyoys00
0
160
0e557ffd26105887d41ada5a5f58cad1?s=48 minamitary
1
160
762ca74cf30c36f2b8deeb22e9e86a03?s=48 ncdc
0
110
F383c6a4dc55e331bbe2987b622cee6b?s=48 stephaniewalter
1
17k
E195ae45320d9202eaa01c9f1d31a416?s=48 marktimemedia
5
140
04220a462f57cb4551c9659e94c71354?s=48 kwzr
4
210
Ed8d0bfdd4badbac64cefb21a5c7ae88?s=48 allenzhangart
0
120
0eb7b7e396243e93a186ba20649d9aa6?s=48 akiramotomura
2
120
Df24915d508e0f89ea1868c1b9819443?s=48 masashiokawa
0
120
82414e7232f1483734d998f5c2e4f346?s=48 misaaa09
0
810

Featured

See All Featured
44b54d2ffcb7857004071cc6795dde11?s=48 cassininazir
345
20k
E6c6e133e74c3b83f04d2861deaa1c20?s=48 searls
202
35k
245cee81a9c424266e5e401d844ea881?s=48 lara
589
60k
48c098b6579220a67a6ba949be6e4b5a?s=48 revolveconf
195
9.5k
15f2b8221f247985a27a627d2ece72f0?s=48 pauljervisheath
193
15k
6bb82b13cda86d3b821fa44100335ddf?s=48 thoeni
3
340
5b6a2bd86ef643786a381a212e0ef2f1?s=48 geoffreycrofte
11
250
2bb923c57a1fdc3a2eb484bb8d565fd2?s=48 ufuk
55
5.2k
96270e4c3e5e9806cf7245475c00b275?s=48 addyosmani
1348
190k
F716e5f737fcfb03f2cf8d1a184f1dbe?s=48 nonsquared
78
3.2k
B3ace07412a5178ea778e7eec161fc0a?s=48 jcasabona
7
420
61857dafbd287b3027c4dcea9008ad3c?s=48 carmenhchung
18
910

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