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

...

Un storyboard peut aider à mettre en place un site Web organisé.

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 d'atteindre le stade de la conception officielle ou de la rédaction de la copie. Les professionnels créatifs et techniques utilisent des storyboards, qui peuvent rationaliser le processus de conception et de développement.

Format

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 elle 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.

Vidéo du jour

Schéma filaire

L'un des rôles les plus importants d'un storyboard est de fournir un schéma filaire de base de l'apparence de 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 incluent 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 pour évaluer 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 téléspectateurs.

Comportement du site Web

La mise en page d'un site Web guide souvent la manière dont les utilisateurs interagiront avec celui-ci 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 l'utilisateur devant faire défiler vers le bas, des boutons de navigation clairs et un nombre limité de choix afin que les utilisateurs ne soient pas dépassé. 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 de manière à attirer le lecteur, pièce par pièce. En disposant chaque page, les concepteurs peuvent avoir une idée de la quantité d'informations devant 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.