Os fundamentos do projeto Web que funciona

designers de sites, muitas vezes colocar barreiras para os seus visitantes que fazem a navegação e interação difícil. Saiba como evitar estes erros comuns ...

A+ A-

Image of the Modern Portfolio theme for WordPress

Levante a mão se o seu site é projetado para pequenos homens de Marte. Continue. Não seja tímido.

Alguém? Alguém? Eu não penso assim.

Nossos sites são criados para a interação humana. E nós, seres humanos - para toda a nossa variedade splendiferous - compartilhar alguns comportamentos universais, não importa de onde viemos.

Como editores para a web aberta , ignoramos esses comportamentos em nossa conta e risco. O que eles são?

Eu pensei que você nunca pediria.

Aqui está um punhado de elementos essenciais para a concepção de websites que os seres humanos querem ler ...

Os seres humanos querem interagir, por isso se torna mais fácil.

Você já viu alguém navegar na Internet com uma arma?

Nem eu. Para a maior parte, é um ato voluntário. As pessoas clicam em torno porque eles estão à procura de algo. Eles querem interagir com o que encontram.

E, no entanto, o site após o Web site coloca-se barreiras e torna difícil interação . Eles usam nomes inteligentes, slogans obscuros, e "engraçado" termos de navegação que deixam seus visitantes do site a coçar a cabeça, ou pior - clique de distância.

O que você pode fazer em seu site para torná-lo claro e fácil de usar?

Apresentam uma introdução simples.

Se o seu site está em Inglês, os visitantes vão lê-lo de cima para baixo e da esquerda para a direita. Quando eles chegam em sua página, seus olhos vão naturalmente ir para o topo deixado em busca da confirmação de que eles estão no lugar certo.

Na parte superior do seu site, os leitores devem encontrar o nome da empresa e seu slogan. Estas palavras essenciais permitirá que eles saibam que eles encontraram o que estavam procurando.

Use termos de navegação óbvias.

Se houver um incêndio no restaurante de ir para a noite, você vai olhar em volta para a saída? O portal? Ou a saída?

Quando as pessoas clique nos links em sua barra de navegação, é porque eles querem sair da página em que estão, e ir para outro lugar. Isso significa que ele não é o lugar para trotar para fora suas tendências criativas e começar a chamar a sua página "Sobre" "Full Disclosure", ou "Despacho da sede."

Basta chamá-lo de "About" e parar de fazer seus visitantes trabalhar tão duro.

Isso vale para todos os seus itens de navegação. Classificá-los na planície Inglês usando os termos mais universalmente compreendido que você pode encontrar para descrever o que os usuários receberão quando eles clique.

Os seres humanos precisam de ler. Não fique em seu caminho.

Sites são esculpidos com pixels e os pixels mais importantes na página são suas palavras .

Para obter essas palavras lidas, usar esses conceitos de design importantes para definir-los e torná-los fácil de absorver.

Abrace o espaço em branco.

Se você espera que os leitores a se debruçarem sobre linha após linha de sua cópia, dar-lhes uma pausa visual. Isso é o que faz o espaço em branco.

Adicionar espaço em branco à esquerda e à direita de sua área de conteúdo para dar seu quarto palavras para respirar. Não tenha medo de espaço de suas linhas um pouco - o texto na web é mais fácil de ler quando ele não é tão compacto como texto na página impressa.

Mostrar alguma misericórdia de nossos olhos.

Há uma tendência de design mal que é popular agora. O mais velho dos meus olhos fico, menos eu gosto. Eu chamo-lhe o "tom sobre tom" estilo.

Você já viu isso antes - é o texto cinza sobre um fundo cinza claro ou texto marrom em um fundo tan. É colorido tipo em um fundo que é uma versão ligeiramente mais leve da mesma cor.

É de baixo contraste, não é fácil leitura, e não vai ajudar a sua causa.

Em vez disso, use estilos de alto contraste. Quer o texto mais legível de todos? Ir para o texto escura sobre um fundo claro.

Aqui está um site sobre contraste eu encontrei graças ao designer-chefe da Copyblogger Rafal Tomal . Ele mostra por contraste é crucial. Passar dois minutos revendo-o, e você nunca irá para baixo contraste novamente.

Ir com o fluxo de digitalização.

Como os leitores a varredura através de cima para baixo e da esquerda para a direita, você quer que eles para ver e ler suas informações em uma ordem específica. Você não quer que seus olhos saltando em torno da página, o desembarque em muitos gráficos distracção e texto.

Posicionar o seu conteúdo, de modo que quando eles se movem através dela, eles estão absorvendo as informações em ordem. Coloque o item mais importante superior na página, logo abaixo do cabeçalho e do lado esquerdo.

Em seguida, use hierarquia visual para movê-los através de sua página no ritmo e na direção que você quer ir.

Eles querem saber quem você é. Mostre a eles.

A primeira vez que os visitantes do site atingiu a sua home page, eles estão cheios de perguntas.

O que é este site? Quem executa-lo? O que eu entendo sobre os valores e personalidade deste negócio?

Porque as primeiras impressões são visual, é importante responder a estas perguntas nos primeiros segundos com o design do seu site.

Suas ferramentas de escolha são as cores e fontes.

Atenha-se duas cores site principal.

Olhe ao seu redor nesta página. duas cores principais do Copyblogger são cinza escuro e azul. Verde é usado como uma cor de destaque, e destaca-se uma vez que é usado com moderação.

Esse é o efeito que você quer para o objectivo.

Fontes personalizadas adicionar personalidade e fazer o seu site se destacar da multidão.

É mais fácil do que nunca para busto para fora do grupo padrão de fontes da web e experimentar com combinações de fontes frescas. Por alguma inspiração (e gratuitos) combinações de fontes costume, leia este post por Brian Gardner.

Mantenha os olhos em seu conteúdo.

Sites são feitos para as pessoas que vão visitá-los. Não há nenhuma saudação em sua home page para receber seus visitantes. Esse é o trabalho de concepção do seu site .

Trabalhar com a natureza humana e não contra ela. Basta manter perguntando: "O que seria torná-lo mais claro?", E você não vai dar errado.

O que você vai fazer para acolher visitantes do seu site e mantê-los engajados? Vamos partilhar ideias nos comentários.