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
7
420

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

Other Decks in Design

See All in Design
組織で取り組むアクセシビリティのはじめ方
Avatar for cawpea masakiohsumi
0
180
FigmaのFigmaファイルから学ぶTips & Tricks
Avatar for Hiroki Tani hilokifigma
0
660
デザインシステムの「種」を使って、受託開発を加速させる
Avatar for akane akane___ui
0
11k
エンジニアでも捗る デザイナー的思考入門
Avatar for Tsubasa SEKIGUCHI tinykitten
1
1.2k
AI時代に、僕たちデザイナーはどう歩むか
Avatar for kim kazuhirokimura
0
370
Them Middle School Kids Pitch
Avatar for Steven Vargas stevie_vee
0
140
教育分野に強いUIデザイナー / 山口哲弘ポートフォリオ
Avatar for 山口哲弘 t2yamaguchi429
0
730
「UXとUIの違い」v2
Avatar for Shirasu3 shirasu3
0
230
ランドマークが光る！季節を彩るナビ体験 - Mobility Night #3 -
Avatar for tetsuya kitauji kitau
0
120
BPStudy#213〜ビジネスアナリシスとDDD（ドメイン駆動設計）パネルディスカッション資料 / BPStudy213-panel
Avatar for haru860 haru860
0
480
地理院地図をもっと楽しく！れきちず新機能のご紹介
Avatar for Hajime Kato hjmkth
1
130
【30人中30人が3ヶ月平均180万収入アップ】マズロー安達の弟子、成功事例集
Avatar for マズロー安達 maslow_akkun
0
300

Featured

See All Featured
No one is an island. Learnings from fostering a developers community.
Avatar for Antonio thoeni
21
3.4k
Dealing with People You Can't Stand - Big Design 2015
Avatar for Cassini Nazir cassininazir
367
27k
Improving Core Web Vitals using Speculation Rules API
Avatar for Sergey Chernyshev sergeychernyshev
18
1.1k
Statistics for Hackers
Avatar for Jake VanderPlas jakevdp
799
220k
Typedesign – Prime Four
Avatar for Hannes Fritz hannesfritz
42
2.8k
Agile that works and the tools we love
Avatar for Rasmus Luckow-Nielsen rasmusluckow
330
21k
Raft: Consensus for Rubyists
Avatar for Patrick Van Stee vanstee
140
7.1k
The Language of Interfaces
Avatar for Des Traynor destraynor
161
25k
GraphQLの誤解/rethinking-graphql
Avatar for sonatard sonatard
72
11k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
Avatar for Chris Coyier chriscoyier
507
140k
Learning to Love Humans: Emotional Interface Design
Avatar for Aarron Walter aarron
273
40k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
Avatar for Irina Nazarova irinanazarova
8
920

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