27
Design & Ergonomie Applications mobiles Cocoaheads.fr Toulouse 10 Novembre 2001 Design & Ergonomie Applications mobiles Cocoaheads.fr Toulouse 10 Novembre 2001

CocoaHeads Toulouse - Thierry ung - Design et ergonomie d'applications mobiles

Embed Size (px)

DESCRIPTION

Présentation du CocoaHeads Toulouse - Novembre 2011.Design & Ergonomie pour des applications mobiles.par Thierry Ung, scoop.it

Citation preview

Page 1: CocoaHeads Toulouse - Thierry ung - Design et ergonomie d'applications mobiles

Design & Ergonomie Applications mobiles

Cocoaheads.frToulouse – 10 Novembre 2001

Design & Ergonomie

Applications mobiles

Cocoaheads.fr Toulouse – 10 Novembre 2001

Page 2: CocoaHeads Toulouse - Thierry ung - Design et ergonomie d'applications mobiles

Design & Ergonomie Applications mobiles

Cocoaheads.frToulouse – 10 Novembre 2001

Préambule

Un smartphone n’est pas un ordinateur

Une main n’est pas une souris

Page 3: CocoaHeads Toulouse - Thierry ung - Design et ergonomie d'applications mobiles

Design & Ergonomie Applications mobiles

Cocoaheads.frToulouse – 10 Novembre 2001

La beauté est subjective

Le mieux est l’ennemi du bien

Page 4: CocoaHeads Toulouse - Thierry ung - Design et ergonomie d'applications mobiles

Design & Ergonomie Applications mobiles

Cocoaheads.frToulouse – 10 Novembre 2001

LessisMore

Chaque chose à sa place

Page 5: CocoaHeads Toulouse - Thierry ung - Design et ergonomie d'applications mobiles

Design & Ergonomie Applications mobiles

Cocoaheads.frToulouse – 10 Novembre 2001

Les systèmes d’exploitation

Page 6: CocoaHeads Toulouse - Thierry ung - Design et ergonomie d'applications mobiles

Design & Ergonomie Applications mobiles

Cocoaheads.frToulouse – 10 Novembre 2001

Les règles d’or du Design

Page 7: CocoaHeads Toulouse - Thierry ung - Design et ergonomie d'applications mobiles

Design & Ergonomie Applications mobiles

Cocoaheads.frToulouse – 10 Novembre 2001

Il y a une application pour ça.

Des Appstores parfois trop remplis d’applications identiques

entraînent un autre comportement dans le choix :

- Compréhension immédiate de la fonction principale

- Complexité du produit, ergonomie

- Design

3 points cruciaux dans le succès d’une application.

Page 8: CocoaHeads Toulouse - Thierry ung - Design et ergonomie d'applications mobiles

Design & Ergonomie Applications mobiles

Cocoaheads.frToulouse – 10 Novembre 2001

Les GUI : Graphic User Interface

Page 9: CocoaHeads Toulouse - Thierry ung - Design et ergonomie d'applications mobiles

Design & Ergonomie Applications mobiles

Cocoaheads.frToulouse – 10 Novembre 2001

Le Design dicté par les GUI

Respecter les GUI :

- Typos des menus, tailles

- Interfaces types (formulaires, settings …)

- Boutons standards (share, settings, check…)

Gain :

- Temps d’intégration

- Homogénéité des interfaces

- Look &feel

Page 10: CocoaHeads Toulouse - Thierry ung - Design et ergonomie d'applications mobiles

Design & Ergonomie Applications mobiles

Cocoaheads.frToulouse – 10 Novembre 2001

L’ergonomie dictée par les GUI

Respecter l’ergonomie des GUI

- Navigation inter-pages

- Scrolling général

- Accès aux menus, settings

Gain :

- Prise en main améliorée

- Adhésion au produit

- Cohérence avec l’OS du smartphone

Page 11: CocoaHeads Toulouse - Thierry ung - Design et ergonomie d'applications mobiles

Design & Ergonomie Applications mobiles

Cocoaheads.frToulouse – 10 Novembre 2001

Les erreurs si faciles

- Imaginer que l’utilisateur est un Geek

- Avoir une vision 22 pouces

- Penser que tout doit rentrer dans une page

- Mélanger actions et settings

- Utiliser des typos ou couleurs exotiques

