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

Prototyping for Mobile

Prototyping for Mobile

Slides from #prototypecamp

Todd Zaki Warfel

August 24, 2013
Tweet

More Decks by Todd Zaki Warfel

Other Decks in Design

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