O que é Storyboarding em Web Design?

Quando os criadores de um site estão em processo de design, o storyboard geralmente faz parte dos estágios iniciais. Um storyboard é uma maneira de ter uma ideia de como o site será exibido, se sentirá e se comportará antes de chegar ao design oficial ou ao estágio de redação do texto. Profissionais criativos e técnicos usam storyboards, que podem agilizar o processo de design e desenvolvimento.

Um storyboard de 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, pode aparecer espaço 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 e a sensação; 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 sobre o que a página fará no momento e fazer as alterações iniciais no design básico.

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 apenas informações suficientes para dar uma ideia de quanto espaço cada elemento da 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, é mais fácil ver se os elementos principais terão espaço suficiente para atrair a atenção do espectador.

O layout de um site geralmente orienta as maneiras como os usuários irão interagir com ele e como chegarão às várias partes do site. Um storyboard pode mostrar a direção do movimento no site, exibindo 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 o usuário precisa rolar para baixo, limpar os botões de navegação e um número limitado de opções para que os usuários não sejam sobrecarregado. O storyboard deve dar uma ideia da organização e estrutura geral do site e mostrar como todas as páginas funcionam juntas.

Um site poderoso fornece apenas as informações que o usuário pode manipular de uma vez. Um storyboard ajuda a segmentar a cópia e as imagens de uma forma que atraia o leitor, peça por peça. Ao definir o layout de 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 oferece um esboço geral que mostra o layout, a largura da linha e os links incorporados.