web-dev-qa-db-fra.com

Pourquoi n'utilisons-nous pas la navigation de gauche pour le site Web?

La navigation à gauche devient une tendance plus largement utilisée dans les applications Web; par exemple, il est utilisé par Zoho Books , Slack , Gmail et d'autres.

Raison plus valable pour déplacer la navigation vers la gauche, comme les résolutions d'écran, les tailles augmentent progressivement, également pour utiliser plus d'espace vertical, ainsi que cela ressemble aussi à un logiciel de bureau ....

Mon point, pourquoi n'utilisons-nous pas la navigation gauche comme dans les applications Web. Les deux sont des cas d'utilisation similaires, non?

Nous utilisons déjà la navigation GAUCHE pour les documents API, les documents d'aide et les écrans de la base de connaissances.

Avantages pour déplacer la navigation LHS:

  • Nous aurons plus d'espace vertical pour le contenu principal
  • Si nos applications Web sont déjà passées à la navigation de gauche, cela sera plus utile pour les sites Web. Pour que les deux se ressemblent

Comment résoudre différentes résolutions en utilisant une conception réactive?

  • LHS peut être ouvert par défaut pour Au-dessus de 1280 résolutions
  • LHS peut être positionné en haut [ou] fermé par défaut pour 1024-1280
  • Les options LHS peuvent être déplacées sous l'onglet "MENU" en haut comme le site Web mobile pour ci-dessous 1024 résolutions

Oui, certains sites Web utilisent la navigation LHS, mais ils utilisent le "menu hamburger" pour ouvrir la partie LHS. Pourquoi ne pas afficher la navigation LHS initiale par défaut. Oui, le contenu visuel principal devrait être plus ciblé.

Quelle est votre suggestion. Y a-t-il une raison particulière d'éviter la navigation LHS?

enter image description here

15
jelumalai

Je pense que votre question est pourquoi vous ne voyez plus la navigation à gauche par défaut. Je dirais que c'est principalement une tendance - peut-être une bonne.

Il existe de nombreuses tendances de nos jours et deux d'entre elles sont a) les menus hamburger et b) les mises en page à une seule colonne.

Cet article n'est pas détaillé, mais vous en trouverez un parmi tant d'autres qui en parlent un peu plus: http://www.weebly.com/blog/web-design-trends

Le but de ces deux tendances est de mettre toute l'attention de l'utilisateur sur la tâche et la main. Une colonne de contenu sur laquelle se concentrer, pas de menu pour distraire.

Évidemment, ce n'est pas nécessairement la meilleure solution pour tout le monde, mais il arrive souvent que cela ait beaucoup de sens par rapport aux façons antérieures de faire les choses avec les barres latérales et la navigation supérieure + gauche, etc.

7
DA01

La réponse à cette question est simple, et est la réponse à presque toutes les questions "pourquoi ne pas le faire de cette façon": vous devez faire ce qui est logique pour vos utilisateurs de digérer votre contenu de la manière la plus efficace.

Cela peut signifier une navigation à gauche pour votre application, mais un modèle unique ne sera pas efficace pour tous les utilisateurs dans toutes les applications.

Votre meilleur pari est de regarder vos utilisateurs dans leur "habitat naturel" pour voir ce qui fonctionne réellement pour eux et ce qui ne fonctionne pas. Ensuite, vous prenez ces observations, faites un prototype de votre application et voyez si cela fonctionne. Si c'est la navigation à gauche, tant mieux! Mais vous ne devriez pas négliger quelque chose qui n'est PAS de gauche simplement parce que cela n'a pas de sens pour vous.

3
Sean Ryan

De nombreux modèles de sites Web modernes qui évitent les menus de navigation verticaux gauche utilisent à la place un ou plusieurs des éléments suivants:

  • Menus de hamburger cachés
  • Navigation horizontale simple en haut de la page
  • Contenu long sur une seule colonne
  • Boutons d'appel à l'action ciblés

Ces décisions de conception aident maintenir l'accent sur le conten et permettent à chaque page de fournir des informations avec un récit conç.

