web-dev-qa-db-fra.com

UI Design pour expliquer la traduction et la rotation d'un objet spécifique à la référence

Je veux expliquer et montrer à l'utilisateur de quelle manière il doit faire pivoter ou déplacer l'objet pour qu'il tienne exactement au bon endroit. L'utilisateur ne peut pas voir les points d'orientation qui se trouvent en dehors de la vue. Il ne sait pas non plus dans quel angle ou position l'objet doit être placé dans la vue.

J'ai eu quelques discussions sur cette solution avec les croix. Donc, si vous avez des idées ou des commentaires sur ma solution, ce serait génial!

blub

Dans cette image, je veux juste décrire le problème et les trois façons de déplacer l'objet, qui le déplacent le long de l'axe des x, de l'axe des y ou simplement de le faire pivoter.

blub

Cette image montre ma solution pour ce problème jusqu'à présent. L'utilisateur doit apporter la croix rouge exactement sur la croix noire. La croix noire est l'endroit que nous voulons atteindre, si la croix rouge devient verte, l'objet est dans la bonne position.

3
Lucas

C'est difficile mais je pense que vous pouvez supporter le même effet/guidage un peu plus discrètement.

Tout d'abord, je voudrais indiquer que l'objet peut être manipulé dans toutes les directions avec une icône facilement reconnaissable.

Ensuite, j'aurais un point au centre du rectangle qui change d'apparence en fonction de la proximité de l'utilisateur pour amener l'objet dans la bonne direction. Semblable à votre croix là-bas, mais un peu plus discret sans occuper trop d'espace.

Voir les captures d'écran ci-jointes.

enter image description hereenter image description here

J'approche cela avec la logique que vous voulez que vos utilisateurs trouvent eux-mêmes le bon alignement. Sans signes ni indications trop évidents.

Maintenant, je pourrais être loin de ce que vous avez en tête. Je ne connais pas le but de l'application et je ne connais pas les utilisateurs potentiels. Ce sont des questions clés qui affecteront votre mise en œuvre.

Voulez-vous que les utilisateurs déterminent eux-mêmes l'alignement? Voulez-vous leur expliquer à quel point le rectangle doit être centré? Vos utilisateurs sont-ils d'un âge (ou d'une familiarité technologique) où ce concept ne sera pas complètement nouveau?

Je n'en ai aucune idée et il n'y a pas 100% de bonne façon de le faire. UX en 3D via un support 2D est difficile et il faudra des essais et des erreurs. Enfer, j'ai du mal à vous transmettre mon idée et nous "parlons" tous les deux la même langue ici.

Je vous suggère d'essayer différentes méthodes et de tester avec certains utilisateurs. Voyez ce qui est plus intuitif pour eux et bien sûr, considérez également vos objectifs.

2
Socrates Kolios