Criar um wireframe trabalhar para projetar um produto ou site que pode ser dinamicamente editado com as especificações desejadas . Usando ferramentas baseadas em software , ou ferramentas simples, como lápis e papel , os usuários podem criar wireframes que podem ser salvos em rascunhos iterativos individuais. Eles podem então ser referenciado e fundiu uma vez que o último conjunto de alterações foram determinadas. Este tutorial irá orientá-lo através de um wireframe para um design do site. Instruções
1
Criar o mapa do site para o seu site antes de tentar criar todos os projetos de estrutura de arame . Projetar um diagrama hierárquico que demonstra que as páginas estão ligadas a partir da página inicial , onde sub-páginas liderar, e onde as conexões de banco de dados e software de terceiros vão ser feitas. Use o mapa do site para impulsionar a criação da página inicial e sub-páginas individuais , os quais irão proporcionar diferentes experiências de usuário e servir as necessidades diferentes para o usuário.
2
Lançar um programa de edição de imagens ou retirar um pedaço de papel e um lápis e começar a esboçar o layout geral da página inicial. Considere o propósito do site , seus objetivos e sua base de usuários . Não se concentrar em elementos gráficos individuais e estética. Concentre-se na colocação genérica de áreas de conteúdo no site em termos da sua forma, tamanho e posicionamento.
3
Transfira os wireframes para um programa de edição de imagem digital. Criar pequenos elementos gráficos no wireframe para indicar os elementos do site, como a barra de navegação principal , a área de cabeçalho , todas as áreas de publicidade e áreas onde aplicações ricas para internet serão implantados .
4
Execute os wireframes por diferentes grupos de pessoas que poderiam ser potenciais usuários de seu site para determinar se o projeto está se desenvolvendo na direção certa e se ele atende às suas necessidades . Modificar e iteração do projeto , se necessário.