Qu'est-ce que le storyboarding en conception web ?

Introduction

Au début du design d'un site, le storyboard (scénario visuel) permet de visualiser l'apparence, le ressenti et le comportement du site avant la maquette graphique ou la rédaction. Utilisé par créatifs et techniques, il fluidifie le processus.

Format

Série de rectangles vides (un par page du site). Espace pour notes/questions selon équipes. Un designer (info, graphique, web) y esquisse chaque page : simples boîtes ou croquis détaillés. Aligne l'équipe/client sur la structure de base avant d'aller plus loin.

Diagramme de maquette (Wireframe)

Rôle clé : fournir un wireframe — squelette visuel de chaque page. Indique l'espace pour : barre de navigation, liens principaux, zone images, zone texte. Permet d'évaluer la hiérarchie de l'information : les éléments principaux auront-ils assez d'espace pour capter l'attention ?

Comportement du site (Navigation)

Le storyboard montre le flux utilisateur : boutons, liens sur chaque page. Points de vigilance :

• Liens visibles sans scroller (above the fold).
• Navigation claire.
• Nombre de choix limité (éviter surcharge cognitive).

Donne une vision de l'organisation globale et de l'articulation entre pages.

Dosage de l'information

Un bon site donne l'info par petites doses. Le storyboard segmente texte/images pour guider le lecteur pas à pas. Il ne contient pas le contenu final, mais montre : mise en page, largeur de ligne, liens intégrés.