Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

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
少人数チームで_使われるプロダクトにたどり着くための_デザインハーネス.pdf
Avatar for NishaMe nishame
1
1.5k
明日から真似できる、AIでデザインシステムを活用する方法
Avatar for viviON vivion
0
740
デザなに#1「問いのデザイン」の紹介LT
Avatar for @Garyuten garyuten
0
120
デザインハーネスをつくるハーネス｜誰でも自社らしいデザインをつくれるようにする仕組み
Avatar for Akari Katakai katakai
0
1.1k
Frontier
Avatar for Renny Wang rwang05
0
230
図面資産×AI 眠れる資産を起こす挑戦
Avatar for 青野正寛 aonomasahiro
0
260
富山デザイン勉強会_プレゼンテーション.pdf
Avatar for keita keita_yoshikawa
0
190
言幹と言葉（Stems & Leaves）
Avatar for 加来幸樹 SIGNCOSIGN kakukoki
0
230
Where Imagination Ends AI Begins
Avatar for R-524 r5ni4
0
430
設計の進め方と 品質特性品質特性
Avatar for harachan harakeishi
0
1.3k
怖くないアクセシビリティ -カウンターカルチャーとしてのアッカン東京-
Avatar for Yu Morita securecat
1
290
ボタンUIの冪等性の話をしたらVimmerに刺さっちゃった
Avatar for たと ottatto
3
1.9k

Featured

See All Featured
The Illustrated Guide to Node.js - THAT Conference 2024
Avatar for David Neal reverentgeek
1
550
Building Better People: How to give real-time feedback that sticks.
Avatar for Will Jessup wjessup
370
20k
Unlocking the hidden potential of vector embeddings in international SEO
Avatar for Frank van Dijk frankvandijk
0
960
Automating Front-end Workflow
Avatar for Addy Osmani addyosmani
1369
210k
Easily Structure & Communicate Ideas using Wireframe
Avatar for Afnizar Nur Ghifari afnizarnur
194
17k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
Avatar for Eileen M. Uchitelle eileencodes
141
35k
The Art of Programming - Codeland 2020
Avatar for Erika Heidi erikaheidi
57
14k
A Modern Web Designer's Workflow
Avatar for Chris Coyier chriscoyier
699
190k
10 Git Anti Patterns You Should be Aware of
Avatar for Lemi Orhan Ergin lemiorhan
PRO
659
62k
Raft: Consensus for Rubyists
Avatar for Patrick Van Stee vanstee
142
7.7k
Crafting Experiences
Avatar for Bethany Jepchumba bethany
1
360
The AI Search Optimization Roadmap by Aleyda Solis
Avatar for Aleyda Solis aleyda
1
6.2k

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