web-dev-qa-db-fra.com

Meilleure option conviviale pour le placement des boutons et des icônes

J'ai créé des contrôles d'interface utilisateur ci-dessous ... mais je ne sais pas s'ils sont vraiment conviviaux ou non ... donc dans l'ensemble, ils devraient bien paraître ainsi que l'utilisateur devrait être en mesure de comprendre le moment où ils voient que ces boutons sont les contrôles via que je peux contrôler/régler la caméra

C'est ce que j'ai déjà:

Écran actuel: enter image description here

Voici les écrans que je pensais changer pour:

1) enter image description here

2)enter image description here

3)enter image description here

4)enter image description here

5)enter image description here

Les flèches haut et bas sont les boutons qui déplacent la caméra. Mais la caméra entre les deux ne touche rien, ce n'est pas un bouton ... elle représente juste une icône .. J'ai ajouté cette icône pour le rendre plus clair car l'écran actuel me semble confus.

Veuillez suggérer!

De nouveaux designs ont créé les commentaires suivants: Option 1 enter image description here

Option 2 enter image description here

1
AT - UID

Reconsidérez tout le paradigme. Peu importe où vous placez ces flèches, elles n'offriront pas une expérience conviviale. Tout d'abord, placés hors de la boîte, ils sont hors contexte ... seulement légèrement mais quand même. Seconde. Le clic pour déplacer n'est pas aussi efficace qu'un glissement sur l'image de la caméra pour la déplacer.

Je vous suggère de faire glisser l'image pour définir le réglage. Cela permet à l'utilisateur de le déplacer simplement comme bon lui semble. Vous pouvez survoler les indicateurs et les instructions comme je l'ai ici si l'aide.

Je me rends compte que ce n'est peut-être pas techniquement réalisable et que les flèches sont nécessaires. Si c'est le cas. Passez-les sur l'image et faites-les garder les unes à côté des autres pour un minimum de mouvements de la souris.

enter image description here

J'ai placé les commandes au centre en bas afin qu'elles n'entrent pas en conflit avec le visage du client. (hypothèse de ma part). Enfin, ce ne sont que des maquettes de 30 secondes. Pour la conception finale, je considérerais quelque chose comme ceci:

enter image description here

J'espère que cela pourra aider.

7
Itumac