SlideShare una empresa de Scribd logo
1 de 27
Design & Ergonomie Applications mobiles




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




         Cocoaheads.frToulouse – 10 Novembre 2001
Design & Ergonomie Applications mobiles


                  Préambule



Un smartphone n’est pas un ordinateur
    Une main n’est pas une souris




          Cocoaheads.frToulouse – 10 Novembre 2001
Design & Ergonomie Applications mobiles




  La beauté est subjective
Le mieux est l’ennemi du bien




      Cocoaheads.frToulouse – 10 Novembre 2001
Design & Ergonomie Applications mobiles




     LessisMore
Chaque chose à sa place




    Cocoaheads.frToulouse – 10 Novembre 2001
Design & Ergonomie Applications mobiles


Les systèmes d’exploitation




     Cocoaheads.frToulouse – 10 Novembre 2001
Design & Ergonomie Applications mobiles




Les règles d’or du Design




    Cocoaheads.frToulouse – 10 Novembre 2001
Design & Ergonomie Applications mobiles


       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.




              Cocoaheads.frToulouse – 10 Novembre 2001
Design & Ergonomie Applications mobiles


Les GUI : Graphic User Interface




       Cocoaheads.frToulouse – 10 Novembre 2001
Design & Ergonomie Applications mobiles


        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




              Cocoaheads.frToulouse – 10 Novembre 2001
Design & Ergonomie Applications mobiles


     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




             Cocoaheads.frToulouse – 10 Novembre 2001
Design & Ergonomie Applications mobiles


             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




               Cocoaheads.frToulouse – 10 Novembre 2001
Design & Ergonomie Applications mobiles




           Etre Créatif




    Cocoaheads.frToulouse – 10 Novembre 2001
Design & Ergonomie Applications mobiles


        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




               Cocoaheads.frToulouse – 10 Novembre 2001
Design & Ergonomie Applications mobiles


            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




               Cocoaheads.frToulouse – 10 Novembre 2001
Design & Ergonomie Applications mobiles




        Des exemples




    Cocoaheads.frToulouse – 10 Novembre 2001
Design & Ergonomie Applications mobiles


Integration multiplateformes
           Spotify




     Cocoaheads.frToulouse – 10 Novembre 2001
Design & Ergonomie Applications mobiles


Integration multiplateformes
          L’Equipe




     Cocoaheads.frToulouse – 10 Novembre 2001
Design & Ergonomie Applications mobiles


Integration multiplateformes
          L’Equipe




     Cocoaheads.frToulouse – 10 Novembre 2001
Design & Ergonomie Applications mobiles


Integration multiplateformes
          Gowalla




     Cocoaheads.frToulouse – 10 Novembre 2001
Design & Ergonomie Applications mobiles


Mauvaise Integration multiplateformes
               Meebo




          Cocoaheads.frToulouse – 10 Novembre 2001
Design & Ergonomie Applications mobiles


Mauvaise intégration GUI




    Cocoaheads.frToulouse – 10 Novembre 2001
Design & Ergonomie Applications mobiles


Mauvaise intégration GUI




    Cocoaheads.frToulouse – 10 Novembre 2001
Design & Ergonomie Applications mobiles


Très mauvaise intégration GUI




      Cocoaheads.frToulouse – 10 Novembre 2001
Design & Ergonomie Applications mobiles


  Parfois il en faut plus




    Cocoaheads.frToulouse – 10 Novembre 2001
Design & Ergonomie Applications mobiles


Ou parfois il en faut moins




     Cocoaheads.frToulouse – 10 Novembre 2001
Design & Ergonomie Applications mobiles


Etre créatif, donner envie




    Cocoaheads.frToulouse – 10 Novembre 2001
Design & Ergonomie Applications mobiles


Savoir vendre son produit




    Cocoaheads.frToulouse – 10 Novembre 2001

Más contenido relacionado

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

Etre présent sur mobiles_Patrice de Saint-Steban_13ème rencontre des Tisseran...
Etre présent sur mobiles_Patrice de Saint-Steban_13ème rencontre des Tisseran...Etre présent sur mobiles_Patrice de Saint-Steban_13ème rencontre des Tisseran...
Etre présent sur mobiles_Patrice de Saint-Steban_13ème rencontre des Tisseran...UADF_CEF
 
Innovation + Mobilité = ROI
Innovation + Mobilité = ROIInnovation + Mobilité = ROI
Innovation + Mobilité = ROIKlee Interactive
 
Eurelis - Présentation multi-écrans
Eurelis - Présentation multi-écransEurelis - Présentation multi-écrans
Eurelis - Présentation multi-écransAgence-Eurelis
 
MultiTouch SNCF - REX Steria et I-Breed
MultiTouch SNCF - REX Steria et I-BreedMultiTouch SNCF - REX Steria et I-Breed
MultiTouch SNCF - REX Steria et I-BreedSteria
 
