Logotipo Design Interativo
wirefreme

Regras Básicas Para Fazer Wireframes


Para iniciarmos esse artigo vamos primeiro falar sobre o que é um wireframe, para quem não sabe Wireframe é um protótipo do layout do site mais como um esqueleto não possui imagens reais apenas a caixa onde elas ficaram nem texto finais apenas informações de onde será colocada cada parte que compõe a estrutura.

Para se construir um wireframe com sucesso onde mostrara uma fidelização com o layout final precisamos seguir algumas regras:

  • Desenhar os elementos, incluindo imagens e elementos de formulários, no tamanho real em que eles serão utilizados, para evitar erros.
  • Mantenha sempre um bom alinhamento e distribuição de conteúdo, com um bom espaçamento entre cada os elementos para uma melhor visualização.
  • Use exemplos de texto que façam sentido no conteúdo.
  • Posicione as informações mais importantes acima da primeira colagem de tela, a relevância do documento devera ficar evidente no design da interface.
  • A informações relacionadas devem ser agrupadas corretamente.
  • O títulos das páginas e seções devem ser coerentes e mostrar claramente ao usuário o que ele encontrará naquela seção.
  • Adequar ao que vai trabalhar no site de acordo com o conteúdo.
  • Atalhos de acordo com a experiência do público como um todo, que seja fácil para acesso ou que mostre a forma de reversão de voltar.
  • Retro alimentação uma forma de informar o usuário que ele saiba o que acontece enquanto utiliza o site
  • Dialogo a página tem que mostrar de forma clara, Inicio, meio e fim.
  • Prevenção de erros acontece como de preenchimento em que se esquece um dado e se apagar tudo, o site tem que manter essas informações.
  • Reversão ao estado inicial um forma do usuário errar e poder voltar.
  • Controle do usuário que o site deixe o usuário a vontade para acessar sem muitos bloqueios
  • Quantidade de Informação o mais simples possível, ou moderar a quantidade de informações para que não fique cansativo.
  • Conhecer o usuário referente ao que se montar cores suaves e de acordo com o tema e conhecer o tipo de publico que ira acessar.

Espero que essas informações tenham sido utéis para você visitante que esta sempre atrás de conhecimento.

Não deixe de comentar.

Comentários
  1. Hachi disse:

    Muito bom!!
    Ajudou pakas aqui

Deixe o seu comentário!

publicidade
publicidade
publicidade

Design Tools

Links

Conheça sites sobre ux, design, front-end, comunicação, inspiração e muito mais, fique por dentro das novidades do mercado com nossa lista.


Profissionais Influentes

Conheça os profissionais que influenciam e trabalham para a comunidade de design e fron-end e user experience, confira o Twitter de cada um.


Curta nossa fanpage e fique por dentro das novidades do site
publicidade
publicidade
publicidade