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
Quels choix stratégiques en matière d’UX et d’UI Design pour les grands projets architecturaux à but culturels ? Retour d'expérience avec le site de La Cité du Vin by Olivier Allevi
2047741c55e56804e4d2ee28a072b78a?s=48 dbtalks
0
150
Nouveau modèle d’agence par Luc Chaissac
2047741c55e56804e4d2ee28a072b78a?s=48 dbtalks
0
32
Design & Photographie, l'image comme élément de narration.
2047741c55e56804e4d2ee28a072b78a?s=48 dbtalks
0
110
Life of an illustrator
2047741c55e56804e4d2ee28a072b78a?s=48 dbtalks
0
70
Adrien Griveau : "Visual Design In-House"
2047741c55e56804e4d2ee28a072b78a?s=48 dbtalks
0
210
Sketch IRL
2047741c55e56804e4d2ee28a072b78a?s=48 dbtalks
1
620
Thinking Digital Typography
2047741c55e56804e4d2ee28a072b78a?s=48 dbtalks
1
140
Onboarding : Refonte & Optimisation pour Azendoo
2047741c55e56804e4d2ee28a072b78a?s=48 dbtalks
0
230
Designer avec le client
2047741c55e56804e4d2ee28a072b78a?s=48 dbtalks
0
76

Other Decks in Design

See All in Design
ANTIEK
966a7d3473313a57827602754b617993?s=48 8sided
PRO
1
130
My Yahoo Refresh Overview
Dc9d3d8370a9655046689bfb5a8c086d?s=48 xuechunwu
0
250
Untitled (Baseball)
3d895659a74acee6d37b3674f6f7b650?s=48 heewon
2
200
Bertha
4dd3c0167458259cfadf714fad734ee9?s=48 yvonnehsuanho
PRO
1
290
デザイン編 Hatena Engineer Seminar #19
7ee8ca88aa7f99cafd91a79f9734668c?s=48 takuwolog
2
600
Big Surからの四角いアイコン / Rounded Rectangle Icons since Big Sur
2174bd20a68bf55c494a424ad3790f4a?s=48 1024jp
2
140
COSOJI
5b00d9af8ebf80927291b9863cda8501?s=48 rsmile
1
7.1k
Similarities Between Building Construction and Software Design Systems
9347fe838093bda2909399174501f24a?s=48 shotakugawa_meijin
0
200
Réparons la ville !
C9b13030657cff75ef421db51c6f021c?s=48 sylvaingrisot
1
6k
Cat Beast
5c0e90ac5b3e37d84a9c5386c39db81e?s=48 hbosnian
1
240
なみなみかみっ
A7ef843f33014b2a8e11fd2b22e70684?s=48 naminamikami2021
1
230
STORES のデザインシステムのこれまでと現状
8875e86a57aad1f0f716374bcb6507c7?s=48 daitasu
0
730

Featured

See All Featured
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
E195ae45320d9202eaa01c9f1d31a416?s=48 marktimemedia
15
900
The Straight Up "How To Draw Better" Workshop
Aff5641764408271f7bc398f2097edd0?s=48 denniskardys
225
120k
Bootstrapping a Software Product
A9179349dd2bdc67f377719f56d85656?s=48 garrettdimon
294
110k
How To Stay Up To Date on Web Technology
8081b26e05bb4354f7d65ffc34cbbd67?s=48 chriscoyier
780
250k
Clear Off the Table
Ef32e0b1ac5082450dc8c1fca3a26b5c?s=48 cherdarchuk
79
280k
The Invisible Side of Design
B3d6434763caa0ef5dc4b792662c49f7?s=48 smashingmag
289
48k
WebSockets: Embracing the real-time Web
E76911cbe088e5b850d966de3fc7435b?s=48 robhawkes
57
5k
Building Applications with DynamoDB
39488f9d172ab92fd352f2cd7b73258d?s=48 mza
83
4.6k
Raft: Consensus for Rubyists
B6a8f005f39d23ffc930508ac9da68b9?s=48 vanstee
126
5.4k
The Invisible Customer
4262b9cfacfb6b2c77f23e1d0310cd3e?s=48 myddelton
110
11k
XXLCSS - How to scale CSS and keep your sanity
1b8ad785acdd1ce1c99914b1c2a4e10e?s=48 sugarenia
236
1M
Unsuck your backbone
B83d5b590577969ee79a5ad845411a7d?s=48 ammeep
659
55k

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