web-dev-qa-db-fra.com

Quelles fonctionnalités mettre à l'échelle lors du zoom?

Supposons que j'ai un graphique redimensionnable - les utilisateurs peuvent zoomer et dézoomer. Cependant, le zoom ne redimensionne pas l'image entière de la même manière: certaines parties sont zoomées de manière traditionnelle, mais certaines peuvent être redimensionnées uniquement dans une direction (ou même rester de la même taille qu'auparavant). Exemple:

--------------                            --------------------------
|____________|                            |________________________|
                                                     _
      .          => when zoomed in =>               / \
                                                    \_/
 ------------                             --------------------------
|____________|                            |________________________|

Le point de gauche devient un grand cercle lorsque l'utilisateur effectue un zoom avant. Alors que le point est mis à l'échelle dans les directions x et y, les barres au-dessus et en dessous ne sont mises à l'échelle que dans la direction x, mais pas dans y. Connaissez-vous des recherches sur des comportements de zoom similaires et sur la manière dont ce zoom est perçu par l'utilisateur?

researchzoomingperception
2
lynxoid

J'ai peur de ne pas pouvoir répondre directement à la partie recherche de la question, mais je peux me plaindre de mon opinion personnelle, pour ce qu'elle vaut: Un problème de longue date que j'ai eu avec les interfaces zoomables est qu'elles développent les choses plutôt que de zoomer .

Le cerveau humain est vraiment très bon pour garder une trace de l'endroit où se trouvent les choses. Il utilise déjà une interface de zoom et a fait pendant des siècles: ramasser un morceau de papier et le tenir à bout de bras, puis le rapprocher pour le lire. Félicitations, une interface utilisateur zoomable. Voyez comment les choses s'agrandissent en synchronisation à mesure qu'elles se rapprochent! Voyez comment les petites choses deviennent lisibles!

Si vous faites autre chose, vous brisez la familiarité de base d'un zoom linéaire. Essayez de faire un zoom arrière sur un pdf et de revenir en arrière. Tout cela a du sens, car votre cerveau est déjà câblé pour le comprendre.

Puisque nous faisons du logiciel et non du matériel, nous avons la possibilité de faire disparaître les choses en dessous d'un niveau de zoom donné, de zoomer rapidement entre les niveaux définis, etc. Ce sont de bonnes choses.

À mon avis!

2
Phil H

Quelles fonctionnalités mettre à l'échelle lors du zoom?

La question n'est pas claire pour moi. Cela dépend totalement des fonctionnalités que vous avez. Je ne sais pas quel type de réponse vous cherchez ici, ni avec quels graphiques redimensionnables nous pouvons supposer que vous travaillez.

Optiquement , ce sont les contenus qui zooment, et les contrôles qui restent même taille. C'est le cas pour les programmes de retouche photo, les navigateurs ou même la loupe Windows. La question à vous poser ici est:

  • Où le niveau de détail devrait-il être variable et où vaut-il mieux rester le même?

Mais si vous cherchez des directives pour faire un zoom sémantique , comme @ MFrank2012 liens vers dans son commentaire, alors je suppose chaque niveau de zoom fait son propre cas particulier en fonction du contenu, et est probablement développé en utilisant la technique:

  • Si nous mettons N éléments de ce type dans un conteneur de taille X fois Y, alors comment aimerions-nous que le design ressemble?

Vous devez vous demander quels sont les besoins pour zoomer dans vos graphiques, puis vous trouverez les fonctionnalités à zoomer.

0
JOG