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

Design for mobile

2047741c55e56804e4d2ee28a072b78a?s=47 D&B Talks
May 13, 2013
Design
7
390

Design for mobile

Présentation de Luc Chaissac au second D&B Talk.

http://dbtalks.org/

2047741c55e56804e4d2ee28a072b78a?s=128

D&B Talks

May 13, 2013
Tweet

More Decks by D&B Talks

See All by D&B Talks
2047741c55e56804e4d2ee28a072b78a?s=48 dbtalks
0
150
2047741c55e56804e4d2ee28a072b78a?s=48 dbtalks
0
29
2047741c55e56804e4d2ee28a072b78a?s=48 dbtalks
0
110
2047741c55e56804e4d2ee28a072b78a?s=48 dbtalks
0
65
2047741c55e56804e4d2ee28a072b78a?s=48 dbtalks
0
210
2047741c55e56804e4d2ee28a072b78a?s=48 dbtalks
1
620
2047741c55e56804e4d2ee28a072b78a?s=48 dbtalks
1
120
2047741c55e56804e4d2ee28a072b78a?s=48 dbtalks
0
180
2047741c55e56804e4d2ee28a072b78a?s=48 dbtalks
0
74

Other Decks in Design

See All in Design
19792098704334ecd033483d68670645?s=48 reaandull
1
240
2016ba6b977a2e6691811fa66d5f4336?s=48 cyberagentdevelopers
PRO
0
540
3d895659a74acee6d37b3674f6f7b650?s=48 heewon
0
140
0f9840a3c048e0f0adc2f9411bca91dd?s=48 kawasy
5
910
A8cc43c01d74d9e6c05542c3fddf9204?s=48 agirlwithapen
0
120
46d1b2c70b5415d9ba8d4456e8760b83?s=48 danielvdr
0
110
Fd8de099747a39a16c7c0b0b43656285?s=48 lailiuki
0
380
C017f3b100cbaa3127ac95d9544c70d9?s=48 maxsbow
0
160
4658e84352d90a710786e7dcc88788bd?s=48 baku89
0
470
4bdbe4411c15f54a01945416f77b6c62?s=48 costanza_d
0
210
Bdd9e989b8078ae14ea9abd4d4d81a83?s=48 blakedg95
1
180
5968fa9a81cf1cf77a919996b8ed1bc9?s=48 pandemonay
0
150

Featured

See All Featured
016edace78ffe826f2348d1e0c504afd?s=48 maggiecrowley
15
770
15f2b8221f247985a27a627d2ece72f0?s=48 pauljervisheath
195
16k
E190023b66e2b8aa73a842b106920c93?s=48 zenorocha
300
40k
766b9746b59e6f09e280cd33cf4ed419?s=48 skipperchong
13
920
3d4519fd34b76fb265fc0237f3792bd4?s=48 danielanewman
207
20k
95d9f37115fbb0d13135d0f77132f856?s=48 morganepeng
97
15k
Fe6b81005d1553accd6b2a28f6a2bef1?s=48 phodgson
92
4.1k
3ab1249be442027903e1180025340b3f?s=48 reverentgeek
170
7.5k
7edec06b5435e0dac07a353b2cc26253?s=48 geeforr
334
29k
B47b288784fda77a94aeb234ca743c24?s=48 keavy
110
15k
170b760e0147792d0140e59ec78e9893?s=48 eitanlees
118
10k
6bb82b13cda86d3b821fa44100335ddf?s=48 thoeni
6
780

Transcript

  1. DESIGN FOR MOBILE D&B Talks #2

  2. Luc Chaissac 24 • DA • lucchaissac.com • @lucchaissac

  3. Pourquoi le mobile ?

  4. de smartphones en France proximamobile.fr 19M © Bluroon

  5. d’utilisation quotidienne thinkwithgoogle.com 57%

  6. recherchent quotidiennement thinkwithgoogle.com 49%

  7. Contexte

  8. Microtasking

  9. Local

  10. Je m’ennuie

  11. Mobile vs Desktop

  12. 1024x768 320x480

  13. 1024x768 320x480

  14. Focus

  15. Flickr Desktop

  16. Flickr Mobile

  17. Kayak Desktop

  18. Kayak Mobile

  19. Responsive

  20. Responsive

  21. Responsive

  22. Responsive

  23. I Don't Want Your Fucking App idontwantyourfuckingapp.tumblr.com

  24. “In iPhone apps, the main function should be immediately apparent.

    Minimize the number of controls from which users have to choose.” Apple’s iPhone Interface Guidelines

  25. Google Maps

  26. Google Maps

  27. Google Maps

  28. Google Maps

  29. Google Maps

  30. Google Maps

  31. Mailbox

  32. Mailbox

  33. Mailbox

  34. Keep it simple

  35. Ergonomique

  36. © @maxvoltar

  37. None
  38. None
  39. None

  40. 44px 44px 44px

  41. 44px 44px 44px

  42. Workflow

  43. Wireframe

  44. None

  45. Ratchet maker.github.com/ratchet

  46. UXPin uxpin.com

  47. Brief giveabrief.com

  48. Densités teehanlax.com/blog/density-converter

  49. Density Converter bit.ly/denconverter

  50. Slicy

  51. Slicy

  52. Liveview itunes.apple.com/fr/app/liveview/id301069270?mt=8

  53. None

  54. macrabbit.com/slicy

  55. Frontify frontify.com

  56. Frontify frontify.com

  57. Native vs Web

  58. • Store • Fonctionnalités de l’OS • Expérience utilisateur Native

  59. • Multi-plateforme • Mise à jour • Coût de dev

    Web

  60. • Keep it simple • Contexte • Finger-friendly design •

    Conditions réelles

  61. DPK

  62. DPK

  63. Next ?

  64. MERCI