Prototyping for Mobile

Slides from #prototypecamp

Transcript

1. Prototyping
   for
   MOBILE
   zakiwarfel
   

   View Slide

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
   

   View Slide

3. Design Test
   @2x
   

   View Slide

4. Mobile isn’t just about shrinking the
   content. You have to think about things
   like context, bandwidth, and touch.
   

   View Slide

5. uxpin.com
   

   View Slide

6. View Slide

7. popapp.in
   

   View Slide

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

   View Slide

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

   View Slide

10. bohemiancoding.com/sketch/
    

    View Slide

11. View Slide

12. View Slide

13. View Slide

14. bjango.com/mac/skalapreview/
    

    View Slide

15. invisionapp.com
    

    View Slide

16. keynotopia.com
    

    View Slide

17. maker.github.io/ratchet/
    

    View Slide

18. sencha.com
    

    View Slide

19. codiqa.com
    

    View Slide

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

    View Slide

21. THANKS
    zakiwarfel
    

    View Slide