Quando os criadores de um site estão no processo de design, o storyboard geralmente faz parte dos estágios iniciais. Um storyboard é uma maneira de ter uma noção de como o site ficará, sentirá e se comportará antes de chegar ao estágio oficial de design ou redação. Profissionais criativos e técnicos usam storyboards, que podem agilizar o processo de design e desenvolvimento.
Formato
Um storyboard de um site geralmente começa com uma série de retângulos em branco em uma página, um para cada página do site. Dependendo da empresa e dos designers, um espaço pode aparecer próximo aos quadros em branco para anotações ou perguntas. Um designer de informações, designer gráfico ou web designer preenche o storyboard com um esboço básico de cada página para demonstrar como será a aparência; pode ser tão simples quanto caixas na página ou tão complexo quanto um esboço completo. Os storyboards ajudam uma equipe de design e/ou clientes a chegar ao mesmo entendimento do que a página fará atualmente e fazer alterações iniciais no design básico.
Diagrama de wireframe
Uma das funções mais importantes de um storyboard é fornecer um diagrama de wireframe básico de como será a aparência de cada página. O diagrama deve fornecer informações suficientes para dar uma noção de quanto espaço cada elemento na página deve ter. Os elementos em um diagrama básico incluem a barra de navegação, links principais, área de imagens e espaço para cópia do site. Um diagrama de wireframe é uma parte útil da avaliação da hierarquia de informações de uma página; com um layout visual, fica mais fácil ver se os elementos principais terão espaço suficiente para atrair a atenção dos espectadores.
Comportamento do site
O layout de um site geralmente orienta as formas como os usuários irão interagir com ele e como eles chegarão a várias partes do site. Um storyboard pode mostrar a direção do movimento através do site, colocando os diferentes botões e links em cada página. Ao visualizar um site por meio de um storyboard, os especialistas procuram coisas como links que são visíveis sem que o usuário precise rolar para baixo, botões de navegação limpos e um número limitado de opções para que os usuários não fiquem sobrecarregados. O storyboard deve dar uma noção geral da organização e estrutura do site e mostrar como todas as páginas funcionam juntas.
Informações
Um site poderoso fornece apenas a quantidade de informações que o usuário pode manipular de uma só vez. Um storyboard ajuda a segmentar a cópia e as imagens de uma maneira que atrai o leitor, peça por peça. Ao organizar cada página, os designers podem ter uma noção de quanta informação deve aparecer. A maioria dos storyboards não contém o texto e as imagens reais que estarão no site, mas oferecem um esboço geral que mostra o layout, a largura da linha e os links incorporados.
