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

How to survive in a world without designer ? @ Mobile Dev Days 2014

Christopher MANEU
November 23, 2014

How to survive in a world without designer ? @ Mobile Dev Days 2014

Whenever you're an indie developer or working for an established business, it’s hard to get enough designer time to get pixel-perfect design for all your app. In this session, we will see how we can use designer’s time more efficiently, with proper design process. We will also see how card-based design can help us adapt our design for a wide range of platforms and devices. No designers will be harmed before or during this session.

Christopher MANEU

November 23, 2014
Tweet

More Decks by Christopher MANEU

Other Decks in Design

Transcript

  1. How to survive in a world
    without designers ?
    Christopher Maneu
    UI Engineer, Deezer.com
    @cmaneu – maneu.net

    View Slide

  2. Big corporations, agencies, startups, indie developers…
    We all need
    more design !

    View Slide

  3. design has evolved

    View Slide

  4. When we say « design » we think
    Graphic design
    Visual design
    Information architecture
    Interaction design
    Typography design
    Game design
    Motion design
    Sound design
    User experience design
    (responsive) web design
    Industrial design

    View Slide

  5. http://gift.mercialfred.com/infographie-metiers-dechiffres
    http://dcurt.is/pixel-fitting

    View Slide

  6. Where the engineer can help
    Graphic design
    Visual design
    Information architecture
    Interaction design
    Typography design
    Game design
    Motion design
    Sound design
    User experience design
    (responsive) web design
    Industrial design

    View Slide

  7. Idea Architecture UX Visual

    View Slide

  8. Idea
    Tells you the best way home
    Google Maps > Citymapper
    Lets you nudge your friends
    Facebook Poke > Yo
    Shows you the best new apps
    Hacker News > Product hunt

    View Slide

  9. Idea

    View Slide

  10. Idea
    maneu.net/appkit

    View Slide

  11. Architecture

    View Slide

  12. Architecture
    User Story Mapping, Jeff Patton, O’Reilly

    View Slide

  13. UX & Interaction

    View Slide

  14. UX & Interaction

    View Slide

  15. UX & Interaction

    View Slide

  16. UX & Interaction

    View Slide

  17. UX & Interaction

    View Slide

  18. UX & Interaction

    View Slide

  19. Visual design
    Basics
    Color palette, fonts, icons, layout, …

    View Slide

  20. Visual design

    View Slide

  21. High-Logic
    FontCreator 8.0
    Professional

    View Slide

  22. Visual design
    Basics
    Color palette, fonts, icons, layout, …
    Features
    Screens, pages, dialogs, …
    Responsive
    Web/Mobile/tablet, Windows/Android/iOS, …
    Edge cases
    Didn’t pay, no network, no more disk space, …

    View Slide

  23. Visual design
    http://nerds.airbnb.com/inside-airbnb-ios-brand-evolution/

    View Slide

  24. Visual design
    http://designmodo.github.io/Flat-UI/

    View Slide

  25. Carddesign
    An album can be displayed
    • Home – recommended album, mobile,
    • Home – recommended album, tablet,
    • Library, mobile,
    • Library, tablet snap/portrait,
    • Library, tablet landscape,
    • Player, current item, mobile,
    • Player, current item, tablet snap/portrait,
    • Player, current item, tablet landscape
    • …

    View Slide

  26. Carddesign

    View Slide

  27. Carddesign

    View Slide

  28. Carddesign

    View Slide

  29. Carddesign

    View Slide

  30. Carddesign

    View Slide

  31. Carddesign

    View Slide

  32. Carddesign
    https://www.google.com/events/io/schedule/session/e4c38010-6ebe-e311-b297-00155d5066d7

    View Slide

  33. Carddesign
    Special cases « can’t be played »:
    • No play rights,
    • Not yet released,
    • Offline, not in cache,
    • Synced, but subscription expired,
    • …

    View Slide

  34. View Slide

  35. A gagner aujourd’hui
    A moins que cela soit déjà fait :)

    View Slide

  36. Thanks
    You should follow me on Twiter @cmaneu
    Download the slides on
    https://speakerdeck.com/cmaneu

    View Slide