web-dev-qa-db-fra.com

Existe-t-il un ordre standard pour les boutons «Stop», «Lecture», «Précédent» et «Suivant»?

J'ai des boutons Stop, Play, Back et Forward avec des icônes de DVD stéréotypées dans une application que je crée.

Existe-t-il une norme pour les commander?

8
Jonathan Mee

<< | >/|| | >> | O

Retour - Lecture/Pause - Avant - Arrêt

Du point de vue UX, je le vois de cette façon. Garder le bouton d'arrêt est nécessaire, c'est un moyen facile de recommencer depuis le début. En même temps, il doit être un peu éloigné du bouton de lecture/pause pour éviter un arrêt accidentel de la lecture multimédia.

Code couleur le même que sur les lecteurs DVD.

 Retour - Lecture/Pause - Avant - Arrêt 
 Noir - Vert - Noir - Rouge 

(c'est l'habituel, donc les utilisateurs peuvent même s'y rapporter en tant que modèle mental) ou tout ce qui convient à l'interface utilisateur, mais en distinguant clairement chaque bouton. Cela vous aidera à coup sûr.

3
Vinay

Si vous pensez à une vidéo comme une chronologie, alors pour les cultures occidentales, l'ordre intuitif serait:

<< | > | >>

Voir l'une de mes autres réponses pour plus d'informations sur la direction en ce qui concerne la représentation du temps dans une interface et comment le paradigme commun de gauche à droite est représentatif de l'influence de la culture occidentale sur la technologie.

Retour

Dans le contexte d'une chronologie, un déplacement à gauche sur la chronologie correspondrait à un rembobinage.

Marche/Arrêt

Démarrer/arrêter, c'est contrôler le point "présent" de la chronologie, ce qui le placerait entre les points passés et futurs de la ligne. Normalement, le démarrage et l'arrêt/la pause d'une vidéo sont gérés par le même bouton (une bascule) de sorte que vous ne voyez pas toujours cela comme plusieurs boutons.

Avant

Enfin, l'avance rapide déplace le point actuel de la chronologie vers la droite, de sorte que ce bouton doit être le dernier.

5
Charles Wesley

Oui. C'est généralement:

|Back|Stop|Play/Pause|Forward|

Celles-ci correspondent à peu près à une chronologie, comme si l'on faisait défiler horizontalement la vidéo.

1
user1

Mon magnétoscope a résolu cela d'une manière très agréable. Sur la page 5 sur PDF Reader (3 sur le document physique) du Philips VR 668 User's Manual , vous pouvez voir à droite de l'appareil "type de une roue "avec les boutons pour contrôler l'état de lecture.

Cet étrange symbole en haut est la fonction Pause; Je pense qu'ils l'ont rendu différent de l'icône standard à deux barres verticales juste pour rendre évident qu'il allume la navette (une roue extérieure pour avancer/rembobiner la bande avec différents niveaux de vitesse).

Ce n'était qu'une note secondaire; revenir au point à nouveau. Ils sont organisés comme

          Pause
Rewind    PLAY    Forward
          Stop

et j'aime ça. Le problème avec cette approche est qu'il faut trois lignes et trois colonnes avec quatre espaces vides et je ne sais pas si l'espace est un problème pour vous.

Dans la télécommande, les boutons sont d'une manière différente. Sur la page 4 sur PDF Reader (2 sur le document physique), il y a une photo de celui-ci où les boutons de lecture sont comme

Rewind     PLAY     Forward
Index      Pause    Stop

et je ne l'aime pas tant que la propre interface du magnétoscope.

La fonction du bouton Index est décrite à la page 18 sur PDF Reader (16 sur le document physique) du manuel et je ne pense pas qu'elle ait un but utile pour votre cas.

Le bouton Pause (décrit comme Still/Jog On) a une caractéristique particulièrement intéressante: lorsqu'il est activé, il allume un rétro-éclairage vert sur lui-même, juste pour indiquer que le jog (la roue intérieure pour avancer/rembobiner avec beaucoup de précision) est réceptif à l'utilisateur action sur elle.

CONCLUSION: D'après ma propre réponse, il y a un schéma notable:

  • Le bouton Lecture est toujours sur un chemin surligné, en le rendant central et plus visible que les autres. Dans le magnétoscope et la télécommande, il est plus grand que les autres boutons.

  • Il y a un ordre de gauche à droite de rembobinage/lecture/avance, qui est logiquement intuitif.

  • Le bouton Pause est horizontalement centré et verticalement aligné avec le bouton Lecture

  • Le bouton Stop est sur la dernière position.

1
sergiol