Utiliser le wireframing pour réduire les coûts et améliorer les processus

C'est un débat étonnamment controversé, et un débat important qui détermine où le budget de développement est dépensé. Néanmoins, prenons quelques instants pour nous assurer que nous sommes tous sur la même longueur d'onde avant d'entrer dans la "viande".

Qu'est-ce que le wireframing?

Un wireframe est un croquis ou une représentation visuelle de ce à quoi ressemblera une page Web ou une application mobile. Ils sont parfois appelés " plans d'écran "ou" schémas de page". Ils sont utilisés pour établir les éléments de base de la conception visuelle et des fonctionnalités d'une page Web – pour définir à quoi elle ressemblera et ce qu'elle fera. Il peut ensuite être transmis aux concepteurs, développeurs, rédacteurs, clients et à toute autre personne impliquée dans le projet.

Le wireframing est donc le processus de construction de votre wireframe. Cela signifie établir les fonctions de base de votre site Web, la façon dont ces fonctions seront affichées et les bases de la façon dont l'utilisateur interagira avec le site en général. C'est (ou plutôt cela peut être) la première étape de pratiquement tous les processus de base de la conception de sites Web – conception visuelle, conception, référencement et même organisation du texte réel.

Qu'est-ce que le wireframing réalise?

À la base, le processus de wireframing consiste à économiser du temps, des efforts et des dépenses.

Comme on dit, une image vaut 1000 mots. Ce que les wireframes permettent vraiment, c'est de mettre toutes vos parties prenantes créatives et commerciales "sur la même longueur d'onde" au tout début d'un projet.

Que ce soit en les réunissant tous pour produire le wireframe initial (préférable) ou simplement en organisant une réunion au cours de laquelle on leur présente un wireframe terminé avant de commencer à réfléchir au projet en détail (toujours très utile), le processus peut pratiquement éliminer le gaspillage d'efforts qui en résulte lorsque votre "gars de l'UE" commence à travailler sur quelque chose d'intrinsèquement incompatible avec le modèle que votre concepteur Web produit, et aucun de leurs concepts ne prend en charge le texte écrit par votre équipe marketing.

Il vaut toujours la peine d'investir un peu de temps et d'efforts pour que tout le monde soit dans la même pièce et se remue les méninges, même si vous ne pouvez consacrer que quelques heures. Ensuite, ils travaillent tous réellement sur le pareil projet, plutôt que 4 visions différentes et incompatibles.

Quel est le bon moment pour câbler?

En termes simples, le plus tôt sera le mieux. Chaque projet devrait commencer avec un cadre métallique basse résolution, même s'il est dessiné sur le proverbial "dos d'une serviette". Dès que vous avez l'idée d'une application, d'une page Web ou à peu près de tout ce qui est à la fois visuel et interactif, vous devez commencer le wireframing. Cela vous aidera non seulement à "ancrer" vos idées en termes pratiques et visuels, mais cela établira une idée de base sur laquelle tous les autres travaux peuvent être effectués, ou qui peut être modifiée pour s'adapter à la nécessité d'une manière dont toutes les autres parties prenantes peuvent être rapidement mises au courant.


Quel est le bon moment pour arrêter le wireframing?

Ici, il y a 2 écoles de pensée. Certains processus arrêtent le wireframing dès que les codeurs ou les spécialistes de l'UE commencent à produire des prototypes et des maquettes. D'autres continuent à créer des wireframes mis à jour à distribuer au reste de l'équipe jusqu'à ce que le site ou l'application soit codé et mis au lit. Dans les deux cas, continuez à utiliser des wireframes jusqu'à ce que les problèmes qu'ils représentent soient résolus et finalisés.

Qui a besoin d'avoir accès à ces wireframes (et de les saisir)?

À peu près tout le monde sur votre projet!

L'accès au dernier wireframe est vital pour toute personne travaillant sur le projet, afin d'éviter de perdre du temps sur des fonctionnalités qui ne fonctionneront pas ou ne fonctionneront pas comme elles l'avaient imaginé.

En ce qui concerne la possibilité de modifier les wireframes, si vous avez de très grandes équipes, vous feriez peut-être mieux de ne donner aux chefs d'équipe spécifiques que la possibilité de modifier les wireframes ou de générer de nouvelles versions. Même dans ce cas, envisagez de faire en sorte que toutes les modifications soient apportées lors d'une réunion avec toutes les parties prenantes disponibles, afin de ne pas gâcher le travail de toute une équipe en apportant des changements dont elles n'étaient pas au courant.

Plus les individus ou les équipes impliqués dans différents aspects de votre projet collaboreront activement, plus votre projet deviendra efficace. Plus vous testez, examinez les commentaires et effectuez des itérations en groupe, meilleur est le produit final.


Quel est l'impact des wireframes sur votre processus?

Les wireframes servent à concentrer tous vos efforts sur les mêmes livrables. Ils vous permettent de tester différentes approches rapidement et de générer des commentaires presque immédiats. En fin de compte, le temps et les efforts que vous investissez dans le wireframing seront remboursés plusieurs fois, en particulier sur des projets plus importants ou plus impliqués.

Que pourrait vous coûter le fait de sauter entièrement les wireframes?

La réponse courte est, comme toujours ‘ " cela dépend de ce sur quoi vous travaillez’. De manière réaliste, cependant, nous sommes dans le secteur depuis assez longtemps pour vous donner une vraie réponse, basée sur la moyenne des différents projets auxquels nous avons participé au fil des ans.

Le wireframing représente généralement 5 à 6% de votre budget de développement total. Cependant, il améliore l'efficacité de presque tous les autres aspects de votre travail. Par exemple: En moyenne, les coûts finaux de codage sont inférieurs de 60% pour les projets bien filaires. Les coûts de la RFC (Demande de modification) diminuent généralement de 80%.

Ce que cela signifie pour vous, c'est que même si cela coûtait 3 à 4 fois ce qu'il fait réellement pour le wireframe, vous économiseriez du temps et de l'argent en le faisant.

Tirer le meilleur parti d'un budget filaire limité

Il y a quelques trucs et astuces que nous pouvons présenter pour faire du bon wireframing, même si les compteurs de haricots n'en apprécient pas l'importance réelle:

  • Choisissez un outil filaire facile à utiliser ou que vous savez déjà bien utiliser. Cela vous fera gagner du temps pour vous mettre au courant.
  • Créez plusieurs variantes, surtout au début. Cela vous permettra d'éliminer rapidement les arrangements irréalisables.
  • Impliquez les principales parties prenantes dès le début et intégrez leurs commentaires dans les nouvelles versions.
  • Perform user tests to determine if your wireframe will be usable by your target audience or market.
  • Générez de nouvelles itérations pour le wireframe jusqu'à ce que toutes les parties prenantes clés soient satisfaites (ou résignées à un compromis).
  • Assurez-vous que vous n'aurez pas à retourner à la planche à dessin après le début de la conception ou du codage.