web-dev-qa-db-fra.com

Comment conduire des utilisateurs vers et utiliser une navigation inhabituelle

Donc, je fais de quelqu'un un site Web de haut niveau. Fondamentalement, il y a un de ces téléviseurs à l'ancienne avec des nobs circulaires, comme ceux sur un poêle, pour changer de chaîne. Vous tournez le bouton, cela change ce qui apparaît sur l'écran du téléviseur. Deux problèmes qui me sont venus à l'esprit:

  1. Comment diriger l'utilisateur vers les nœuds?
    • Mauvaises manières: mettre en évidence le noeud avec une superposition transparente brillante (bizarre et pas très efficace) ou avec une animation légère comme des fourmis en marche (également non efficace et aussi dégoûtant)
    • Moins mauvais, mais toujours atroce: Une flèche pointant vers le nob avec une boîte flottante qui lit "tournez le nob pour changer le canal". Inutile de dire que c'est horrible.
  2. Comment le mécanisme de rotation devrait-il fonctionner?
    • J'ai déjà vu des objets pivotants et ils se sentent toujours un peu gênés avec une souris. Devez-vous faire glisser la souris comme si vous la faisiez tourner, ou cliquez-vous?

Toutes les idées seraient bien.

4
James
  1. Je dis implémenter un scénario de proximité de souris chaud/froid: par exemple, changer la couleur ou la luminosité de la knob par rapport à la proximité du curseur. L'utilisateur le remarquera immédiatement et y sera naturellement attiré (l'interaction dynamique est séduisante).
  2. Vous devrez ajouter des positions avec des étiquettes (par exemple "-off/-1/-2 etc") par rapport au bouton (disposition radiale). Le clic est évident mais le vrai problème se pose quand ils voudront revenir en arrière (si ce n'est pas un choix binaire). Je recommanderais d'utiliser une solution de zone gauche/droite sur le bouton lui-même: si vous passez la souris sur la droite du bouton, il affichera une flèche courbe indiquant l'ordre positif et vice versa pour le côté gauche (bien sûr, la première et la dernière position seront avoir une seule direction indiquée).
4
Knu

Voici un conseil: rendez les chiffres sur le cadran du bouton cliquables. De cette façon, au moins les utilisateurs qui ne comprennent pas le mécanisme de rotation (qui, en fait, je ne suis pas sûr de savoir comment vous implémenteriez) peuvent toujours utiliser la convention existante de voir chose -> vouloir chose -> pointer quelque chose -> cliquez chose.

Oh, et très important: rendez le sélecteur du cadran bien visible.

Pourtant, de manière générale, je chercherais probablement un design de télévision vintage avec des boutons plutôt que des boutons. Si vos utilisateurs ressentaient la conception> la convivialité, ils visiteraient toujours ces sites de splash Flash antiques.

3
Jimmy Breck-McKye

Comment avoir la chaîne par défaut sur le téléviseur indique à l'utilisateur comment changer la chaîne?

1
jk.

Au fur et à mesure que le site Web apparaît, tournez le bouton deux fois, peut-être d'avant en arrière, en changeant de chaîne. Ensuite, "lâchez prise" et passez le contrôle à l'utilisateur.

Je pense que l'utilisation d'un style visuel légèrement différent pour le bouton peut se faire très gracieusement, et cela n'a pas besoin d'être atroce.

En ce qui concerne le mécanisme de rotation - fournir des indications de survol sur les tiques autour du bouton. Lorsque vous cliquez dessus, le bouton se transforme en coche appropriée. Au-delà de cela, la "solution de zone gauche/droite" suggérée par Knu est une bonne option, mais je le ferais avec un haut-bas ou peut-être avec une division diagonale, ce qui est plus approprié pour le concept de mouvement horaire, à mon humble avis.

1
Vitaly Mijiritsky

1. Diriger l'utilisateur

Au lieu d'un bouton, vous pouvez utiliser une télécommande, qui permettrait à l'utilisateur de savoir qu'il devrait contrôler le téléviseur et essayer de cliquer sur les boutons.

Si vous voulez vraiment les boutons, vous pouvez simplement les laisser "briller" de temps en temps. C'est très courant dans les jeux vidéo.

Voici une vidéo d'Enslaved: Regardez les petites "briques" sur le mur briller dans cette vidéo, elles clignotent presque.

2. Tourner le bouton

Soit laissez-le "tourner d'une étape" par clic, de sorte que vous pouvez simplement cliquer loin et il passera du dernier au premier réglage. Ou faites-le glisser-cliquer (de gauche à droite), mais cela pourrait être plus difficile à communiquer sans un survol, quelques flèches ou quelque chose. J'irais avec des clics.

0
John-Philip

Je reconsidérerais simplement l'idée dans son ensemble. Pensez à une autre manière, plus utilisable, de communiquer ce thème de télévision ancien aux utilisateurs. Cependant, cela semble être l'une de ces idées qui est inventée par quelqu'un, c'est-à-dire. difficile de les faire reconsidérer même si une autre implémentation servirait mieux les utilisateurs.

0
Illotus

Il semble que vous ne souhaitiez pas introduire de style ou d'éléments qui seraient supprimés si vous respectiez votre thème. Alors, que diriez-vous: a) d'une ombre en forme de main qui vient du bord de l'écran lors du survol (ou de la proximité). L'ombre n'a pas besoin d'interagir avec les cadrans/boutons car c'est une suggestion de la main de l'utilisateur.

b) Une autre option consiste à introduire un ensemble d'instructions rapides (peut-être sous la forme d'un guide TV) - elles pourraient être conçues pour correspondre au reste du thème et ne se sentiraient pas vraiment à leur place.

0
Alex Magill