web-dev-qa-db-fra.com

Comment créer un prototype d'application avec des déclencheurs externes?

récemment, j'ai conçu une application pour un centre d'appels. Il est destiné aux consultants expérimentés. Je me demandais comment le tester, car une partie importante de celui-ci parle à un vrai client avec de vrais problèmes et aussi de vrais contrôles comme des minuteries, etc. Y a-t-il même un moyen ou dois-je simplement ignorer cette partie et tester sur une démo (qui sera probablement assez modeste en termes de fonctionnalités)?

1
djilt

Je ne sais pas quel outil vous utilisez (dans mon cas c'est Axure, donc une grande partie de cette réponse fera référence à sa fonctionnalité) mais j'ai fait face à ce défi plusieurs fois. À mes yeux, les options sont:

Simuler l'action en déclenchant son effet manuellement

C'est l'approche que j'ai la plupart du temps. Je place simplement un bouton (en lui donnant un style qui rendrait clair qu'il ne fait pas partie du système - très important, car certains clients peuvent penser que c'est une partie interne du système). Par exemple, une fois que je filme un système de messagerie, je mets un simple bouton HTML à côté de l'interface en disant [Simuler un nouveau message].

Simuler l'action en déclenchant automatiquement son effet

Si votre outil le permet, vous pouvez également déclencher certaines actions avec un délai. J'ai une fois câblé une application mobile sur laquelle une autorisation SMS était nécessaire. Il était important que la notification commence à partir du numéro de confirmation pour éviter de la tronquer dans la notification (limitation iOS) pour qu'elle ressemble à " 4093 est votre code de confirmation. "Ce que j'ai fait était d'afficher une notification en haut de l'écran filaire plusieurs secondes après le chargement de l'écran.

Incorporation de certains éléments dans un iFrame

C'est une autre chose que vous pouvez considérer. Je pense que cela pourrait être utilisé dans des situations assez rares, cependant, seulement quand il y a quelques morceaux d'éléments intégrables à utiliser. J'ai adopté cette approche une fois avec un tel élément intégrable, mais plusieurs fois je l'ai utilisé pour montrer par exemple un article ou un système externe dans le wireframe (pensez: un navigateur intégré à l'application Facebook par exemple).

Utilisation de JS

C'est quelque chose que vous pourriez probablement utiliser si votre outil le permet bien sûr et si vous avez des connaissances sur l'utilisation de JS. Encore une fois, Axure le permet, donc je peux y utiliser du code JS. Cependant, mes compétences JS ne sont pas assez grandes pour vous dire quelles seraient les limites ici. En théorie, vous pouvez utiliser JS et définir certaines variables en fonction de celui-ci.

Piratage de la sortie

Une autre chose (encore une fois: le contexte Axure ici) serait d'exporter le filaire puis de modifier le code lui-même pour fournir des fonctionnalités supplémentaires. Je l'ai essayé une fois et à moins qu'il n'y ait une exigence vraiment très stricte, je ne le recommanderais pas. C'est très ennuyeux, car chaque fois que vous modifiez quelque chose dans le filaire, vous devez rééditer le fichier exporté et le télécharger manuellement sur Axshare.

Gardez-le statique!

adoptez cette approche autant que possible. J'ai appris que plus il y a de choses cachées derrière certaines dépendances ou interactions utilisateur dans votre filaire, plus il est probable que le destinataire/partie prenante ne le verra pas du tout et qu'il vous reviendra quand il sera développé avec une rétroaction qu'il ne devrait pas être fait comme ça. Bien sûr, cela peut varier d'un client à l'autre, mais en général, je pense que cette approche est bonne. Le wireframe est un compromis entre une spécification et un système qui fonctionne de toute façon, il est donc naturel que certaines choses ne puissent pas y être correctement reproduites.

3
Dominik Oslizlo

La réponse dépend bien sûr de ce que vous souhaitez tester exactement dans l'application. Cependant, pour la plupart des objectifs de test, je ne présumerais pas qu'il est nécessaire d'inclure minutieusement ces fonctionnalités dans un prototype.

Test utilisateur pour tester la convivialité

Je suis toujours impressionné par la facilité avec laquelle les utilisateurs de tests peuvent imaginer les fonctionnalités prévues même s'il n'y a que des conceptions statiques. Pour les éléments connus comme une minuterie, vous n'avez pas besoin qu'ils soient dynamiques. Tous les utilisateurs peuvent imaginer qu'il comptera le temps dans l'application réelle même s'il affiche des nombres statiques dans le prototype. Et vous pouvez toujours expliquer le comportement prévu à l'utilisateur de test. Au lieu de perdre beaucoup de temps avec le prototypage d'une minuterie dynamique, essayez de rester simple et obtenir les commentaires des utilisateurs le plus tôt possible.

Présentez le prototype à votre client

Pour présenter le prototype, vous n'avez pas non plus besoin d'éléments dynamiques, car vous pouvez préparer votre prototype en fonction de votre présentation. Le prototype ne fonctionnera alors pleinement que dans votre commande préparée, mais encore une fois, au lieu de perdre beaucoup de temps avec les détails, il répond probablement à ses exigences pour communiquer une idée et sert de preuve de concept.

Définissez les fonctionnalités requises

Si vous voulez savoir quelles fonctionnalités sont requises dans votre application, vous ne commencerez probablement pas du tout par un prototype. Au lieu de cela, observez comment votre groupe cible travaille dans des situations réelles et menez des entretiens. Vous pouvez également leur présenter votre prototype et leur demander leur avis, mais cela ne nécessite pas non plus d'éléments entièrement dynamiques.


Bien sûr, vous ne voulez pas expliquer vos utilisateurs de test ou votre groupe cible plus que nécessaire et vous voulez présenter un prototype convaincant à votre client. Il existe plusieurs façons simples de simuler le comportement dynamique d'un prototype sans trop d'effort. Je travaille le plus avec Pidoco , mais des fonctions similaires sont proposées dans de nombreux autres outils de prototypage.

1. Interactions temporelles

De nombreux outils incluent des interactions basées sur le temps, où vous pouvez déclencher des actions avec un délai prédéfini. Par exemple. une fenêtre contextuelle peut apparaître après plusieurs secondes sur une page spécifique, où un appel entrant est simulé. Les interactions basées sur le temps peuvent généralement être attachées aux interactions précédentes (certain temps après avoir cliqué sur un bouton spécifique) ou au chargement de la page (certain temps après l'ouverture d'une page spécifique).

2. Domaines d'action

Les zones d'action ou également appelées zones de lien sont des zones invisibles, qui déclenchent une réaction spécifiée sur un clic, un survol ou une autre entrée utilisateur. Ceci est particulièrement utile lorsque vous présentez votre prototype afin que vous seul interagissiez avec lui. Mais dans certaines situations, il peut tout aussi bien être utilisé pour les utilisateurs de test.

3. Éléments d'appel à l'action

Bien sûr, vous pouvez également ajouter des boutons visibles ou d'autres éléments qui déclenchent des actions spécifiques. Par exemple. un bouton appelé "appel entrant" peut déclencher la simulation des appels entrants. Ces éléments visibles n'ont pas l'air si agréables dans votre prototype, car ils n'appartiennent pas à la conception réelle de l'application. Je les place généralement en haut ou en bas de la page, j'essaie donc de les distinguer spatialement des éléments réels inclus dans l'application et d'offrir une vue dans laquelle ils ne sont pas nécessairement visibles (par exemple avec le défilement).

0
Vebu