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

Other Decks in Design

See All in Design
58e26d5077f29dd01003a381569db9b0?s=48 kitamoon
0
100
40baebcd09b478d3e28b5ba81df2b525?s=48 tiagilles
0
170
F126c62320c208faf9abbeda8a6343dc?s=48 transit_kix
2
130
51a580302e2e8400827419adef05c659?s=48 waaakameeee
1
1.3k
B178bf6ab8dcf16d726d0a4479d0d6a2?s=48 jvmal
0
230
40baebcd09b478d3e28b5ba81df2b525?s=48 tiagilles
0
150
2481158a72219f42b701cf0fcef12971?s=48 rvillarreal
0
130
Aa6af9be6e75ea624bd188f7468f4f00?s=48 toshiharutakemoto
3
190
A1f12e862e83260e52dfd82a2b977741?s=48 crovellai
0
150
67b668dc2594d034dee8e25098ce6d37?s=48 juanluisbravo
0
200
2481158a72219f42b701cf0fcef12971?s=48 rvillarreal
0
120
2d25e12912ed16b70c1754dd10177d82?s=48 danpark001
0
2.9k

Featured

See All Featured
20bfe76b3d6105641f879fe45cfc9272?s=48 bkeepers
321
53k
5b9fe87ec1faa67a4599782930f45ec9?s=48 sstephenson
144
12k
D67fff74178013024d833b3eec6cf27f?s=48 lynnandtonic
270
16k
8081b26e05bb4354f7d65ffc34cbbd67?s=48 chriscoyier
684
180k
766b9746b59e6f09e280cd33cf4ed419?s=48 skipperchong
7
660
Aebc2d07a50011e2a30d38435fde564a?s=48 jrom
114
7.1k
1519587b1a0febb658c36c94f6272b0d?s=48 roundedbygravity
84
7.8k
A16eb159db895e3b01d3dc95767ad595?s=48 jonyablonski
14
1.1k
3d6ace9554821d552146413bcdf874f6?s=48 trishagee
20
2k
64827b31aef81498662e8af4bd6d5157?s=48 jonrohan
1021
380k
C157b16234f1e75e8eac3698c1d4414a?s=48 ddemaree
274
31k
56c4053438af8e8b90d6f53cbb7573be?s=48 jakevdp
774
200k

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