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

3 916 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
1 commentaire
6 j’aime
Statistiques
Remarques
Aucun téléchargement
Vues
Nombre de vues
3 916
Sur SlideShare
0
Issues des intégrations
0
Intégrations
156
Actions
Partages
0
Téléchargements
63
Commentaires
1
J’aime
6
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • 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

    ×