Sur la base des informations recueillies, ou en tant que progression naturelle à partir du stade conceptuel, nous créons des prototypes de fidélité faible à moyenne pour décrire le parcours de l'utilisateur de bout en bout. Nous utilisons également des comps visuels pour créer un prototype interactif afin de tester la convivialité et la proposition de marque. Lorsqu'un projet évolue vers une conception complète, nous développons l'architecture de l'information (IA) et la taxonomie. Les méthodologies qui soutiennent la création de prototypes et le développement de l'architecture de l'information sont énumérées ci-dessous.
LE MAILLAGE DES FILS
Les wireframes sont un outil précieux lors de la conception de sites web et d'applications, car ils sont relativement faciles à utiliser. rapide et facile à créer et à modifier la révision suivante.
Ils nous permettent de définir comment les pages d'une application ou d'un site web seront présentées à différents points de rupture, avec des notes décrivant le comportement ou l'interaction. Nous les utilisons pour obtenir l'accord de nos clients sur la conception avant de passer à l'étape du prototypage. Il est beaucoup moins coûteux et plus rapide d'ajuster des wireframes que des conceptions plus complexes à un stade ultérieur du processus.
Ce que nous incluons dans un Wireframe
Nous devons toujours tenir compte des besoins du projet lorsque nous créons des wireframes. Il peut suffire de les créer à main levée à l'aide d'un stylo et d'un papier ou il peut nous être demandé d'utiliser l'un des différents logiciels de wireframe. Qu'elle soit créée à la main ou à l'aide d'un logiciel, l'image fil de fer comprendra les mêmes éléments de base :
- La mise en page de tous les composants de la page
- Les éléments interactifs
- Images et textes
- Titres et rubriques
- Boîtes de navigation et de recherche
Nous avons le choix entre développer prototypes à faible, moyenne ou haute fidélité et ce choix dépend vraiment de la manière dont elles seront utilisées et avec qui. Certaines personnes ont du mal à comprendre les wireframes lo-fi parce qu'il n'y a pas de marque, que le texte est un espace réservé lorum ipsum et que les sections ne sont que des lignes tracées sur la page. L'augmentation de la fidélité peut apporter plus de clarté et s'avère très utile si des tests d'utilisateurs sont entrepris.
Détermination de la conception
Notre concepteur de l'expérience utilisateur (UXD) travaillera avec vous pour comprendre quels éléments de contenu doivent apparaître sur la page. Il souhaitera également comprendre les objectifs de la page pour chacune des pages à concevoir et à comprendre en fonction de la plateforme - si nous concevons un site web qui est réactif ou qui aura une version mobile. Les objectifs de page aident l'UXD à donner la priorité à la disposition du contenu et, sur les petits écrans, à la hiérarchie du contenu.
Il s'agit d'un processus de collaboration et nous mènerons normalement cette activité sur place, en travaillant avec vous et votre équipe. Au minimum, nous aurons besoin d'une séance d'information détaillée avec vous, puis d'un accès régulier tout au long du processus de conception afin de vérifier et d'itérer les wireframes au fur et à mesure que nous avançons.
Les produits à livrer
Les wireframes seront livrés dans le format convenu au préalable. Un exemple de wireframe basse fidélité est présenté ci-dessous et représente le type de détail que l'on peut attendre pour chaque page. Toutes les pages ne feront pas l'objet d'un wireframe, car il n'est pas utile de wireframer des pages dont la mise en page est identique ou très similaire. Les produits livrables seront donc constitués des pages clés sur toutes les plates-formes.
Exemple d'une maquette basse fidélité
PROTOTYPES INTERACTIFS
Le processus de conception
Nous suivons une méthodologie standard de conception de l'expérience utilisateur pour créer des prototypes et nous nous attendons donc à ce que de nombreuses, voire toutes les étapes du processus de conception centrée sur l'utilisateur jusqu'à celle-ci aient déjà été franchies.
Cela signifie que nos prototypes sont développés à partir de :
- Une compréhension claire de la exigences des utilisateurs concernant la proposition
- Validation de la proposition avec les utilisateurs et les parties prenantes
- Bien développé personnes représentant les principaux segments du public
- Cas d'utilisation et flux de travail
- Parcours de l'utilisateur
- Images fil de fer
Une fois ces éléments en place, nous pouvons développer les prototypes de conception et passer peu de temps avec vous et votre équipe pour les mettre en place.
Pour faciliter la recherche des utilisateurs, des prototypes sont créés sur la base de scénarios plausibles comprenant des interactions qui soutiennent les objectifs de l'utilisateur.
Nous utilisons un 25:50:20:5 approche du développement de prototypes.
Le première étape consiste à créer environ 25% du prototype, puis à obtenir les réactions du client pour s'assurer que nous sommes dans la bonne direction. Nous continuons ensuite à développer jusqu'à ce que nous ayons achevé environ 75% du travail de conception, puis réaliser une examen plus approfondi. Après cela, nous emmenons le prototype à version complète et finie et de consacrer 5% du temps à l'étude de l'impact de l'activité sur l'environnement. ajustements et changements.
Nous avons également l'expérience de travailler avec et dans le cadre de les équipes agiles (ou lean UX) et de fournir la ressource UXD (ainsi que la ressource de recherche).
LOGICIEL DE PROTOTYPAGE :
Nos concepteurs UX seniors sont familiers avec une gamme de logiciels de prototypage, y compris des produits populaires tels que Axure RP, Invision, Omnigraffle, Esquisse et bien d'autres encore ? même HTML. Nos clients trouvent plus facile de développer des prototypes dans des logiciels qu'ils utilisent déjà et nous sommes heureux de le faire.
Nombre de ces logiciels nous permettent de réaliser des prototypes pour plusieurs plateformes rapidement et efficacement, car ils disposent de fonctions de redimensionnement en fonction de la taille des écrans des téléphones portables. Ils disposent également de fonctions de partage qui facilitent le partage des produits livrables avec le client au fur et à mesure de leur développement et à la fin du processus de conception.
ÉTUDE DE CAS :
Pour un client de la grande distribution, il nous a été demandé de créer un prototype interactif dans le cadre d'une recherche sur les utilisateurs qu'il prévoyait de mener. Ils avaient des conceptions plates et nous avons donc pu les prendre et créer des points de contact cliquables pour les rendre interactifs. Cela a permis d'économiser beaucoup de temps et d'argent et de fournir toutes les informations nécessaires à la recherche sur les utilisateurs.
EXAMEN DU PARCOURS DE L'UTILISATEUR
Il s'agit d'une étape importante, que nous soyons engagés pour construire les prototypes ou que l'équipe du client souhaite les construire en interne. Nous procédons à un examen détaillé de tous les parcours utilisateurs et fournissons une analyse indépendante :
- Le parcours holistique de l'utilisateur
- Le points de contact et canaux et vérifier les entrées et les sorties
- Le flux de travail et étapes du processus avec une référence particulière aux trajets alternatifs
Nous identifions les points à améliorer dans les parcours et les micro-interactions pendant et entre les étapes clés du parcours de l'utilisateur.
Nous évaluons également les aspects du parcours de l'utilisateur qui bénéficieront le plus d'un test d'utilisation et les détails nécessaires pour soutenir les sessions de test. De cette manière, nous pouvons aider à établir des priorités pour l'activité de prototypage et éviter les sessions de test inefficaces. Cela peut être dû à des étapes manquantes dans le processus, à des interactions clés non construites qui sont cruciales pour d'autres processus ou à des hypothèses faites sur ce que fera l'utilisateur.
Nous nous appuyons sur notre vaste expérience des tests de convivialité des prototypes pour fournir des orientations et des conseils qui permettent à l'équipe du client, ou à notre propre équipe, d'économiser du temps et de l'argent.
ÉTUDE DE CAS : EXAMEN DU PARCOURS DE L'UTILISATEUR
En collaboration avec une équipe interne, nous avons reçu les parcours des utilisateurs et nous avons été invités à effectuer un examen d'expert avant que l'équipe interne ne développe des prototypes qu'il nous serait ensuite demandé d'évaluer avec les utilisateurs. Nos commentaires ont permis à l'équipe interne de se concentrer sur les parcours utilisateurs clés qui devaient être testés et d'aborder certains problèmes de flux qui n'avaient pas été découverts auparavant.
Vous avez un projet en tête ?