Avatar for Martin Turner

by Martin Turner  |  juin 8, 2022

Filaire de sites Web d’entreprise

Content Design

Lors de la création d’un site Web d’entreprise, le wireframing est nécessaire pour une ou plusieurs des raisons suivantes :

  • Les besoins des utilisateurs ne sont pas entièrement compris
  • L’étude de marché ou le développement de produits est toujours en cours
  • Il est trop tôt pour prendre des décisions concernant la technologie
    • WordPress
    • Drupal
    • HTML5 plat
    • PHP sur mesure
  • Des tests approfondis sont nécessaires
  • L’adhésion est nécessaire

Bien sûr, la conception est impérative et ces sites doivent fonctionner comme proposé. Mais le plus gros obstacle au développement est généralement interne : obtenir un accord sur l’apparence, la convivialité et la fonction du site avant même que le codage ne commence.

Le processus de wireframing

La compréhension de ces cinq étapes vous aidera à réussir le wireframing.

Marque

Cela peut sembler bizarre, mais de nombreuses organisations qui commandent un grand site Web n’ont pas de spécification de marque ou n’en ont pas une qui soit suffisante pour un site Web. Un logo, une police de caractères et une palette de couleurs peuvent suffire pour de simples brochures commerciales, mais un site Web nécessite également des définitions de ton de voix, de position par rapport au lecteur, de style photographique, d’éléments graphiques secondaires et d’interactions. À tout le moins, une spécification de marque doit couvrir la promesse de la marque, la position sur le marché ou la catégorie, les valeurs de la marque, le style ou la personnalité de la marque, l’architecture de la marque, l’identité de la marque (nom, logo, traitement graphique) et les décisions spécifiques au déploiement. Sinon, au fur et à mesure que le projet grandit, l’équipe reviendra encore et encore sur des décisions qui auraient dû être prises dès le début.

Fonction

Toute communication structurée doit répondre aux questions de résultats, audiences, messages et livraison. Les résultats se rapportent aux changements dans le « monde réel » à la suite de changements dans la pensée et le comportement des individus. « Produire un site Web » n’est pas en soi un résultat. Les publics sont les personnes que nous devons atteindre pour que cela se produise. Les audiences pertinentes sont les décideurs, par exemple une personne qui appuie sur un bouton pour acheter un produit, les influenceurs, par exemple les personnes qui partagent une publication rapide sur Facebook, et gardiens. Les gardiens sont des gens qui ne peuvent pas nécessairement faire bouger les choses, mais ils peuvent les empêcher de se produire. L’exemple évident est celui des autorités réglementaires, mais les gardiens sont souvent internes : une équipe de vente qui ne pousse pas le site Web, une équipe de direction qui décide d’annuler le projet ou même un responsable financier qui retient le budget.

Les messages sont « ce qui, selon nous, persuadera les décideurs d’atteindre le résultat, s’ils y croient ». Même si de nombreux messages apparaîtront sur un site Web complexe avec de nombreux contributeurs, le site comportera également trois ou quatre messages sous-jacents. Ceux-ci seront souvent communiqués par l’apparence et ne seront renforcés que par des mots.

La diffusion correspond à la manière dont les messages atteignent le public de manière cohérente et répétée. Pour un site Web, cela se traduira finalement par du codage, mais, laissés à eux-mêmes, les codeurs se laissent facilement emporter. Par exemple, WordPress est devenu une plate-forme extrêmement puissante avec une variété de plugins. À la dernière minute, un codeur peut simplement ajouter un plug-in de carte, un plug-in de calendrier ou une plate-forme de médias sociaux. Cependant, à moins que ceux-ci ne fassent partie d’une décision délibérée de transmettre les messages de cette manière, le résultat n’en sera pas ajouté.

Créatif

Le traitement créatif est l’endroit où le wireframing prend tout son sens. Une fois la marque et la fonction comprises, il faut rechercher la présentation la plus efficace possible. Il est toujours préférable de transmettre des messages par le biais d’un travail créatif plutôt que par le codage. Si vous regardez le site Web d’Apple, vous remarquerez que la page d’accueil est « plate », avec des graphismes magnifiques mais sans interactions ni animations. Une fois que vous avez cliqué sur une ligne de produits, un codage intelligent commence, mais seulement dans la mesure où vous pouvez configurer votre produit en fonction de quelques choix simples

Création bénéficie d’être essayé par un grand nombre de personnes. Cela peut être un peu différent de la façon dont de nombreux designers aiment travailler, mais un designer qui peut animer une équipe entière en les réunissant autour de leur poste de travail et en demandant d’ajouter des éléments supplémentaires, puis les voir une minute plus tard comme un site Web fonctionnel — gagnera une part croissante dans le processus.

Adhésion

Les grands projets Web sont de plus en plus sollicités. En effet, le risque pour l’ensemble de l’organisation est considérablement plus élevé avec un site Web qu’avec une seule publication imprimée. Les cadres qui ne s’intéresseraient pas à une brochure commerciale voudront faire entendre leur voix sur un projet qui représentera l’ensemble de l’organisation. Cela impliquera presque toujours de produire des rapports écrits supplémentaires du projet Web, plutôt que de simplement montrer des structures filaires (comme avec PowerPoint) ou même de leur permettre de jouer avec un site Web flexible produit par QuarkXPress. Étonnamment, la qualité des documents imprimés à l’appui de la décision aura souvent plus de poids auprès de l’équipe de direction que le travail numérique lui-même.

Codage

À un moment donné, le travail créatif est prêt et l’adhésion est terminée. C’est à ce moment que le site est remis à l’équipe de codage. Il est en fait possible de convertir un site QuarkXPress Flex en WordPress, Drupal ou d’autres systèmes, mais la plupart des codeurs préféreront utiliser le site produit par QuarkXPress comme communication visuelle et fonctionnelle et faire leur propre codage. Leur donner un site Web fonctionnel à partir duquel travailler leur permettra de bien faire les choses du premier coup. Cela permettra également à l’équipe du projet d’expliquer ce qui ne va pas si le codage produit quelque chose de substantiellement différent.

En fin de compte, le wireframing a trois objectifs :

  • 1. Produisez le site que vous souhaitez réellement
  • 2. Convaincre les partenaires d’y adhérer
  • 3. Publiez facilement votre contenu

Le wireframing avec QuarkXPress peut aider à atteindre ces objectifs plus rapidement, plus facilement et avec plus de confiance dans les résultats. Il est bien mieux adapté à la propagation des modifications dans toute la mise en page au moyen de styles d’éléments, de contenu partagé et de mise à jour d’images, et, surtout, l’état actuel de la conception peut être transformé en un aperçu ou un site Web fonctionnel en un clic de souris. Cela donne confiance à l’équipe, car elle peut découvrir le site par elle-même à tout moment du développement. Cela signifie également une meilleure communication avec l’équipe de codage à la fin du processus.

Regardez la rediffusion du webinaire de « Wireframing Enterprise Websites ».

Copied to clipboard

Recent Blogs

La créativité sans frontières : Le parcours de Malla Mela en tant qu’innovateur en design

  • |

Connaître Hedieh Kazemzadeh, responsable de l’acquisition et du développement des partenaires chez Quark

  • |

Arrêtez de chercher, commencez à vendre : Contenu d’aide à la vente intégré à Salesforce

  • |