Regras Básicas Para Fazer Wireframes


wirefreme

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.





Artigos Relacionados


Designer de Interface pós graduado em Arquitetura da Informação. UI/UX Designer e Front-end Developer, atualmente atendo empresas como freelancer e sou colaborador em uma agência de comunicação onde desenvolvo interfaces criativas com foco na experiência do usuário. Organizador por natureza acredito que o caos é a matéria-prima necessária.

Um comentário em “Regras Básicas Para Fazer Wireframes

  1. Hachi 27 de junho de 2012 15:37

    Muito bom!!
    Ajudou pakas aqui

Deixe o seu comentário

Seu endereço de email não será publicado.

Você pode usar HTML tags e atributos: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>