Aujourd'hui, de nombreux sites de produits et de services utilisent ces techniques pour maximiser les conversions d'utilisateurs. Ils considèrent leur site Web comme l'argumentaire de vente avant une décision d'achat, plutôt que comme des pages d'informations. Les première et deuxième pages d'un site Web peuvent être les dernières qu'un utilisateur voit avant d'effectuer un achat connexe.

Les sites axés sur l'action n'ont pas besoin de raconter une histoire, et bien que le contenu soit important, la productivité est plus importante. Ainsi, ils utilisent des éléments de navigation persistants pour réduire le nombre de clics nécessaires pour arriver là où vous devez aller.

2
Ishmael Smyrnow

Voici quelques raisons pour lesquelles les gens préfèrent la navigation supérieure.

  1. Les utilisateurs consomment le contenu du site Web en modèle F

    http://www.nngroup.com/articles/f-shaped-pattern-reading-web-content/

    Cela suggère que l'immobilier gauche et supérieur attirent autant l'attention. Ainsi, la navigation supérieure est un autre choix qui peut être utilisé à moins que le nombre d'éléments de menu ne soit pas trop élevé.

  2. Positionnement du contenu pour attirer l'attention de l'utilisateur

    La tendance est désormais d'utiliser des images et des contenus volumineux qui occupent toute la largeur du navigateur. L'augmentation de la vitesse d'Internet permet de télécharger en ligne des images et des vidéos haute résolution. L'utilisation de toute la largeur du navigateur permet d'attirer l'attention de l'utilisateur. Cette façon de raconter des histoires fonctionne pour les sites Web à page unique et les sites qui ont moins d'éléments de menu. La barre de navigation verticale prend son propre espace. Le menu horizontal avec moins d'éléments fonctionne mieux ici.

  3. Localisation

    La navigation supérieure convient bien à la plupart des langues. Dans quelques cas, la navigation gauche doit être déplacée vers la droite pour l'arabe. Dans des scénarios comme celui-ci, la navigation supérieure facilite la vie.

Reportez-vous à cet article pour en savoir plus http://www.smashingmagazine.com/2010/01/11/the-case-against-vertical-navigation/

Bien que je ne sois pas d'accord sur quelques points dans l'article du magazine fracassant ci-dessus, je dirais qu'il a de bons points sur le menu horizontal Vs horizontal. Cet article a un lien vers une étude qui suggère que la navigation gauche est généralement ignorée.

Dans une étude intitulée Eyetrack III: What We Saw When We Looked Through Your Eyes, les résultats ont montré que la navigation supérieure fonctionnait mieux que la navigation de gauche. Fait intéressant, selon les résultats, même la navigation à droite a mieux réussi que la navigation à gauche.

Je dirais que le choix du menu dépend du contenu et du contexte. Ce lien ci-dessous fournit des directives sur le menu à utiliser en fonction du contexte

http://www.usefulusability.com/main-navigation-types-and-usability-pt-1-horizontal-navigation/

Citant quelques lignes de votre question

1

Si nos applications Web sont déjà passées à la navigation de gauche, cela sera plus utile pour les sites Web. Pour que les deux se ressemblent

2

LHS peut être ouvert par défaut pour les résolutions supérieures à 1280

LHS peut être positionné en haut [ou] fermé par défaut pour 1024-1280

Eh bien, je suppose que les déclarations ci-dessus sont contradictoires. Quoi qu'il en soit, cela pourrait fonctionner pour un menu long. Mais, lorsqu'un menu contient moins d'éléments, et si vous souhaitez une cohérence sur toutes les tailles d'écran, il est bon d'opter pour un menu horizontal.

1
Gautham Raja

Les tailles d'écran sur les ordinateurs de bureau peuvent devenir plus grandes, mais plus de 50% de l'utilisation du Web se fait désormais via des téléphones intelligents où l'immobilier est à prix élevé.

Les conceptions à 2 colonnes ne sont pas pratiques pour les téléphones, et les gens peuvent vouloir une expérience cohérente sur plusieurs appareils/écrans (ou aussi cohérente que possible)

0
Voxwoman