Conception dans le navigateur
Explorez la conception d'application en ligne gratuitement, un écran à la fois
Une page web peut être un point de départ pratique pour la conception d'application : décrivez une tâche, définissez les écrans nécessaires et examinez une direction visuelle avant de vous engager dans un processus plus vaste. Commencez par un cahier des charges succinct que vous pourrez évaluer, plutôt que d’essayer de définir tout un produit d’un seul coup.
Trois façons de développer un concept d’application
L’accès par navigateur n’est qu’un point de départ. L’essentiel est de déterminer ce qu’un écran doit communiquer, comment une personne y navigue et ce qui doit se passer lorsqu’une tâche échoue.
- logiciel de conception d'application Comparez les fonctionnalités qui comptent pour choisir entre un processus dans le navigateur et d’autres logiciels de conception.
- outil gratuit de conception d'application Découvrez comment transformer un bref descriptif d’écran en une direction de conception que vous pourrez évaluer.
- comment concevoir l’interface utilisateur d’une application Suivez une méthode pratique pour organiser les commandes, le contenu et les messages de retour sur un écran.
Passez de la tâche à l’écran, étape par étape
Limitez suffisamment la première version pour pouvoir l’évaluer. Une tâche utilisateur complète en révèle davantage sur une interface qu’une série d’écrans soignés mais sans lien entre eux.
-
1
Décrivez la tâche de l’utilisateur
Précisez qui est la personne, quel est son objectif immédiat et quelle décision l’écran doit l’aider à prendre. Pour une prise de rendez-vous, indiquez si elle choisit un service, sélectionne un créneau ou confirme une réservation. Cette distinction détermine les informations à afficher à l’écran.
-
2
Organisez les éléments essentiels
Placez l’action principale là où son objectif est clair, regroupez les choix associés et laissez suffisamment de place aux libellés importants pour qu’ils soient compréhensibles. Prévoyez un état vide ou un état d’erreur dans le cahier des charges afin que la mise en page soit utile au-delà du scénario idéal.
-
3
Vérifiez l’action suivante
Examinez l’écran comme si vous le découvriez. Vérifiez ce que vous remarquez en premier, ce que vous pouvez modifier et comment vous savez qu’une action a réussi. Révisez le cahier des charges si la réponse nécessite une explication extérieure à l’interface.
Connaissez les limites d’une approche centrée sur le navigateur
Le terme « en ligne » décrit le point de départ, pas toutes les capacités dont vous aurez besoin. Utilisez cette comparaison pour distinguer les premières étapes de conception des exigences d’un processus produit abouti.
| Exploration d’abord dans le navigateur | Processus complet de conception de produit | |
|---|---|---|
| Meilleur point de départ | Une tâche utilisateur définie et une première orientation pour l’écran. | Un périmètre produit, une recherche utilisateur et un plan de livraison convenu. |
| Niveau de détail | Une structure suffisante pour discuter du contenu, de la hiérarchie et des actions. | Des états définis, des modèles réutilisables et des détails d’implémentation. |
| Navigation | Un parcours simple pour accomplir la tâche peut révéler les étapes manquantes. | Les parcours plus larges doivent tenir compte des points d’entrée, des retours et des exceptions. |
| Accessibilité | Vérifiez la lisibilité des libellés, la clarté des actions et la compréhension des erreurs. | Testez les interactions et le fonctionnement avec les technologies d’assistance, et vérifiez les exigences documentées. |
| Validation | Vérifiez si le concept est compréhensible pour le public visé. | Observez des personnes accomplir les tâches et apportez des modifications en fonction des résultats. |
| Transmission aux équipes | Consignez les décisions et les questions en suspens avec le concept. | Confirmez les spécifications et le comportement attendu avec les personnes qui développent le produit. |
Poursuivez avec un écran que vous pouvez évaluer
Pour une conception d'application en ligne gratuite, le brief de départ le plus utile précise une tâche, les informations nécessaires pour l’accomplir et la réponse à prévoir si une action échoue. Utilisez ce brief dans le navigateur, puis évaluez l’orientation obtenue au regard de ces exigences. Les fonctionnalités disponibles et les conditions d’accès dépendent de la destination.
Donnez un objectif clair à votre premier écran
- Concentrez-vous sur une seule tâche utilisateur.
- Prévoyez un parcours de réussite et un état d’erreur.
- Examinez le résultat avant d’étendre le parcours.
Questions sur la conception d’une application en ligne
Une démarche axée d’abord sur le navigateur permet de commencer à planifier une interface sans faire de l’installation d’un logiciel de bureau la première étape. Commencez par décrire une tâche utilisateur et l’écran nécessaire pour l’accomplir. Vérifiez les fonctionnalités actuelles du service et ses conditions d’accès.
Non. Une expression de recherche ne permet pas de connaître les conditions du service ni les fonctionnalités disponibles à chaque niveau d’accès. Consultez les conditions actuelles avant de compter sur une fonctionnalité particulière pour votre projet.
Notez à qui s’adresse l’écran, ce que cette personne doit faire et les informations dont elle a besoin pour prendre une décision. Ajoutez l’action principale et au moins une situation dans laquelle la tâche ne peut pas se dérouler comme prévu. Un cahier des charges précis est plus facile à évaluer qu’une demande portant sur une application complète.
Un concept peut aider à communiquer la disposition et l’intention, mais il ne remplace ni la validation du comportement ni les décisions de mise en œuvre. Avant le développement, tenez compte de la navigation, des erreurs, de l’accessibilité et des états que les utilisateurs rencontreront en dehors du parcours idéal.