Design for mobile

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

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
140
2047741c55e56804e4d2ee28a072b78a?s=48 dbtalks
0
28
2047741c55e56804e4d2ee28a072b78a?s=48 dbtalks
0
100
2047741c55e56804e4d2ee28a072b78a?s=48 dbtalks
0
60
2047741c55e56804e4d2ee28a072b78a?s=48 dbtalks
0
200
2047741c55e56804e4d2ee28a072b78a?s=48 dbtalks
1
610
2047741c55e56804e4d2ee28a072b78a?s=48 dbtalks
1
120
2047741c55e56804e4d2ee28a072b78a?s=48 dbtalks
0
98
2047741c55e56804e4d2ee28a072b78a?s=48 dbtalks
0
70

Other Decks in Design

See All in Design
943de1602aad3d297dbe74de4890b886?s=48 mrmiguelart
0
160
99de77666ff40dbf0988652899cc92ef?s=48 kamihira
1
840
64a052fdeb28810747dafd0905b205a6?s=48 mkc
0
650
Ed8d0bfdd4badbac64cefb21a5c7ae88?s=48 allenzhangart
0
160
32b869eccead66531b4749ea9f146aed?s=48 yuinamiki
0
440
F383c6a4dc55e331bbe2987b622cee6b?s=48 stephaniewalter
1
22k
8b8d433ca23ddb6d5c1949e121b57383?s=48 karte
1
320
5bbcb4bd0ee08d725339ac48ba50b6d9?s=48 tyoys00
0
170
16bd45a651536942b63434b59bf3415e?s=48 elevenlines
23
9.1k
9cb8f605e3ccad1e867dad2b0b32314f?s=48 brett58
1
130
Eaff30126722754cd5aaba88df528251?s=48 retrotale
2
490
A7fb174034b2280a3122489125ad5473?s=48 garoogie
0
150

Featured

See All Featured
016edace78ffe826f2348d1e0c504afd?s=48 maggiecrowley
5
260
7c8469ee8c9e594c65c59b919626c08d?s=48 scottboms
250
11k
465724d73fe3a92c0879fdfb43a3a6f3?s=48 philhawksworth
190
8.7k
Aff5641764408271f7bc398f2097edd0?s=48 denniskardys
219
110k
B3d6434763caa0ef5dc4b792662c49f7?s=48 smashingmag
228
17k
Eb8975af8e49e19e3dd6b6b84a542e26?s=48 qrush
282
18k
E43f8dfd01057f8304f5f8fb9a294d7d?s=48 jeffersonlam
325
14k
3d4519fd34b76fb265fc0237f3792bd4?s=48 danielanewman
1
320
E190023b66e2b8aa73a842b106920c93?s=48 zenorocha
296
39k
C620790ae5bf5b50c245b2e0ef95f338?s=48 deanohume
294
27k
Aebc2d07a50011e2a30d38435fde564a?s=48 jrom
113
7k
0c6fd6a08d0f898159cda7cafcacf07f?s=48 afnizarnur
175
14k

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