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