web-dev-qa-db-fra.com

Guide d'installation du logiciel avec captures d'écran - forme longue vs carrousel

Nous compilons des guides pour notre site Web sur la façon d'installer notre logiciel sur plusieurs plates-formes (WinXP/Vista/7/8, OSX, Linux, Android, iOS). L'implémentation la plus courante semble être une série de captures d'écran illustrant chaque étape avec une phrase accompagnant chaque capture d'écran. Chaque guide (un pour chaque plate-forme) comportera 8 à 15 étapes.

Ce que nous ne pouvons pas déterminer, c'est si nous devons créer une page avec chaque étape sous la dernière (la plus traditionnelle) où l'utilisateur fait défiler la page ou utiliser un carrousel javascript avec un bouton suivant/précédent qui fait avancer les images de capture d'écran sans avoir à faire défiler en bas de la page.

La vitesse des pages est critique et il est donc essentiel de pouvoir utiliser le chargement paresseux, mais je pense que cela est possible dans les deux cas.

Quel serait un meilleur UX à votre avis? Y a-t-il d'autres schémas que nous aurions pu manquer? Tout avis serait grandement apprécié.

3
Michelle

Il y a quelques points que vous devez considérer lors de la conception du manuel d'utilisation

  1. Permettre aux utilisateurs de se rendre rapidement où ils veulent
  2. Permettre aux utilisateurs de référencer et de comparer les informations.

Dans ce contexte, évaluez vos deux options d'une approche traditionnelle

  • Accès rapide: L'approche traditionnelle peut utiliser des liens rapides qui vous permettent de naviguer jusqu'à la section souhaitée et vous pouvez faire défiler vers le haut ou référencer des liens similaires selon vos besoins. Bien que vous puissiez également utiliser des liens rapides pour naviguer rapidement vers différentes pages, le contenu de différentes pages peut ne pas permettre aux utilisateurs de revenir là où ils étaient rapidement

  • Référence: Pour moi, c'est la chose la plus importante car les gens peuvent vouloir revenir rapidement en arrière de quelques étapes pour déterminer si elles ont correctement fait l'étape précédente ou même les trois dernières étapes correctement. Dans une mise en page traditionnelle, je peux rapidement faire défiler vers le haut ou être sur le même écran, même comparer et voir ce que j'ai fait. Dans une mise en page de plusieurs pages, je dois continuer à utiliser l'option précédente ou suivante pour référencer le contenu

Par conséquent, vous demanderez à l'utilisateur de conserver dans son esprit des informations sur l'état précédent (mémoire musculaire) tout en passant d'un état à l'autre tandis que dans l'approche traditionnelle, il peut rapidement revenir à l'état souhaité avec le défilement.

Le la dernière chose importante à laquelle je peux penser est la nécessité de l'imprimer ou de l'enregistrer hors ligne. Avec une approche traditionnelle, je dois juste l'enregistrer au format PDF ou même l'imprimer, mais si j'avais des écrans différents pour chaque section, je devrais imprimer ou enregistrer chaque écran individuel

2
Mervin

La réponse de Mervin est presque terminée. Je voudrais juste ajouter quelques éléments.

Inconvénients des assistants

  • Imprimer - les assistants ne sont pas facilement imprimables.
  • référencement lent - les utilisateurs peuvent souhaiter voir une étape particulière ou revenir en arrière de quelques étapes. Les assistants sont plus lents que la zone de défilement pour cela.
  • Contraintes de mise en page - l'espace pour chaque diapositive est limité.

Avantages des sorciers

  • Bon découpage - réduit la surcharge visuelle en ne présentant qu'une étape à la fois. Vous pouvez obtenir un effet réduit mais similaire en concevant correctement une zone de défilement (titres clairs, blocs visuels, couleurs d'arrière-plan variables par étape).
2
Izhaki