web-dev-qa-db-fra.com

Considérations UX pour l'impression d'un écran d'interface utilisateur

Considérons un scénario, où une sorte d'écran d'interface utilisateur avec plusieurs graphiques est présent. La conception, comme il se doit, a des fonctionnalités telles que, lorsque l'on survole plusieurs points de données dans un graphique particulier, les données précises associées sont données sous forme de pop-up/info-bulle.

Maintenant, le client dit qu'il voudra imprimer régulièrement l'écran de l'interface utilisateur et aurait besoin de tous les points de données explicitement détaillés dans le graphique. Par exemple, un point du graphique affichera les données qui lui sont associées sur le support imprimé.

Pour répondre à ce scénario et avoir un équilibre n/b web vs impression - il pourrait y avoir quelques options sur lesquelles réfléchir -

1) Créez un autre print.css? (Le problème ici est que nous ne savons pas à quoi pourrait ressembler le graphique avec toutes les données, et qu'il s'appliquera généralement à tous les éléments de la page.)

2) Donner le contrôle à l'utilisateur, en ayant une sorte d'élément de commutateur d'impression par section ou par section?

3) Ou créer une interface de dialogue d'impression et y autoriser l'aperçu et certains paramètres?

Pensées?

3
Amit Jain

Si l'impression est une partie importante du flux de travail de vos utilisateurs, il est essentiel d'avoir une feuille de style d'impression spécifique, alors vous devez le faire indépendamment de toute autre option.

En ce qui concerne les autres options - cela dépend.

Vos utilisateurs ont-ils besoin de cette personnalisation? Ajoutez-vous de la valeur en donnant aux utilisateurs la possibilité d'imprimer certaines sections et pas d'autres ou en modifiant l'affichage de certains éléments ou d'autres options que vous souhaitez donner? Si aucune de ces options n'est essentielle ou n'ajoute aucune valeur, ne donnez pas l'option à l'utilisateur. Cela interrompt le workflow et c'est une mauvaise UX. Habituellement quand les gens veulent imprimer, c'est tout ce qu'ils veulent - ils veulent appuyer sur un bouton et tout ce qu'ils regardent actuellement à l'écran pour sortir l'imprimante sur un morceau de papier.

Si l'impression de sections spécifiques de données est importante - déplacez l'action d'impression vers ces sections - afin que chaque section ait sa propre action d'impression, plutôt qu'une impression globale où vous choisissez ensuite la section. Cela maintient l'action liée au contexte dans lequel elle se déroule.

Si vous avez besoin d'options d'impression personnalisées, il existe 2 options principales.

  1. Avoir une boîte de dialogue d'impression personnalisée qui s'affiche à chaque action d'impression.

  2. Avoir des options d'impression globales accessibles uniquement via une vue d'options ou de paramètres.

La première option souffre de mon point précédent d'interrompre le flux de travail des utilisateurs s'il n'est pas nécessaire - chaque fois que l'utilisateur imprime . La deuxième option rend les paramètres inaccessibles et interrompra le flux de travail des utilisateurs uniquement lorsque l'utilisateur doit modifier les paramètres .

La meilleure option dépend entièrement des besoins et des attentes de vos utilisateurs.

1
Cai

Je pense que la façon la plus courante est le scénario 3. Parce que vous pouvez comparer cette interaction avec l'impression d'un site Web avec l'interface utilisateur de votre navigateur. Lorsque vous imprimez un site Web, vous obtenez également une boîte de dialogue d'impression avec certains paramètres, un lien vers des paramètres avancés et à droite un aperçu de ce qui est imprimé.

0
Marijke Dekker