Ce diaporama a bien été signalé.
Nous utilisons votre profil LinkedIn et vos données d’activité pour vous proposer des publicités personnalisées et pertinentes. Vous pouvez changer vos préférences de publicités à tout moment.
ERGONOMIE  MOBILE
ERGONOMIE MOBILE                          CONCEVOIR LA NAVIGATION                                                D’UNE APP...
© @maxvoltar
44px44px44px
ERGONOMIE MOBILE                          CONCEVOIR LA NAVIGATION                                                D’UNE APP...
MODELES    DENAVIGATION
FLAT PAGES
TAB BAR
ARBORESCENCE
MODELES DE NAVIGATION                    CONCEVOIR LA NAVIGATION                                               D’UNE APPLI...
POUR                                       CONCEVOIR LA NAVIGATION                                                 D’UNE A...
CONTRE                                     CONCEVOIR LA NAVIGATION                                                 D’UNE A...
MODELES DE NAVIGATION                 CONCEVOIR LA NAVIGATION                                            D’UNE APPLICATION...
POUR                                                 CONCEVOIR LA NAVIGATION                                              ...
CONTRE                                        CONCEVOIR LA NAVIGATION                                                    D...
MODELES DE NAVIGATION             CONCEVOIR LA NAVIGATION                                        D’UNE APPLICATION        ...
POUR                                          CONCEVOIR LA NAVIGATION                                                    D...
CONTRE                                     CONCEVOIR LA NAVIGATION                                                 D’UNE A...
MODELES DE NAVIGATION             CONCEVOIR LA NAVIGATION                                        D’UNE APPLICATION        ...
CONCLUSION                                CONCEVOIR LA NAVIGATION                                                D’UNE APP...
MERCI                                 SOURCES                       Apple Human Interface Guidelines                      ...
Concevoir la navigation d'une application iPhone
Concevoir la navigation d'une application iPhone
Concevoir la navigation d'une application iPhone
Concevoir la navigation d'une application iPhone
Concevoir la navigation d'une application iPhone
Concevoir la navigation d'une application iPhone
Concevoir la navigation d'une application iPhone
Concevoir la navigation d'une application iPhone
Concevoir la navigation d'une application iPhone
Concevoir la navigation d'une application iPhone
Concevoir la navigation d'une application iPhone
Concevoir la navigation d'une application iPhone
Concevoir la navigation d'une application iPhone
Concevoir la navigation d'une application iPhone
Concevoir la navigation d'une application iPhone
Concevoir la navigation d'une application iPhone
Concevoir la navigation d'une application iPhone
Concevoir la navigation d'une application iPhone
Concevoir la navigation d'une application iPhone
Concevoir la navigation d'une application iPhone
Concevoir la navigation d'une application iPhone
Concevoir la navigation d'une application iPhone
Concevoir la navigation d'une application iPhone
Concevoir la navigation d'une application iPhone
Concevoir la navigation d'une application iPhone
Concevoir la navigation d'une application iPhone
Concevoir la navigation d'une application iPhone
Concevoir la navigation d'une application iPhone
Concevoir la navigation d'une application iPhone
Concevoir la navigation d'une application iPhone
Concevoir la navigation d'une application iPhone
Concevoir la navigation d'une application iPhone
Concevoir la navigation d'une application iPhone
Concevoir la navigation d'une application iPhone
Concevoir la navigation d'une application iPhone
Concevoir la navigation d'une application iPhone
Concevoir la navigation d'une application iPhone
Concevoir la navigation d'une application iPhone
Concevoir la navigation d'une application iPhone
Prochain SlideShare
Chargement dans…5
×

Concevoir la navigation d'une application iPhone

4 150 vues

Publié le

Présentation @CocoaHeads Bordeaux #2, jeudi 9 décembre 2010.
Wopata parle ergonomie mobile et modèles de navigation sur iPhone.

Publié dans : Design

Concevoir la navigation d'une application iPhone

  1. 1. ERGONOMIE MOBILE
  2. 2. ERGONOMIE MOBILE CONCEVOIR LA NAVIGATION D’UNE APPLICATION REGLES D’ORLUC CHAISSAC @lucchaissac
  3. 3. © @maxvoltar
  4. 4. 44px44px44px
  5. 5. ERGONOMIE MOBILE CONCEVOIR LA NAVIGATION D’UNE APPLICATION MOBILE GUIDELINES : «In mobile apps, the main function should be immediately apparent. Minimalize the number of controls from which users have to choose.»LUC CHAISSAC @lucchaissac
  6. 6. MODELES DENAVIGATION
  7. 7. FLAT PAGES
  8. 8. TAB BAR
  9. 9. ARBORESCENCE
  10. 10. MODELES DE NAVIGATION CONCEVOIR LA NAVIGATION D’UNE APPLICATION FLAT PAGESLUC CHAISSAC @lucchaissac
  11. 11. POUR CONCEVOIR LA NAVIGATION D’UNE APPLICATION • Accès rapide au contenu • Nombre variable décrans • Facilité d’utilisation • Plus d’espace pour le contenuLUC CHAISSAC @lucchaissac
  12. 12. CONTRE CONCEVOIR LA NAVIGATION D’UNE APPLICATION • 20 pages max • Pages invisibles • Navigation page par pageLUC CHAISSAC @lucchaissac
  13. 13. MODELES DE NAVIGATION CONCEVOIR LA NAVIGATION D’UNE APPLICATION TAB BARLUC CHAISSAC @lucchaissac
  14. 14. POUR CONCEVOIR LA NAVIGATION D’UNE APPLICATION • Navigation rapide • Menu clair et simpleLUC CHAISSAC @lucchaissac
  15. 15. CONTRE CONCEVOIR LA NAVIGATION D’UNE APPLICATION • Espace occupé • 5 tabs maxLUC CHAISSAC @lucchaissac
  16. 16. MODELES DE NAVIGATION CONCEVOIR LA NAVIGATION D’UNE APPLICATION ARBORESCENCELUC CHAISSAC @lucchaissac
  17. 17. POUR CONCEVOIR LA NAVIGATION D’UNE APPLICATION • Grand nombre de fonctionnalités/catégories • Interaction intuitiveLUC CHAISSAC @lucchaissac
  18. 18. CONTRE CONCEVOIR LA NAVIGATION D’UNE APPLICATION • Catégories sur page index • Retour à l’index obligatoireLUC CHAISSAC @lucchaissac
  19. 19. MODELES DE NAVIGATION CONCEVOIR LA NAVIGATION D’UNE APPLICATION COMBINAISON DE MODELES DE NAVIGATIONLUC CHAISSAC @lucchaissac
  20. 20. CONCLUSION CONCEVOIR LA NAVIGATION D’UNE APPLICATION • Keep it simple • Toujours adapter la navigation au contenu de l’application • Respectez les standardsLUC CHAISSAC @lucchaissac
  21. 21. MERCI SOURCES Apple Human Interface Guidelines bit.ly/iPhoneHIG - Tapworthy bit.ly/tapworthyLUC CHAISSAC @lucchaissac

×