web-dev-qa-db-fra.com

Quelle est la différence entre le menu horizontal à trois points et le menu vertical?

Tout d'abord, quelqu'un connaît-il le nom de ce type de navigation?

Et deuxièmement, quelle est la différence entre ces deux? Dans quel cas utilisez-vous celui vertical et dans quel cas horizontal? J'ai téléchargé une image pour une meilleure compréhension.

horizontal or vertical three dots menu?

navigationmenuactions
30
Anca Sanduloiu

Les deux sont traditionnellement connus pour afficher Plus d'options

Vous pouvez les considérer comme des points de suspension qui se réfèrent à un menu non terminé et donc cliquer dessus vous montre le menu entier, le terminant.

Sur Android, il est appelé Menu de débordement

Sur Apple et les appareils iOS, il est appelé Menu Plus d'options

Techniquement, ceux-ci sont utilisés pour afficher les options secondaires par opposition aux options primaires qui sont directement affichées dans l'interface utilisateur. Les options du menu de débordement peuvent également contenir des actions destructives.

Je crois qu'il a été fait vertical dans Material Design car il descend vers le bas plutôt que d'afficher un menu horizontal avec plus d'options, améliorant les attentes des utilisateurs.

21
Swapnil Borkar

Les deux ont été utilisés pour afficher plus d'options.

  1. La conception matérielle utilise une icône de hamburger verticale sur toutes les plates-formes pour afficher plus d'options. Principalement utilisé pour afficher les options secondaires.
  2. iOS utilise l'icône de hamburger horizontal pour afficher plus d'options

Je préfère les deux. Mais j'utilise cette approche pour prendre une décision quand il s'agit d'en choisir une.

Si les données défilent verticalement, j'utilise l'icône de hamburger vertical et si les données défilent horizontalement, j'utilise l'horizon trois points.

2
Shankar Murugesan

Ces caractères sont appelés ellipses horizontales et ellipses verticales.

https://en.wikipedia.org/wiki/Ellipsis#Computer_representations

⋯ (Ellipses horizontales médianes, U + 22EF):

⋮ (points de suspension verticaux, U + 22EE):

Pour l'interface utilisateur, la différence pourrait être comme une liste horizontale et une liste verticale.

2
XP1