$30 off During Our Annual Pro Sale. View Details »

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
47
Design & Photographie, l'image comme élément de narration.
Avatar for D&B Talks dbtalks
0
130
Life of an illustrator
Avatar for D&B Talks dbtalks
0
89
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
340
Designer avec le client
Avatar for D&B Talks dbtalks
0
90

Other Decks in Design

See All in Design
Goodpatch Tour💙 / We are hiring!
Avatar for Goodpatch Inc. goodpatch
31
920k
株式会社ログラス - 会社説明資料【デザイナー】/ Loglass Designer
Avatar for 株式会社ログラス loglass2019
1
5.2k
見過ごさない誠実さ_アクティブバイスタンダーとIntegrityが支えるアジャイル文化 / integrity-and-active-bystander
Avatar for Aki spring_aki
1
230
組織の右腕として共創する ー デザインと経営の二つの視点から見えた、新しい支援のかたち/ Designship2025_Nishimura
Avatar for 株式会社ルート root_recruit
0
240
Illustrator×Firefly 生成したイラストをベースにドット絵を作ってみよう！
Avatar for コネクリ connecre
1
190
Correspondence：共に生成していく過程
Avatar for Akira Motomura akiramotomura
0
160
逆向きUIの世界〜AndroidアプリのRTL言語対応〜
Avatar for akatsuki174 akatsuki174
1
670
モビリティプラットフォームの未来を築くクラウド基盤
Avatar for Hajime KOSHIRO kossykinto
0
150
高卒公務員から Webデザイナーになるまで
Avatar for kinomi kinomidesign
0
140
Portfolio 齋藤明敏 Hiroyuki Saito
Avatar for HIROYUKI SAITO crearedesign
0
130
越境するデザイン人材：デザイナーが社会資本となる世界へ
Avatar for Goodpatch Inc. goodpatch
1
400
What makes a great Director?
Avatar for _Limex_ _limex_
0
350

Featured

See All Featured
Reflections from 52 weeks, 52 projects
Avatar for Jefferson Lam jeffersonlam
355
21k
Bash Introduction
Avatar for André Augusto Costa Santos 62gerente
615
210k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
37
2.6k
Dealing with People You Can't Stand - Big Design 2015
Avatar for Cassini Nazir cassininazir
367
27k
The World Runs on Bad Software
Avatar for Brandon Keepers bkeepers
PRO
72
12k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
Avatar for Rebecca Miller-Webster rmw
35
3.3k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
Avatar for Dan Newman danielanewman
231
22k
The Web Performance Landscape in 2024 [PerfNow 2024]
Avatar for Tammy Everts tammyeverts
12
970
Performance Is Good for Brains [We Love Speed 2024]
Avatar for Tammy Everts tammyeverts
12
1.3k
Sharpening the Axe: The Primacy of Toolmaking
Avatar for Bryan Cantrill bcantrill
46
2.6k
Into the Great Unknown - MozCon
Avatar for Noah Learner thekraken
40
2.2k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
Avatar for Joe Casabona jcasabona
34
2.5k

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