Wireframing est une technique utilisée par les concepteurs de sites web depuis un certain temps et avec beaucoup de succès, car elle combine les avantages de la rapidité et du faible coût de la technologie avec une efficacité et une clarté qui en font un outil extrêmement utile et flexible aux premiers stades de la conception et du développement d'un site web.
La fonction de base d'un wireframe est de présenter une modèle exploitable et compréhensible de la structure, de l'interface utilisateur et du contenu d'un site web et donnent une bonne idée de la fonctionnalité, du flux d'utilisateurs et d'autres caractéristiques qui peuvent être utiles aux concepteurs et aux autres parties intéressées au cours de la phase initiale de développement.
Les wireframes sont souvent développés et fournis par le biais de progiciels particuliers, mais ils peuvent aussi être de simples dessins sur papier ou sur un tableau blanc (ou du moins commencer ainsi avant d'être intégrés dans un support plus sophistiqué). Les éléments constitutifs d'un wireframe sont généralement des boîtes simples, des lignes, du texte et des zones ombrées pour représenter le contenu, les graphiques, les fonctionnalités, ainsi que les relations et la progression entre eux. La hiérarchie typographique et la mise en page peuvent également être représentées dans la structure.
Deux types de wireframing :
- Le simple fil de fer vectoriel ? une série d'écrans dessinés représentant grossièrement les principaux éléments du site avec des espaces réservés pour les graphiques, le texte, les fonctions, etc. et avec une architecture approximative construite autour d'eux pour décrire la navigation et les relations fonctionnelles. Une version plus sophistiquée peut inclure du texte, des commentaires sur les fonctions et le contenu, ainsi que des images et des graphiques réels.
- Le Image filaire de l'interface utilisateur ? une version statique du site ; les pages elles-mêmes sont donc des versions assez définitives des pages réelles du site, mais elles ne sont pas liées ou interactives et ne montrent donc que le contenu et les relations avec d'autres parties du site. Il est également possible de produire des wireframes cliquables où les testeurs et les parties prenantes au développement peuvent cliquer entre les pages et les rubriques approximatives pour tester la navigabilité, la logique des liens et la compréhensibilité de la progression.
Les avantages de l'utilisation du wireframing :
- Il est rapide, simple, bon marché et facilement modifiable, ce qui en fait un bon outil conceptuel et de discussion ;
- En se concentrant sur la fonctionnalité plutôt que sur l'apparence, il y a moins de distractions par rapport aux relations structurelles et les développeurs et les contributeurs ne se perdent pas en commentaires sur l'apparence, les descripteurs, la mise en page, etc.
- Il fournit une base visible, flexible et utilisable pour l'expérimentation et la discussion autour de l'architecture et de la navigation, ainsi qu'un moyen de travailler sur les idées et les questions qui émergent du débat.
Les inconvénients potentiels :
- Comme il est très brutal et peu explicite, il nécessite un peu d'imagination et d'effort de la part du spectateur ;
- Il s'agit généralement d'une technologie de base, ce qui la rend assez restrictive et elle ne peut fournir que des illustrations et des concepts généraux dans un cadre primitif.
Le wireframing est un outil très efficace pour la planification et le développement d'un site web. Si vous souhaitez en savoir plus sur cette technique Pourquoi ne pas nous appeler au +44(0)800 0246247 ou envoyez-nous un courriel à l'adresse suivante hello@ux247.com