WUD 2009 Paris : Utilisabilité et m-commerce
WUD 2009 Paris : Utilisabilité et m-commerceWUD 2009 Paris : Utilisabilité et m-commerce
WUD 2009 Paris : Utilisabilité et m-commerceFrederic CAVAZZA
 
Veille : L'impact de l'évolution des technologies web sur le référencement et...
Veille : L'impact de l'évolution des technologies web sur le référencement et...Veille : L'impact de l'évolution des technologies web sur le référencement et...
Veille : L'impact de l'évolution des technologies web sur le référencement et...maclic
 
Livre blanc Développement mobile
Livre blanc Développement mobileLivre blanc Développement mobile
Livre blanc Développement mobileLudovic Tant
 
WUD 2010 Paris : Applications mobiles
WUD 2010 Paris : Applications mobilesWUD 2010 Paris : Applications mobiles
WUD 2010 Paris : Applications mobilesFrederic CAVAZZA
 
Développement d'un service mobile
Développement d'un service mobileDéveloppement d'un service mobile
Développement d'un service mobileLudovic Tant
 
Matin_Bavard_a_l_Agence_Smartphone_9_juin_2011
Matin_Bavard_a_l_Agence_Smartphone_9_juin_2011Matin_Bavard_a_l_Agence_Smartphone_9_juin_2011
Matin_Bavard_a_l_Agence_Smartphone_9_juin_2011MBA Multimedia
 
Comment concevoir une experience utilisateur cross canal
Comment concevoir une experience utilisateur cross canalComment concevoir une experience utilisateur cross canal
Comment concevoir une experience utilisateur cross canalAkiani
 
La validation UX du Store : Tout ce que vous avez toujours voulu savoir sans...
La validation UX du Store :  Tout ce que vous avez toujours voulu savoir sans...La validation UX du Store :  Tout ce que vous avez toujours voulu savoir sans...
La validation UX du Store : Tout ce que vous avez toujours voulu savoir sans...Microsoft
 
Les solutions mobiles (potentiel et enjeux)
Les solutions mobiles (potentiel et enjeux)Les solutions mobiles (potentiel et enjeux)
Les solutions mobiles (potentiel et enjeux)SCALA
 
Web Mobile : quelles opportunités face aux apps ?
Web Mobile : quelles opportunités face aux apps ?Web Mobile : quelles opportunités face aux apps ?
Web Mobile : quelles opportunités face aux apps ?NiceToMeetYou
 
Retour d'expérience sur la conception et la construction d'une application ME...
Retour d'expérience sur la conception et la construction d'une application ME...Retour d'expérience sur la conception et la construction d'une application ME...
Retour d'expérience sur la conception et la construction d'une application ME...Microsoft Technet France
 
Flex et PHP pour développer des applications mobiles
Flex et PHP pour développer des applications mobilesFlex et PHP pour développer des applications mobiles
Flex et PHP pour développer des applications mobilesMichael Chaize
 
Offre migrer vers_flutter
Offre migrer vers_flutterOffre migrer vers_flutter
Offre migrer vers_flutterJulien Saumande
 
Cours mobiles du Mastère CPM 2011 (Telecom ParisTech/INA)
Cours mobiles du Mastère CPM 2011 (Telecom ParisTech/INA)Cours mobiles du Mastère CPM 2011 (Telecom ParisTech/INA)
Cours mobiles du Mastère CPM 2011 (Telecom ParisTech/INA)Stéphane Rouilly
 

Similar a CocoaHeads Toulouse - Thierry ung - Design et ergonomie d'applications mobiles (20)

Etre présent sur mobiles_Patrice de Saint-Steban_13ème rencontre des Tisseran...
Etre présent sur mobiles_Patrice de Saint-Steban_13ème rencontre des Tisseran...Etre présent sur mobiles_Patrice de Saint-Steban_13ème rencontre des Tisseran...
Etre présent sur mobiles_Patrice de Saint-Steban_13ème rencontre des Tisseran...
 
Innovation + Mobilité = ROI
Innovation + Mobilité = ROIInnovation + Mobilité = ROI
Innovation + Mobilité = ROI
 
Eurelis - Présentation multi-écrans
Eurelis - Présentation multi-écransEurelis - Présentation multi-écrans
Eurelis - Présentation multi-écrans
 
MultiTouch SNCF - REX Steria et I-Breed
MultiTouch SNCF - REX Steria et I-BreedMultiTouch SNCF - REX Steria et I-Breed
MultiTouch SNCF - REX Steria et I-Breed
 
WUD 2009 Paris : Utilisabilité et m-commerce
WUD 2009 Paris : Utilisabilité et m-commerceWUD 2009 Paris : Utilisabilité et m-commerce
WUD 2009 Paris : Utilisabilité et m-commerce
 
