Desenvolver modelos de página para um novo site
Para assegurar a coerência design, facilidade de uso, e fazer engenharia mais prático, a maioria dos sites usam um pequeno punhado de diferentes layouts de design chamada modelos. Você vai querer desenvolver modelos de página quando você faz um novo site ou reformular um já existente.
Estes modelos são projetados para lidar com todos os diferentes tipos de conteúdo, mensagens e tarefas que o site vai exigir. Para lhe dar um exemplo, o site da Monster Energy utiliza apenas cerca de 12-14 diferentes modelos de layout para compensar todo o site. Alguns desses modelos incluem Casa, All Sports Landing, Desporto Landing, Detalhe Atleta, e Notícias Detalhe do item. Todos os atletas usam o mesmo modelo de página Atleta Detalhe. O modelo é preenchida dinamicamente a partir de um banco de dados com imagens exclusivas e informações do atleta.
A outra coisa a notar sobre modelos é que, enquanto cada um deles permitem uma variedade de arranjos de layout (de conteúdo da página interna), a navegação é realizada no mesmo local durante todo o local. No exemplo, a navegação principal está localizado verticalmente na esquerda, enquanto a navegação secundária “header” vai na parte superior, ea navegação de rodapé traz o fundo.
Aliás, este site tem um bom exemplo de um Super rodapé. Um super rodapé é um esteróides footer-em-que vive na parte inferior da página, como visto na figura a seguir ,. Ele contém uma série de links de texto redundantes para todas as partes do site, mas note que é muito palavra chave-rico por design. Super rodapés não só fornecer um meio rápido de navegar todo o site, mas são também uma oportunidade para SEO (search engine optimization): Ao injetar o seu site com as palavras mais pesquisadas e frases, você aumenta ranking de busca natural do seu site quando as pessoas procuram por esses termos.
O processo de informação e wireframing acabará por determinar o número e tipos de modelos que você precisa para projetar para um site. Uma vez que os diferentes modelos são identificados, você pode começar a projetar “comps” visuais para cada modelo.