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
99
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
95

Other Decks in Design

See All in Design
デザインコンテキストのバトンをつなぐ—AI時代のプロダクトマネジメント
Avatar for kumano ayumi kumanoayumi
6
1.2k
AI時代に必要な アイデアの形
Avatar for ux-man uxman
0
240
開発・制作におけるUI・UXデザインの重要性について～UI・UXデザインってなんだろう～
Avatar for yomogi_sakura yamasaku
0
150
保育現場にAIを 〜人と技術に橋を架けるデザインで考えてきたこと〜 uiuxcamp2026-hoiku-ai-design
Avatar for Takahiro Yamaguchi hiro93n
1
350
Design dependencies
Avatar for Teba_eleven teba_eleven
0
150
セブンデックス プロジェクト事例 / innovation Scenes
Avatar for セブンデックス sevendex
1
1.5k
「使いやすさ」だけでは、「勝てる」サービスにはならない。〜KPIとUXの分断を埋める、サービス戦略という「指針」〜
Avatar for 株式会社NIJIBOX nbkouhou
2
520
デザイナーが主導権を握る、AI協業の本音と実践
Avatar for satosio satosio
7
3.4k
デザイナーとエンジニアで 同じ山に登ろう
Avatar for moco moco1013
0
290
Saving_the_King_-_Storyboard.pdf
Avatar for Terence Basart terencebasart
0
240
ClaudeCodeでマーケターの課題を解決する
Avatar for 太田賢一 kenichiota0711
11
14k
富山デザイン勉強会_プレゼンテーション.pdf
Avatar for keita keita_yoshikawa
0
100

Featured

See All Featured
HU Berlin: Industrial-Strength Natural Language Processing with spaCy and Prodigy
Avatar for Ines Montani inesmontani
PRO
0
590
Color Theory Basics | Prateek | Gurzu
Avatar for Gurzu gurzu
0
400
Navigating Team Friction
Avatar for Lara Hogan lara
192
16k
Technical Leadership for Architectural Decision Making
Avatar for Kenny Baas-Schwegler baasie
3
460
How To Stay Up To Date on Web Technology
Avatar for Chris Coyier chriscoyier
790
250k
Statistics for Hackers
Avatar for Jake VanderPlas jakevdp
799
230k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
Avatar for Addy Osmani addyosmani
10
1.3k
Leo the Paperboy
Avatar for Maya Tellez mayatellez
8
2.1k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
Avatar for Kevin Liebholz kevinliebholz
37
6.5k
KATA
Avatar for Megan Lloyd mclloyd
PRO
35
15k
The SEO Collaboration Effect
Avatar for Kristina Bergwall kristinabergwall1
1
510
How to build a perfect <img>
Avatar for Jono Alderson jonoalderson
1
5.8k

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