web-dev-qa-db-fra.com

Menu hamburger descendant / est-ce une expérience sympa concernant mon application?

Je possède une application gérant certaines réunions (exemple conceptuel).

Bien sûr, mon site Web est réactif afin qu'il soit entièrement utilisable sur les appareils mobiles.

Avant d'afficher des captures d'écran de mon menu de navigation, certaines personnes (famille, amis, car il s'agit d'une application bêta), sont "choquées" que le menu ne soit pas un menu hamburger orienté sur le côté (comme Facebook Web Mobile par exemple).

Je préfère les conseils de vrais gars UX :)

Alors, voici les captures d'écran simples:

enter image description here

En cliquant sur le menu:

enter image description here

Bien sûr, un clic sur n'importe quel lien masque le menu et affiche la page correspondante. Notez que la hauteur du menu ne prend que 15 à 20% de la page entière.
Je viens de couper le bas de la page.

Réunions affiche une liste des réunions réelles. Créez votre réunion autorisez tout utilisateur à créer le sien. Invitez des personnes que vous connaissez peut-être => interaction facebook pour permettre à des amis d'essayer l'application.

Et sur la page Réunion, lorsque vous cliquez sur "affiner votre recherche", une zone de filtre s'affiche:

enter image description here

La liste des réunions correspondantes apparaîtra sous la zone de filtrage, et un clic sur "cliquez ici pour affiner votre recherche fermera la zone de filtrage".

Est-il acceptable en ce qui concerne l'UX (quelle que soit la conception graphique réelle)?

Les gens sont "choqués" car ils ont l'habitude d'utiliser l'application Facebook.
Facebook affiche un menu hamburger à gauche.
Par conséquent, dans l'esprit de beaucoup de gens, beaucoup d'utilisateurs lambda considèrent que de nos jours, les applications DOIVENT avoir un menu latéral gauche (ou droit) plutôt qu'une autre forme.

(La vraie application ne traite pas des "réunions", mais c'est un exemple conceptuel).

4
Mik378

Quelques points sur votre question et quelques étapes suivantes:

  • Les experts en expérience utilisateur ne sont que des gens qui avalent leur fierté et savent demander à leurs utilisateurs/clients. J'aimerais penser que mon expérience me donne une base solide pour présenter des premiers clichés meilleurs que la moyenne, mais je sais que les utilisateurs contrôlent en fin de compte la direction de mon travail.

    Je ne prendrais pas nécessairement des conseils de conception de la part d'amis et de membres de la famille, mais si ces gens sont un marché potentiel pour vous, prenez leurs pensées à cœur, en particulier à nos yeux les soi-disant experts de StackExchange.

  • Évidemment, vous ne voulez jamais faire quelque chose comme une autre entreprise (quelle que soit sa taille) juste parce que . Il y a des raisons de s'en tenir à des modèles de conception éprouvés - vous déchargez une partie de votre courbe d'apprentissage vers des notions préconçues et profitez du travail UX effectué par cette organisation - mais vous devez vous assurer que vos objectifs utilisateur correspondent aux leurs.

    Si vous allez utiliser quelque chose de bien connu mais d'une manière différente, soyez extrêmement prudent. Si je crée une page Web avec du texte souligné en bleu et que je clique dessus fait autre chose que d'activer un lien, je vais embrouiller énormément de gens.

  • Mon plus gros problème avec la plupart des menus de hamburgers - le vôtre inclus - est qu'ils n'ont pas tendance à indiquer l'état . Dans vos captures d'écran, je ne sais pas quand le menu est ouvert et quand il est fermé - le bouton hamburger a la même apparence.

  • Enfin, à en juger par son apparence et en fonction de votre description, je ferais attention de mettre trop de poids dans le menu lui-même. Les menus de navigation sont généralement conçus pour vous amener à un emplacement, et les laisser permettre de nombreuses interactions (comme la création d'une réunion en plusieurs étapes) peut conduire à un scénario où l'utilisateur ne sait pas très bien où il se trouve.

TL; DR Il n'y a pas vraiment de bien ou de mal dans la plupart des UX ... tout dépend de la façon dont votre public comprend votre interface/interaction. Tant que vous envisagez vos utilisateurs et testez, il n'y a aucun problème à faire quelque chose de différent que Facebook ou Google. Ils n'ont certainement pas le marché accaparé de bonnes idées!

17
nathanziarek

Il ne s'agit pas de suivre ou non les tendances simplement parce que Facebook l'a fait. Sans aucun doute, Facebook a probablement effectué de nombreuses recherches auprès des utilisateurs sur ce qui est plus intuitif pour la plupart de leurs utilisateurs.

Source: Comment quelque chose devient-il une "connaissance commune"?

Vous devriez faire vos propres recherches pour voir ce qui a le plus de sens. Dans votre cas, la meilleure façon de déterminer s'il s'agit d'un comportement approprié n'est pas de demander à votre famille ou à vos amis, mais d'approcher les autres membres de votre groupe d'utilisateurs cible et exécutez un test A/B.

Les tests A/B sont du jargon pour une expérience randomisée avec deux variantes, A et B, qui sont le contrôle et le traitement de l'expérience contrôlée.

Source: http://en.wikipedia.org/wiki/A/B_testing

Observez comment les utilisateurs réagissent à chaque version et concevez en conséquence.

2
Pdxd

À partir de ces captures d'écran, il y a 3 fonctions dans cette partie de votre application.

  1. Liste des réunions, avec fonctionnalité de recherche
  2. Création de réunion, en plusieurs étapes
  3. Inviter des gens

Apparemment, ce menu est affiché sur la liste/page de recherche? (Je suppose que oui dans le reste de la réponse)

Quelques points, pas vraiment ordonnés:

  • On ne sait pas où nous en sommes. Le titre affiche le nom de l'application, quand il pourrait être utilisé pour indiquer où nous en sommes dans l'application.
  • Le menu contient des éléments très différents, et je ne vois pas qu'ils appartiennent au même endroit.
    • Meetings indique que cela vous amènerait à la liste des réunions. Mais apparemment nous y sommes déjà (n'est-ce pas?). Dans le processus de création de réunion, cela créerait une confusion quant à l'état de la réunion en cours de création si vous autorisez l'utilisateur à quitter comme ceci. Je ne sais pas vraiment ce que ferait la partie invite.
    • Create your meeting est la principale fonction générale de la page de liste des réunions. Il serait généralement représenté par +, avec un seul bouton d'action (vs 2 actions dans le menu). Dans d'autres parties de l'interface utilisateur, il ne serait pas logique d'avoir ce lien.
    • Le bouton d'alimentation n'est pas clair. S'agit-il d'une webapp? si oui, que fait ce bouton? (J'aurais tendance à penser que cela pourrait fermer le menu, mais je ne cliquerais pas dessus, craignant que cela ne ferme l'ensemble de l'application)

Cependant, le bouton burger transmet l'idée d'un menu, car il est maintenant mondialement accepté. Mais il prend la position d'une barre de débordement d'action, ce qui peut prêter à confusion à quoi s'attendre dans le menu.

Le click here to refine your search bouton (ne ressemble pas vraiment à un bouton, cependant) est trop petit.

Je ne sais pas ce que fait la cloche. Je m'attendrais à ce qu'il fixe un rappel sur une réunion, mais laquelle? Ou peut-être pour afficher les prochains rappels?

1
njzk2