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.

Transcript

1. How to survive in a world without designers ? Christopher Maneu UI Engineer, Deezer.com @cmaneu – maneu.net
2. Big corporations, agencies, startups, indie developers… We all need more design !
3. design has evolved
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
5. http://gift.mercialfred.com/infographie-metiers-dechiffres http://dcurt.is/pixel-fitting
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
7. Idea Architecture UX Visual
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
9. Idea
10. Idea maneu.net/appkit
11. Architecture
12. Architecture User Story Mapping, Jeff Patton, O’Reilly
13. UX & Interaction
14. UX & Interaction
15. UX & Interaction
16. UX & Interaction
17. UX & Interaction
18. UX & Interaction
19. Visual design Basics Color palette, fonts, icons, layout, …
20. Visual design
21. High-Logic FontCreator 8.0 Professional
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, …
23. Visual design http://nerds.airbnb.com/inside-airbnb-ios-brand-evolution/
24. Visual design http://designmodo.github.io/Flat-UI/
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 • …
26. Carddesign
27. Carddesign
28. Carddesign
29. Carddesign
30. Carddesign
31. Carddesign
32. Carddesign https://www.google.com/events/io/schedule/session/e4c38010-6ebe-e311-b297-00155d5066d7
33. Carddesign Special cases « can’t be played »: • No play rights, • Not yet released, • Offline, not in cache, • Synced, but subscription expired, • …
35. A gagner aujourd’hui A moins que cela soit déjà fait :)
36. Thanks You should follow me on Twiter @cmaneu Download the slides on https://speakerdeck.com/cmaneu