Qu'est-ce que le storyboard dans la conception Web?

Lorsque les créateurs d'un site Web sont dans le processus de conception, le storyboard fait souvent partie des étapes initiales. Un storyboard est un moyen d'avoir une idée de l'apparence, de la sensation et du comportement du site Web avant qu'il n'arrive à l'étape de conception officielle ou de rédaction. Les professionnels créatifs et techniques utilisent des storyboards, qui peuvent rationaliser le processus de conception et de développement.

Formater

Un storyboard de site Web commence généralement par une série de rectangles vierges sur une page, un pour chaque page du site. Selon l'entreprise et les concepteurs, un espace peut apparaître près des tableaux vierges pour des notes ou des questions. Un concepteur d'informations, un graphiste ou un concepteur de sites Web remplit le storyboard avec un croquis de base de chaque page pour montrer à quoi il ressemblera et se sentira; cela peut être aussi simple que des cases sur la page ou aussi complexe qu'un croquis complet. Les storyboards aident une équipe de conception et/ou des clients à parvenir à la même compréhension de ce que la page va faire actuellement et à apporter des modifications initiales à la conception de base.

Diagramme filaire

L'un des rôles les plus importants d'un storyboard est de fournir un schéma filaire de base de ce à quoi ressemblera chaque page. Le diagramme doit fournir juste assez d'informations pour donner une idée de l'espace que chaque élément de la page doit avoir. Les éléments d'un diagramme de base comprennent la barre de navigation, les liens principaux, la zone d'imagerie et l'espace pour la copie du site Web. Un diagramme filaire est une partie utile de l'évaluation de la hiérarchie des informations d'une page ; avec une mise en page visuelle, il est plus facile de voir si les éléments principaux auront suffisamment d'espace pour attirer l'attention des spectateurs.

Comportement du site Web

La mise en page d'un site Web guide souvent la manière dont les utilisateurs interagiront avec lui et comment ils accéderont aux différentes parties du site. Un storyboard peut montrer la direction du mouvement à travers le site Web en disposant les différents boutons et liens sur chaque page. Lors de la prévisualisation d'un site Web au moyen d'un storyboard, les experts recherchent des éléments tels que des liens visibles sans que l'utilisateur ait à faire défiler vers le bas, des boutons de navigation clairs et un nombre limité de choix afin que les utilisateurs ne soient pas submergés. Le storyboard doit donner une idée de l'organisation et de la structure globales du site Web et montrer comment toutes les pages fonctionnent ensemble.

Informations

Un site Web puissant ne donne que la quantité d'informations que l'utilisateur peut gérer à la fois. Un storyboard aide à segmenter la copie et les images d'une manière qui attire le lecteur, pièce par pièce. En disposant chaque page, les concepteurs peuvent avoir une idée de la quantité d'informations qui doivent apparaître. La plupart des storyboards ne contiennent pas le texte et les images réels qui seront sur le site, mais offrent un croquis général qui montre la mise en page, la largeur de ligne et les liens intégrés.