Page 12: CocoaHeads Toulouse - Thierry ung - Design et ergonomie d'applications mobiles

Design & Ergonomie Applications mobiles

Cocoaheads.frToulouse – 10 Novembre 2001

Etre Créatif

Page 13: CocoaHeads Toulouse - Thierry ung - Design et ergonomie d'applications mobiles

Design & Ergonomie Applications mobiles

Cocoaheads.frToulouse – 10 Novembre 2001

Etre créatif c’est avant tout :

- Avoir une veille graphique poussée

- Se mettre à la place de son client

- Conserver une ligne conductrice (charte graphique)

- Effet Waouh à juste dose

-Lessis more : ergonomie, design

- Comprendre l’ergonomie mobile

Page 14: CocoaHeads Toulouse - Thierry ung - Design et ergonomie d'applications mobiles

Design & Ergonomie Applications mobiles

Cocoaheads.frToulouse – 10 Novembre 2001

IOS : un monde à part

- Un historique Mac des infographistes

- Un GUI extrêmement bien défini

- Des galeries graphiques d’applications

- Une compétition non avouée

- Une compétition avouée (Top 25)

- Des utilisateurs exigeants

Page 15: CocoaHeads Toulouse - Thierry ung - Design et ergonomie d'applications mobiles

Design & Ergonomie Applications mobiles

Cocoaheads.frToulouse – 10 Novembre 2001

Des exemples

Page 16: CocoaHeads Toulouse - Thierry ung - Design et ergonomie d'applications mobiles

Design & Ergonomie Applications mobiles

Cocoaheads.frToulouse – 10 Novembre 2001

Integration multiplateformes

Spotify

Page 17: CocoaHeads Toulouse - Thierry ung - Design et ergonomie d'applications mobiles

Design & Ergonomie Applications mobiles

Cocoaheads.frToulouse – 10 Novembre 2001

Integration multiplateformes

L’Equipe

Page 18: CocoaHeads Toulouse - Thierry ung - Design et ergonomie d'applications mobiles

Design & Ergonomie Applications mobiles

Cocoaheads.frToulouse – 10 Novembre 2001

Integration multiplateformes

L’Equipe

Page 19: CocoaHeads Toulouse - Thierry ung - Design et ergonomie d'applications mobiles

Design & Ergonomie Applications mobiles

Cocoaheads.frToulouse – 10 Novembre 2001

Integration multiplateformes

Gowalla

Page 20: CocoaHeads Toulouse - Thierry ung - Design et ergonomie d'applications mobiles

Design & Ergonomie Applications mobiles

Cocoaheads.frToulouse – 10 Novembre 2001

Mauvaise Integration multiplateformes

Meebo

Page 21: CocoaHeads Toulouse - Thierry ung - Design et ergonomie d'applications mobiles

Design & Ergonomie Applications mobiles

Cocoaheads.frToulouse – 10 Novembre 2001

Mauvaise intégration GUI

Page 22: CocoaHeads Toulouse - Thierry ung - Design et ergonomie d'applications mobiles

Design & Ergonomie Applications mobiles

Cocoaheads.frToulouse – 10 Novembre 2001

Mauvaise intégration GUI

Page 23: CocoaHeads Toulouse - Thierry ung - Design et ergonomie d'applications mobiles

Design & Ergonomie Applications mobiles

Cocoaheads.frToulouse – 10 Novembre 2001

Très mauvaise intégration GUI

Page 24: CocoaHeads Toulouse - Thierry ung - Design et ergonomie d'applications mobiles

Design & Ergonomie Applications mobiles

Cocoaheads.frToulouse – 10 Novembre 2001

Parfois il en faut plus

Page 25: CocoaHeads Toulouse - Thierry ung - Design et ergonomie d'applications mobiles

Design & Ergonomie Applications mobiles

Cocoaheads.frToulouse – 10 Novembre 2001

Ou parfois il en faut moins

Page 26: CocoaHeads Toulouse - Thierry ung - Design et ergonomie d'applications mobiles

Design & Ergonomie Applications mobiles

Cocoaheads.frToulouse – 10 Novembre 2001

Etre créatif, donner envie

Page 27: CocoaHeads Toulouse - Thierry ung - Design et ergonomie d'applications mobiles

Design & Ergonomie Applications mobiles

Cocoaheads.frToulouse – 10 Novembre 2001

Savoir vendre son produit