Les wireframes d'abord ou après des croquis de conception visuelle approximatifs?
Voici comment je travaille habituellement:
- Après avoir rassemblé les besoins des entreprises et des utilisateurs, j'ai une séance de remue-méninges avec le groupe de projet pour trouver de grandes idées de haut niveau sur le concept et les fonctionnalités du site Web.
- Ensuite, je vais étoffer les idées moi-même sur un plan du site et quelques filaires.
- Ensuite, je rencontre à nouveau l'équipe du projet et discute des wireframes.
- Et enfin, après l'approbation des wireframes, le directeur artistique/concepteur visuel commence à donner vie aux wireframes dans Photoshop.
Dois-je commencer par des wireframes ou par quelques croquis de conception approximatifs pour diriger le concepteur d'interaction? Qui devrait prendre la tête du processus de conception?
Commencez-vous par des images filaires ou par quelques croquis de conception approximatifs pour diriger le concepteur d'interaction.
Oui et non. Il est important de pouvoir se déplacer entre les visuels de conception et de ne pas se contraindre à un modèle en cascade (1-2-3-4) sans avoir la possibilité de refaire le travail précédent. Un bon exemple de cela est Jesse James Garretts 5 éléments, où vous commencez en bas en vous déplaçant plus haut dans les couches vers la surface de conception visuelle. Mais, comme le dit Jesse James dans son livre " The Elements of User Experience ": "Si quelque chose échoue en cours de route, déplacez-vous plus librement entre les couches. La partie importante est qu'une étape du processus ne peut pas terminer avant que toutes les étapes précédentes soient terminées ". Signification de la stratégie d'arrivée avant la portée et de la portée finale avant la structure.
Je suis un processus similaire mais avec une conception de flux étape supplémentaire.
Je préfère, comme je suis la personne UX, savoir ce que l'utilisateur doit réaliser. J'aime utiliser des cas d'utilisation pré-écrits (ou je les écris moi-même) en fonction de ce dont le système a besoin pour aider l'utilisateur à réaliser.
Pour utiliser un exemple de site Web: En tant que client, je veux pouvoir ajouter un article à mon panier, puis revenir à la page d'achat d'où je viens. En tant que client, je souhaite ajouter un article à mon panier et passer à la caisse.
Il s'agit d'un flux d'action de haut niveau que je décomposerai ensuite en écrans. À partir des écrans, je vais calculer comment l'utilisateur peut interfacer ces écrans, puis construire l'UX autour de cela. Une fois l'UX calculé, le design est construit autour de l'UX.
J'aime travailler le plus possible en collaboration. L'idéal est de pouvoir optimiser les concepts visuels qui peuvent améliorer la conception.
J'utilise des filaires pour m'assurer que le contenu, les concepts et le flux sont bien compris avant d'engager le concepteur visuel.
En particulier s'il y a un défi de conception nouveau ou difficile, alors apporter une gamme de premiers filaires (rugueux) au concepteur visuel et chercher ensemble des moyens pour que la communication visuelle réussisse et ne réussisse pas avec les concepts peut faire évoluer un meilleur design.