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
110
2047741c55e56804e4d2ee28a072b78a?s=48 dbtalks
0
60
2047741c55e56804e4d2ee28a072b78a?s=48 dbtalks
0
210
2047741c55e56804e4d2ee28a072b78a?s=48 dbtalks
1
610
2047741c55e56804e4d2ee28a072b78a?s=48 dbtalks
1
120
2047741c55e56804e4d2ee28a072b78a?s=48 dbtalks
0
100
2047741c55e56804e4d2ee28a072b78a?s=48 dbtalks
0
71

Other Decks in Design

See All in Design
92151711459a4e3a191f791238f6259d?s=48 chiemitaki
2
540
Cf3645811bcc4a1996c8915b3de9f950?s=48 masakioka
3
280
78f5efc1e98c71e473cc7827de1c5db4?s=48 takanorip
0
420
2eb427d1e111bb201b94abc973dc63bd?s=48 seachangs
0
120
199edc6b1c79d9ff9a20f87dd1019545?s=48 erilin86
4
360
D5e3eb191ed8781efead75efbc6eff85?s=48 sooplove
1
220
E8357bc2fb46be7f584d4ec88eb23b0e?s=48 tallychyck
1
180
67b668dc2594d034dee8e25098ce6d37?s=48 juanluisbravo
0
280
8037cccadb02628e07c3c70fbfec60b3?s=48 mauricioangulo
0
260
362300e15ba385af5ad8275335120362?s=48 meecho
0
1.1k
Aed59b33d89eb2d4b5753b64e155ed4b?s=48 naphtalene
0
220
128d92bf74fbf395ac55960f19f92176?s=48 anamisanga
0
110

Featured

See All Featured
B3d6434763caa0ef5dc4b792662c49f7?s=48 smashingmag
228
17k
79acae287842acf29084005533a7fb3b?s=48 hursman
105
9.2k
465724d73fe3a92c0879fdfb43a3a6f3?s=48 philhawksworth
192
8.7k
Aebc2d07a50011e2a30d38435fde564a?s=48 jrom
114
7k
761be20b5ebd271008bcee1244fc5b52?s=48 matthewcrist
72
7.3k
1519587b1a0febb658c36c94f6272b0d?s=48 roundedbygravity
241
21k
C9b18d9dff88a9dd2393364c2b3b21bd?s=48 colly
186
14k
1b75d89772b7eea1f6c89fbf362607d9?s=48 moore
125
21k
64827b31aef81498662e8af4bd6d5157?s=48 jonrohan
1020
370k
7cbd3f5f922d798cc312eaf596de7ae6?s=48 iamctodd
13
1.7k
Fe6b81005d1553accd6b2a28f6a2bef1?s=48 phodgson
86
3.9k
E4f5d494ebdc9e7cce1aecf3ce3e8bc1?s=48 shpigford
166
19k

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