web-dev-qa-db-fra.com

Quelle est la meilleure pratique pour un didacticiel interactif?

Je travaille sur la mise en œuvre d'un didacticiel interactif qui montre aux utilisateurs comment utiliser différents produits sur un site Web. De nombreux utilisateurs du site n'ont pas de compétences avancées en informatique ou en Internet, le didacticiel sera donc aussi basique que "Étape 1: Cliquez ici pour XYZ".

Je considère d'abord comment les utilisateurs pourront trouver le tutoriel sur chaque page/produit du site, afin qu'ils puissent toujours l'ouvrir s'ils n'ont pas utilisé le produit depuis un certain temps. Je vais évidemment inclure une fonction qui démarre le didacticiel si c'est la première fois qu'ils consultent le produit/la page, ainsi qu'un bouton de saut ou de fermeture s'ils souhaitent essayer de le comprendre eux-mêmes.

Les modaux du didacticiel doivent-ils être corrigés ou se déplacer pour être à côté de l'endroit où l'utilisateur doit cliquer, ou dois-je simplement faire en sorte que le bouton sur lequel il doit cliquer brille ou quelque chose comme ça pour attirer son attention?

Existe-t-il une convention de dénomination universellement comprise, à part "aide" pour le bouton permettant de lancer le didacticiel à tout moment?

Tout avis sera le bienvenu.

2
designmonster

Dans notre produit, nous utilisons un plugin appelé Hopskotch . Ils utilisent l'expression `` Tour '', qui semble appropriée, car elle est plus axée sur vous montrer et voir les sites, qui a des connotations plus positives que `` Tutoriel '', qui ressemble plus à une corvée que vous devez faire.

Nous lançons automatiquement la visite lors de la première visite, que vous pouvez ensuite suivre ou ignorer. il y a un joli gros bouton fixé en bas à droite de l'écran, appelé `` Tour '', avec un petit icône de pannea , si les utilisateurs souhaitent reprendre là où ils se sont arrêtés au moment de leur choix.

Obtenir les bonnes étapes de la visite est un peu un art, mais les tests avec les utilisateurs peuvent aider à affiner cela. De plus, vous devez vous demander si la visite va pointer vers des éléments cachés, etc.

J'espère que cela pourra aider.

1
cheersphilip

De nombreux jeux informatiques enseignent au joueur et fournissent des tutoriels sans faille pour montrer à l'utilisateur comment jouer au jeu. Par exemple, dans de nombreux jeux, il vous sera initialement montré comment effectuer certaines tâches, comme:

  • quelles touches appuyer et dans quel ordre, où le jeu affichera le résultat si vous le faites correctement
  • clignotant sur une icône ou un menu, qui s'anime ensuite pour révéler le sous-menu, pour vous montrer comment interagir avec lui

Ces mécanismes de didacticiel font partie de la mécanique du jeu d'intégration.

http://www.igamify.com/category/toolkit-gamification-game-mechanics-onboarding-design-game-mechanics

Nous allons parler d'Onboarding et du mécanisme de jeu appelé Onboarding. Qu'Est-ce que c'est? Comment le joueur acquiert les compétences, les connaissances et les comportements nécessaires pour devenir efficace.

Cela peut prendre la forme de didacticiels, d’orientation ou d’une section d’aide, mais c’est plus que cela. Pensez à la façon dont vous parcourez réellement les utilisateurs tout au long de votre expérience et à la façon dont vous leur fournissez de l'aide quand ils en ont besoin, comment ils en ont besoin, en petits morceaux. Parce que nous savons tous que personne ne lira le menu d'aide ou le classeur qui accompagne le programme, ils vont juste commencer à extraire des trucs et à jouer avec votre site Web.

Il peut être difficile de traduire ce que l'industrie du jeu fait depuis de nombreuses décennies en d'autres types de logiciels, mais vous voyez de plus en plus de logiciels non-gaming offrant de très bons concepts d'intégration sans faille. À titre d'exemple, découvrez comment LinkedIn met les utilisateurs à jour sans montrer un didacticiel qu'ils doivent regarder et lire.

L'intégration des mécanismes de jeu peut être coûteuse, longue et difficile à construire et à bien faire, mais lorsque vous le faites bien, vos utilisateurs seront ravis.

1
SteveD

Je recommanderais un tutoriel qui affichera une fenêtre avec une flèche à côté d'un élément spécifique et décrira ce qu'il fait. Cela permettra à l'utilisateur de trouver plus facilement l'option qu'il recherche.

En termes de bouton pour lancer le tutoriel, vous pouvez simplement le nommer Voir le tutoriel et le placer dans un endroit visible (mais pas dans le menu principal).

0
Patryk Michalik