web-dev-qa-db-fra.com

Les barres de navigation s'estompent-elles dans les barres latérales?

Plusieurs sites populaires déplacent la barre de navigation vers la gauche. Cela est principalement dû à l'évolution des appareils portables avec des tailles d'écran plus petites et également des moniteurs à écran large. Les moniteurs à écran large sont désormais la norme. Lorsqu'un site a la barre de navigation sur le côté gauche, elle ressemble plus à la tablette ou à la version du téléphone. De cette façon, les utilisateurs peuvent naviguer sur le site comme ils le sont dans les téléphones et les tablettes. Dans la plate-forme iOS, nous avons: UISpliView pour iPad et un menu de navigation déroulant pour iPhone.
Dans la plate-forme Android, nous avons: des dispositions à volets multiples pour les tablettes et, encore une fois, des menus de navigation personnalisés à partir du côté gauche. Le fait d'avoir également la barre de navigation sur la barre latérale donne plus de contenu aux utilisateurs. Les utilisateurs ont également accès au menu où qu'ils se trouvent.

  1. Pensez-vous vraiment que les barres de navigation se fondent dans les barres latérales?
  2. Quelle manière pensez-vous est la meilleure et pourquoi?
  3. Quelques bonnes pratiques/articles que j'ai pu lire sur ce sujet?

Veuillez excuser mon anglais!

Exemple du nouveau thème facebook qui ressemble à la version téléphone ou tablette. Google + est un autre exemple. enter image description here


Android sur tablettes enter image description here


iOS sur tablettes
desc


Android sur les téléphones
enter image description here


iOS sur les téléphones
enter image description here


Quelqu'un peut-il transformer ces images en une seule image? avec une belle mise en page? Im fonctionnant sur linux donc pas de photoshop pour moi.

5
user22847

Les barres latérales sont supérieures pour de nombreuses raisons.

Ils ne sont pas nouveaux, ils sont là depuis un certain temps, surtout utilisés dans les interfaces riches en contenu et en structure (Gmail, MS Outlook ou presque n'importe quelle application de messagerie ou multi-PIM, liste de dossiers dans les gestionnaires de fichiers comme Total Commander, Forklift ou même Windows intégré) Explorer ou Finder, iTunes ...).

De plus en plus d'interfaces commencent à utiliser cette approche récemment (en particulier à l'ère de la conception réactive, car elles aident à répondre au besoin d'ajuster l'interface à plusieurs tailles d'écran, résolutions et orientations). Les services que nous utilisons ont tendance à offrir `` plus '' en même temps (je sais que c'est un peu généralisant, mais `` plus '' est un pilote pour que les utilisateurs utilisent un service, et ce `` plus '' doit être emballé quelque part).

Compte tenu de cela, les raisons pour lesquelles les barres latérales sont presque parfaites et gagnent de plus en plus en popularité sont (en fait, certaines d'entre elles que vous avez déjà mentionnées dans votre question):

  1. Ils permettent de mieux utiliser l'espace vertical:

    • pour l'orientation horizontale de l'écran (la plupart des écrans de bureau, tablettes horizontales), il y a généralement beaucoup d'espace à utiliser sur les côtés du contenu, en particulier lorsque la grille de 960 pixels suffirait pour le contenu lui-même. Ces sites Web peuvent passer en plein écran et utiliser une partie de l'espace supplémentaire pour une barre latérale ou des barres latérales doubles (Facebook par exemple).
  2. Avec une approche appropriée, ils sont presque à l'épreuve de l'orientation:

    • ils peuvent être réglables en largeur - dans certains cas, comme dans Wordpress backend, vous pouvez étendre/contracter la barre latérale (tandis que contractée elle est réduite à des icônes uniquement).

    • ils peuvent même être totalement masqués - certains sites (comme Wikipedia.com pour mobile) ou certaines applications (comme l'application Facebook pour iOS) partagent la même approche: vous pouvez afficher/masquer la barre latérale en faisant glisser votre doigt ou en appuyant sur une icône.

  3. Ils sont flexibles quant au contenu:

    • vous pouvez facilement étendre la structure de haut niveau sans une refonte complète de l'interface

    • la limite des éléments dans la barre latérale est beaucoup plus élevée que dans le cas des menus horizontaux (en fait, il n'y a que trois limitations: la hauteur de l'interface entière, le pli et le nombre raisonnable d'éléments)

    • cette limite ne diminue pas lorsque vous leur fournissez des noms plus descriptifs (ce serait le cas si vous utilisiez le menu horizontal)

    • vous pouvez facilement organiser le contenu de la barre latérale en regroupant les éléments en sections

    • ces sections peuvent être extensibles dans un style accordéon, ce qui vous permet à la fois d'emballer plus d'articles dans la barre latérale et de contrôler l'encombrement

  4. Ils permettent de mieux communiquer les fonctionnalités et peuvent être plus faciles à interagir avec:

    • vous pouvez être plus descriptif en nommant les fonctions dans la barre latérale, ce qui serait délicat pour la navigation dans la barre supérieure (bien sûr, vous pouvez utiliser des info-bulles pour celles-ci, mais elles ne fonctionneraient pas sur les appareils tactiles en raison de l'impossibilité de déclencher l'état de survol).

    • avec moins de limitations verticales et horizontales, vous pouvez agrandir les éléments cliquables/utilisables.

Quelques liens:

4
Dominik Oslizlo

La "navigation" de la barre latérale, dans un sens conceptuel plus abstrait, existe depuis les années 70. enter image description here

La première convention était qu'une fenêtre volet (ou panneau) contrôlait le contenu de ces volets à sa droite ou vers le bas. C'était facile à comprendre et rapide à apprendre (je suis tenté de l'appeler "intuitive" mais ce n'est pas vraiment le bon mot).

Lorsque Apple a dérivé son interface graphique à partir de Smalltalk-80 (ci-dessus), il a en grande partie supprimé la mise en place de plusieurs volets dans une fenêtre, de sorte que la notion abstraite de navigation dans une fenêtre = n'a pas fait son chemin dans l'informatique grand public pour le moment. Mais bientôt l'utilité de plusieurs volets dans une fenêtre a été (re) comprise et à mesure que cela devenait plus répandu, la convention selon laquelle un volet (ou panneau) de fenêtre était contrôlé par ceux vers le haut ou à gauche de celui-ci a refait surface.

Ainsi, placer la navigation d'une page Web au-dessus ou à gauche du contenu principal est une convention bien établie et les deux dispositions générales fonctionnent bien. Placer la navigation vers la gauche a l'avantage de laisser un espace vertical pour le contenu principal, tandis que placer la navigation en haut laisse plus de largeur pour le contenu principal.

0
obelia