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

Design for mobile

Avatar for D&B Talks D&B Talks
May 13, 2013
Design
420
7

Design for mobile

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

http://dbtalks.org/

Avatar for D&B Talks

D&B Talks

May 13, 2013

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
Avatar for D&B Talks dbtalks
0
190
Nouveau modèle d’agence par Luc Chaissac
Avatar for D&B Talks dbtalks
0
56
Design & Photographie, l'image comme élément de narration.
Avatar for D&B Talks dbtalks
0
140
Life of an illustrator
Avatar for D&B Talks dbtalks
0
100
Adrien Griveau : "Visual Design In-House"
Avatar for D&B Talks dbtalks
0
240
Sketch IRL
Avatar for D&B Talks dbtalks
1
710
Thinking Digital Typography
Avatar for D&B Talks dbtalks
1
200
Onboarding : Refonte & Optimisation pour Azendoo
Avatar for D&B Talks dbtalks
0
350
Designer avec le client
Avatar for D&B Talks dbtalks
0
96

Other Decks in Design

See All in Design
図面資産×AI 眠れる資産を起こす挑戦
Avatar for 青野正寛 aonomasahiro
0
230
「惜しいデザイン」 を生み出さないための AIレビューループ
Avatar for Kazuhiro Tobita 0b1tk
3
4.3k
クリエイティブディレクター 両角 高寛 の自己紹介
Avatar for GYRO両角 morogyro
0
120
JBUG大阪#9_登壇資料_引き継ぎで困らないためのBacklogWikiの整え方_ミスと属人化を防ぐために、 “次の人が動ける状態”をどう残すか
Avatar for Beeworks Marketing Design webnaut
2
250
Saving_the_King_-_Storyboard.pdf
Avatar for Terence Basart terencebasart
0
310
富山デザイン勉強会_プレゼンテーション.pdf
Avatar for keita keita_yoshikawa
0
140
Decksh keywords
Avatar for Anthony Starks ajstarks
0
120
明日から真似できる、AIでデザインシステムを活用する方法
Avatar for viviON vivion
0
360
組織で働く大人が「知らないままにやってみる」を取り戻す方法とその意味〜企業で働く実務家による実践知の言語化を事例とした考察〜
Avatar for ChiemiTaki chiemitaki
1
370
ボタンUIの冪等性の話をしたらVimmerに刺さっちゃった
Avatar for たと ottatto
3
1.8k
Debiasing Your Software Design Decision-Making @ Flowcon '26
Avatar for Kenny Baas-Schwegler baasie
1
170
I.A. como meio, não como fim. Como avaliar o valor entregue?
Avatar for Viviane Delvequio videlvequio
0
460

Featured

See All Featured
End of SEO as We Know It (SMX Advanced Version)
Avatar for Michael King ipullrank
3
4.4k
For a Future-Friendly Web
Avatar for Brad Frost brad_frost
183
10k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
Avatar for Vitaly Friedman smashingmag
254
22k
Optimizing for Happiness
Avatar for Tom Preston-Werner mojombo
378
71k
Agile Actions for Facilitating Distributed Teams - ADO2019
Avatar for Mark Kilby mkilby
0
270
Leveraging Curiosity to Care for An Aging Population
Avatar for Cassini Nazir cassininazir
1
490
Pawsitive SEO: Lessons from My Dog (and Many Mistakes) on Thriving as a Consultant in the Age of AI
Avatar for David Carrasco davidcarrasco
0
240
State of Search Keynote: SEO is Dead Long Live SEO
Avatar for Ryan Jones ryanjones
0
260
Practical Tips for Bootstrapping Information Extraction Pipelines
Avatar for Matthew Honnibal honnibal
25
2.1k
The agentic SEO stack - context over prompts
Avatar for schlessera schlessera
0
910
Designing Dashboards & Data Visualisations in Web Apps
Avatar for Des Traynor destraynor
232
55k
How to Talk to Developers About Accessibility
Avatar for Jason CranfordTeague jct
2
540

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