Veille : L'impact de l'évolution des technologies web sur le référencement et...
Veille : L'impact de l'évolution des technologies web sur le référencement et...Veille : L'impact de l'évolution des technologies web sur le référencement et...
Veille : L'impact de l'évolution des technologies web sur le référencement et...
 
Livre blanc Développement mobile
Livre blanc Développement mobileLivre blanc Développement mobile
Livre blanc Développement mobile
 
WUD 2010 Paris : Applications mobiles
WUD 2010 Paris : Applications mobilesWUD 2010 Paris : Applications mobiles
WUD 2010 Paris : Applications mobiles
 
Tendances Web 2014
Tendances Web 2014Tendances Web 2014
Tendances Web 2014
 
Développement d'un service mobile
Développement d'un service mobileDéveloppement d'un service mobile
Développement d'un service mobile
 
Matin_Bavard_a_l_Agence_Smartphone_9_juin_2011
Matin_Bavard_a_l_Agence_Smartphone_9_juin_2011Matin_Bavard_a_l_Agence_Smartphone_9_juin_2011
Matin_Bavard_a_l_Agence_Smartphone_9_juin_2011
 
Comment concevoir une experience utilisateur cross canal
Comment concevoir une experience utilisateur cross canalComment concevoir une experience utilisateur cross canal
Comment concevoir une experience utilisateur cross canal
 
La validation UX du Store : Tout ce que vous avez toujours voulu savoir sans...
La validation UX du Store :  Tout ce que vous avez toujours voulu savoir sans...La validation UX du Store :  Tout ce que vous avez toujours voulu savoir sans...
La validation UX du Store : Tout ce que vous avez toujours voulu savoir sans...
 
Les solutions mobiles (potentiel et enjeux)
Les solutions mobiles (potentiel et enjeux)Les solutions mobiles (potentiel et enjeux)
Les solutions mobiles (potentiel et enjeux)
 
Parcours
ParcoursParcours
Parcours
 
Web Mobile : quelles opportunités face aux apps ?
Web Mobile : quelles opportunités face aux apps ?Web Mobile : quelles opportunités face aux apps ?
Web Mobile : quelles opportunités face aux apps ?
 
Retour d'expérience sur la conception et la construction d'une application ME...
Retour d'expérience sur la conception et la construction d'une application ME...Retour d'expérience sur la conception et la construction d'une application ME...
Retour d'expérience sur la conception et la construction d'une application ME...
 
Flex et PHP pour développer des applications mobiles
Flex et PHP pour développer des applications mobilesFlex et PHP pour développer des applications mobiles
Flex et PHP pour développer des applications mobiles
 
Offre migrer vers_flutter
Offre migrer vers_flutterOffre migrer vers_flutter
Offre migrer vers_flutter
 
Cours mobiles du Mastère CPM 2011 (Telecom ParisTech/INA)
Cours mobiles du Mastère CPM 2011 (Telecom ParisTech/INA)Cours mobiles du Mastère CPM 2011 (Telecom ParisTech/INA)
Cours mobiles du Mastère CPM 2011 (Telecom ParisTech/INA)
 

Más de CocoaHeads France

Más de CocoaHeads France (20)

Mutation testing for a safer Future
Mutation testing for a safer FutureMutation testing for a safer Future
Mutation testing for a safer Future
 
iOS App Group for Debugging
iOS App Group for DebuggingiOS App Group for Debugging
iOS App Group for Debugging
 
Asynchronous swift
Asynchronous swiftAsynchronous swift
Asynchronous swift
 
Visual accessibility in iOS11
Visual accessibility in iOS11Visual accessibility in iOS11
Visual accessibility in iOS11
 
My script - One year of CocoaHeads
My script - One year of CocoaHeadsMy script - One year of CocoaHeads
My script - One year of CocoaHeads
 
Ui testing dealing with push notifications
Ui testing dealing with push notificationsUi testing dealing with push notifications
Ui testing dealing with push notifications
 
CONTINUOUS DELIVERY WITH FASTLANE
CONTINUOUS DELIVERY WITH FASTLANECONTINUOUS DELIVERY WITH FASTLANE
CONTINUOUS DELIVERY WITH FASTLANE
 
L'intégration continue avec Bitrise
L'intégration continue avec BitriseL'intégration continue avec Bitrise
L'intégration continue avec Bitrise
 
Super combinators
Super combinatorsSuper combinators
Super combinators
 
Design like a developer
Design like a developerDesign like a developer
Design like a developer
 
Handle the error
Handle the errorHandle the error
Handle the error
 
Quoi de neuf dans iOS 10.3
Quoi de neuf dans iOS 10.3Quoi de neuf dans iOS 10.3
Quoi de neuf dans iOS 10.3
 
IoT Best practices
 IoT Best practices IoT Best practices
IoT Best practices
 
