Epitech Talk - How to survive in a world without designers ?

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. 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 Epitech Paris – 19/11/2015
2. It’s hard to assemble a great design team It’s hard to let them work where they shine I’m a developer, so why do I care?
3. How to create Apps at scale ? Services Experiences
4. Idea Architecture UX Visual
5. 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 https://medium.com/on-coding/the-formula-for-creating-the-next-killer-app-bad2c9d88449
6. Idea http://insideintercom.io/design-futures-1-creating-systems-not-products/
8. Idea–App Concept Canvas 5 Simple Questions • What will your app do ? • Who is your app for ? • Where and when will your app be used ? • What kind of content will be displayed ? • How does your app fit in ?
10. Youruser journey User Story Mapping, Jeff Patton
11. Othersusefultoolsfor ideation Gamestorming, Dave Gray, Sunni Brown, James Macanufo • Subject-verbs-objects • 5 Whys • Card Sort • Empathy Map • Anti-Problem • Feature Poker – 100$ test • …
12. Architecture
13. Architecture
14. Architecture –A Common language http://www.microsoft.com/Language/en-US/Terminology.aspx
15. UX & Interaction
16. UX & Interaction
17. UX & Interaction Balsamiq mockups
18. UX & Interaction
19. UX & Interaction
20. UX & Interaction
21. UX & Interaction
22. UX & Interaction
23. Prototyping
24. User testing http://peek.usertesting.com/
25. User testing http://peek.usertesting.com/
26. Visual design http://nerds.airbnb.com/inside-airbnb-ios-brand-evolution/
27. Visual design http://bradfrost.com/blog/post/atomic-web-design/ http://blog.invisionapp.com/atomic-design-principles/
28. Visual design Basics Color palette, fonts, icons, layout, …
29. Visual design
30. Visual design
31. High-Logic FontCreator 8.0 Professional
32. Visual design Basics Color palette, fonts, icons, layout, … Features Screens, pages, dialogs, …
33. Visual design
34. Visual design Basics Color palette, fonts, icons, layout, … Features Screens, pages, dialogs, … Adaptive Design Web/Mobile/tablet, Windows/Android/iOS, Touch/Voice/Keyboard …
35. Adaptive design
36. Visual design Basics Color palette, fonts, icons, layout, … Features Screens, pages, dialogs, … Adaptive Design Web/Mobile/tablet, Windows/Android/iOS, Touch/Voice/Keyboard … Edge cases Didn’t pay, no network, no more disk space, …
37. http://scotthurff.com/
38. Idea Architecture UX Visual
40. Thanks You should follow me on Twiter @cmaneu Download the slides on https://speakerdeck.com/cmaneu