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
430
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
210
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
From Desktop to Spatial Interfaces UX Design Implications of Evolving Interaction Paradigms
Avatar for h.crane hcrane
0
130
みんながデザインを担う組織へ。急加速する開発組織でのデザイナーの戦略
Avatar for Takeru Mukai mukai_takeru
0
390
使いたいときだけ使う 「道具のようなアプリケーション」を考える
Avatar for fumink fumink7
0
360
1000人規模の組織でデザインハーネスを導入するための第一歩
Avatar for PKSHA Technology（パークシャテクノロジー） pkshadeck
PRO
5
4.4k
Typographie et intégration web
Avatar for Raphael Goetter goetter
0
180
デザなに#1「問いのデザイン」の紹介LT
Avatar for @Garyuten garyuten
0
170
MUUUUU.ORG 協賛バナーのご案内
Avatar for クオートワークス quoitworks999
0
610
「惜しいデザイン」 を生み出さないための AIレビューループ
Avatar for Kazuhiro Tobita 0b1tk
3
4.7k
東京都市大学 都市生活学部×一般社団法人オープン企画イベント　「誰もがデザイナーである」とはどういうことか？ 【エツィオ・マンズィーニ氏 特別来日・基調講演】
Avatar for Kimura Atsunobu a2k
1
160
分裂するデザイン、取り残される空間—インクルーシブデザインスタジオが建築をやる理由
Avatar for インクルーシブデザインスタジオCULUMU culumu
0
180
いいUIとは？初心者向けに事例をもとにUIデザインを分解
Avatar for 原 佑一｜クリエイティブディレクター yuichi_hara7
13
7.3k
デザインツールを開く前に その画面は誰に何と言わせたい？受託UIデザイナーが顧客解像度を高める 「打ち合わせの場での確かめ方」
Avatar for @Garyuten garyuten
1
280

Featured

See All Featured
ReactJS: Keep Simple. Everything can be a component!
Avatar for Pedro Nauck pedronauck
666
130k
The Director’s Chair: Orchestrating AI for Truly Effective Learning
Avatar for Mike Taylor tmiket
1
340
A Modern Web Designer's Workflow
Avatar for Chris Coyier chriscoyier
699
190k
A brief & incomplete history of 
UX Design for the World Wide Web: 1989–2019
Avatar for Jason CranfordTeague jct
2
550
Intergalactic Javascript Robots from Outer Space
Avatar for Vicent Martí tanoku
273
28k
AI Search: Implications for SEO and How to Move Forward - #ShenzhenSEOConference
Avatar for Aleyda Solis aleyda
1
1.4k
The Spectacular Lies of Maps
Avatar for Per Axbom axbom
PRO
1
1.1k
技術選定の審美眼（2025年版） / Understanding the Spiral of Technologies 2025 edition
Avatar for Takuto WADA twada
PRO
120
120k
The Psychology of Web Performance [Beyond Tellerrand 2023]
Avatar for Tammy Everts tammyeverts
49
3.6k
VelocityConf: Rendering Performance Case Studies
Avatar for Addy Osmani addyosmani
331
25k
Paper Plane (Part 1)
Avatar for Katie Cordina Lindsey katiecoart
PRO
2
12k
Ecommerce SEO: The Keys for Success Now & Beyond - #SERPConf2024
Avatar for Aleyda Solis aleyda
1
2.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