SwiftyGPIO
SwiftyGPIOSwiftyGPIO
SwiftyGPIO
 
Présentation de HomeKit
Présentation de HomeKitPrésentation de HomeKit
Présentation de HomeKit
 
Programme MFI retour d'expérience
Programme MFI retour d'expérienceProgramme MFI retour d'expérience
Programme MFI retour d'expérience
 
How to communicate with Smart things?
How to communicate with Smart things?How to communicate with Smart things?
How to communicate with Smart things?
 
Build a lego app with CocoaPods
Build a lego app with CocoaPodsBuild a lego app with CocoaPods
Build a lego app with CocoaPods
 
Let's migrate to Swift 3.0
Let's migrate to Swift 3.0Let's migrate to Swift 3.0
Let's migrate to Swift 3.0
 
Project Entourage
Project EntourageProject Entourage
Project Entourage
 

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

  • 1. Design & Ergonomie Applications mobiles Design & Ergonomie Applications mobiles Cocoaheads.fr Toulouse – 10 Novembre 2001 Cocoaheads.frToulouse – 10 Novembre 2001
  • 2. Design & Ergonomie Applications mobiles Préambule Un smartphone n’est pas un ordinateur Une main n’est pas une souris Cocoaheads.frToulouse – 10 Novembre 2001
  • 3. Design & Ergonomie Applications mobiles La beauté est subjective Le mieux est l’ennemi du bien Cocoaheads.frToulouse – 10 Novembre 2001
  • 4. Design & Ergonomie Applications mobiles LessisMore Chaque chose à sa place Cocoaheads.frToulouse – 10 Novembre 2001
  • 5. Design & Ergonomie Applications mobiles Les systèmes d’exploitation Cocoaheads.frToulouse – 10 Novembre 2001
  • 6. Design & Ergonomie Applications mobiles Les règles d’or du Design Cocoaheads.frToulouse – 10 Novembre 2001
  • 7. Design & Ergonomie Applications mobiles 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. Cocoaheads.frToulouse – 10 Novembre 2001
  • 8. Design & Ergonomie Applications mobiles Les GUI : Graphic User Interface Cocoaheads.frToulouse – 10 Novembre 2001
  • 9. Design & Ergonomie Applications mobiles 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 Cocoaheads.frToulouse – 10 Novembre 2001
  • 10. Design & Ergonomie Applications mobiles 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 Cocoaheads.frToulouse – 10 Novembre 2001
  • 11. Design & Ergonomie Applications mobiles 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 Cocoaheads.frToulouse – 10 Novembre 2001
  • 12. Design & Ergonomie Applications mobiles Etre Créatif Cocoaheads.frToulouse – 10 Novembre 2001
  • 13. Design & Ergonomie Applications mobiles 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 Cocoaheads.frToulouse – 10 Novembre 2001
  • 14. Design & Ergonomie Applications mobiles 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 Cocoaheads.frToulouse – 10 Novembre 2001
  • 15. Design & Ergonomie Applications mobiles Des exemples Cocoaheads.frToulouse – 10 Novembre 2001
  • 16. Design & Ergonomie Applications mobiles Integration multiplateformes Spotify Cocoaheads.frToulouse – 10 Novembre 2001
  • 17. Design & Ergonomie Applications mobiles Integration multiplateformes L’Equipe Cocoaheads.frToulouse – 10 Novembre 2001
  • 18. Design & Ergonomie Applications mobiles Integration multiplateformes L’Equipe Cocoaheads.frToulouse – 10 Novembre 2001
  • 19. Design & Ergonomie Applications mobiles Integration multiplateformes Gowalla Cocoaheads.frToulouse – 10 Novembre 2001
  • 20. Design & Ergonomie Applications mobiles Mauvaise Integration multiplateformes Meebo Cocoaheads.frToulouse – 10 Novembre 2001
  • 21. Design & Ergonomie Applications mobiles Mauvaise intégration GUI Cocoaheads.frToulouse – 10 Novembre 2001
  • 22. Design & Ergonomie Applications mobiles Mauvaise intégration GUI Cocoaheads.frToulouse – 10 Novembre 2001
  • 23. Design & Ergonomie Applications mobiles Très mauvaise intégration GUI Cocoaheads.frToulouse – 10 Novembre 2001
  • 24. Design & Ergonomie Applications mobiles Parfois il en faut plus Cocoaheads.frToulouse – 10 Novembre 2001
  • 25. Design & Ergonomie Applications mobiles Ou parfois il en faut moins Cocoaheads.frToulouse – 10 Novembre 2001
  • 26. Design & Ergonomie Applications mobiles Etre créatif, donner envie Cocoaheads.frToulouse – 10 Novembre 2001
  • 27. Design & Ergonomie Applications mobiles Savoir vendre son produit Cocoaheads.frToulouse – 10 Novembre 2001