Mobile First Design - Emplacement de navigation principal et prise en compte des utilisateurs de bureau également
J'envisage de placer la navigation principale d'un site réactif dans une fine barre latérale similaire à la navigation sur l'application iPad de Twitter, comme on le voit à gauche.
Cependant, avec les icônes et les liens positionnés sur en bas de la barre latérale.
Pour moi, cela a un certain sens en raison de la nature de la tenue d'une tablette, mais les utilisateurs de bureau auront-ils trop de mal avec la transition. Veuillez noter que la navigation du nouveau Myspace a un emplacement similaire, mais s'étend le long du bas du navigateur sur toute sa largeur.
Vous cherchez simplement l'opinion des communautés à ce sujet?
Ma première pensée est qu'il semblerait étrange de concentrer l'attention en bas à gauche de l'écran car ce n'est pas là qu'un utilisateur regarde instinctivement lorsqu'une page se charge.
Cela dit, le bouton Démarrer de Windows existe depuis des années!
Il existe de nombreuses options en matière de modèle de navigation sur les appareils mobiles (portables). Et vous pensez que la navigation par le bas est un excellent concept de "penser en dehors des sentiers battus". Vous avez consacré vos efforts à vos utilisateurs et à la position normale de vos utilisateurs sur l'appareil portable.
Et puisqu'il n'y a pas (encore) de conventions sur la navigation mobile - je pense que vous pouvez faire ce que vous voulez tant que vos utilisateurs aiment ce que vous faites. Mais avant d'implémenter un modèle inconnu de l'homme, veuillez prendre le temps de considérer les dix (!) Modèles de navigation mobile disponibles. Ce sont Spring board, Menu Liste, Menu Onglet, Galerie, Tableau de bord, Métaphore, Méga Menu, Carrousel de Page, Carrousel d'Images et Liste Expansive .
Dans votre cas - le plus proche serait le carrousel d'images:
Si vous avez besoin de plus d'informations sur l'expérience utilisateur mobile - tournez votre attention vers le grand article Les éléments de l'expérience utilisateur mobile .