>> Tecnologia Eletrônica >  >> Casa Inteligente >> Vida Inteligente

O Que é Storyboard no Web Design?

Quando os criadores de um site estão no processo de design, o storyboard (roteiro visual) frequentemente faz parte das etapas iniciais. Um storyboard é uma maneira de ter uma noção de como o site será, como se comportará e como funcionará antes de chegar à etapa oficial de design ou redação de conteúdo. Profissionais criativos e técnicos usam storyboards, que podem agilizar o processo de design e desenvolvimento.

Formato

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 designers, pode haver espaço próximo aos quadros em branco para anotações ou perguntas. Um designer de informação, 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. Storyboards ajudam a 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

Um dos papéis mais importantes de um storyboard é fornecer um diagrama de wireframe básico do que cada página será. O diagrama deve fornecer informação suficiente para dar uma noção de quanto espaço cada elemento na página deve ter. Elementos em um diagrama básico incluem a barra de navegação, links principais, área de imagens e espaço para o texto do site. Um diagrama de wireframe é útil para avaliar a hierarquia de informação 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 dos visitantes.

Comportamento do Site

O layout de um site frequentemente guia as formas como os usuários interagirão com ele e como chegarão a várias partes do site. Um storyboard pode mostrar a direção do movimento pelo site ao dispor os diferentes botões e links em cada página. Ao pré-visualizar um site por meio de um storyboard, especialistas procuram coisas como links visíveis sem que o usuário precise rolar para baixo, botões de navegação claros, e um número limitado de opções para que os usuários não se sintam sobrecarregados. O storyboard deve dar uma noção da organização e estrutura geral do site, e mostrar como todas as páginas funcionam juntas.

Informação

Um site poderoso fornece apenas a informação que o usuário pode lidar de uma vez. Um storyboard ajuda a segmentar o texto e imagens de forma que atraia o leitor, peça por peça. Ao dispor 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 imagens reais que estarão no site, mas oferece um esboço geral que mostra o layout, largura de linha e links embutidos.