Não vamos entrar em números e cálculos, pois é impossível determinar quantos sites já existem na Internet. Todos os dias, milhares, senão centenas de milhares de sites falham e novos aparecem em seu lugar. Qual o motivo das falhas? Por que as pessoas vão ao site e o abandonam imediatamente? A resposta é simples e bem na sua frente - este é o design do site.
Efeito atração
Concordo, todo mundo tem um conjunto de determinados sites que são visitados dia após dia. Tenho certeza que a maioria dos favoritos são sites favoritos com filmes, livros, notícias, jogos, etc. Por que, depois de encontrar um site, não tentamos encontrar outro semelhante, que pode ser ainda melhor? A resposta é simples! Os sites que marcamos são convenientes de usar - esses sites geralmente têm um arranjo conveniente de elementos, categorias e um design agradável que não irrita os olhos. Este é o "efeito de atração", visitando um site adequadamente projetado uma vez - deixando-onão quero mais.
Vejamos o exemplo da plataforma de negociação de dois sites:
Sem dúvida e indiscutivelmente, o site número 1 quer ser fechado o mais rápido possível, e o site número 2, pelo contrário, quer ficar. Por que isso está acontecendo? No primeiro site, além de um produto localizado aleatoriamente, há também uma supersaturação de cores, o que não pode ser dito sobre o segundo site. Existe um provérbio tão maravilhoso: “Eles se conhecem pelas roupas, mas os veem pela mente”, também é aplicável a sites, só que em vez de roupas há um design e, em vez de uma mente, há uma estrutura de navegação. O visitante, ao entrar no site, a primeira coisa que vê é o esquema de cores, e só então presta atenção na navegação interna e na estrutura do site.
Percepção de cores
A regra principal na escolha das cores é não exagerar. Às vezes, até duas ou três cores selecionadas corretamente são mais que suficientes, um exemplo vívido disso é o site fb.ru. Muitos web designers usam uma tabela de cores "seguras" para projetar seu site html.
Seguro é chamado pelo motivo de que todas as cores exibidas aqui serão transmitidas por absolutamente todos os usuários da mesma maneira. Pode-se dizer que essas cores são o padrão ao criar o design no site.
Compatibilidade de cores
Cada cor tem sua própria cor "amigável" - esta é a cor com a qual combina melhor. Não há necessidade de reinventar a roda e experimentar a seleção, tudo foi inventado há muito tempo e é de domínio público. Rodas de cores são usadas para selecionar cores. Itten. A imagem abaixo mostra uma roda de cores para combinar 2 cores correspondentes.
T. ou seja, a cor oposta dentro do círculo é considerada a mais compatível. Se você precisar selecionar 3 cores correspondentes, a roda de cores também é usada, apenas a linha de arranjo de cores já será alterada.
E existem muitos desses círculos, você pode escolher mais cores correspondentes. Por exemplo, quatro.
Selecionando as cores desta forma através dos círculos de Itten, obter-se-á a máxima combinação de cores e obter-se-á um design visualmente agradável do site. Mais círculos de cores podem ser encontrados online. Vamos nos desviar um pouco do tópico principal, pois quero informar que essas rodas de cores Itten são usadas até mesmo por designers profissionais do mundo da moda, ou seja, ao criar roupas de grife, esse método de correspondência de cores é usado.
Estrutura interna do site
Se mais ou menos tudo ficou claro com a percepção de cores, resta mais um indicador importante como a estrutura interna do site ou em outras palavras - "usabilidade". Não basta apenas escolher as cores certas no site, como mostra a prática - no belo design do site você não irá longe. A estrutura correta do site é como a estrutura de uma casa, se não for planejada corretamente, será inconveniente navegar por ela.
Todos os elementos de navegação precisam ser pensados com antecedência, e melhor ainda - escritos. EstruturaO site deve ser, antes de tudo, compreensível e conveniente para os visitantes. Muitos sites perdem seus visitantes apenas porque estes, ao entrar no site, não entendem onde e o que está localizado. Não há necessidade de desordenar com uma massa de botões e pendurar um monte de funcionalidades. Você sempre precisa olhar pelos olhos do visitante, se o usuário não precisar de alguma função, é melhor removê-la. Mais uma vez, um exemplo claro e correto de design de site é o site Fb.ru, no qual todas as seções estão localizadas de forma compreensível e conveniente para o visitante.
O maior erro
De acordo com a análise média, um usuário que não consegue encontrar a seção ou informação necessária no site em 15-30 segundos acredita que esta seção ou informação não está no site e sai do recurso. Na maioria dos casos para sempre. Um excelente exemplo de um site com navegação terrível:
Você acha que é possível encontrar as informações necessárias sobre tal recurso não indo na busca, mas simplesmente na página principal? Eu acho que não. Novamente, a saturação de cores e a abundância de navegação incompreensível, que deixará qualquer visitante em estupor e perplexidade. Para evitar tais erros, é necessário agrupar todas as seções e colocá-las em um menu de navegação separado, que seja compreensível para todos os visitantes.
Formulário de inscrição
Outro fator importante e assustador no site é a ficha de inscrição. Alguns tentam coletar os dados de quase tataravó na janela de registro.
Tais formulários de inscriçãoestavam na moda antes, quando a Internet só começou a aparecer nas residências. Hoje, o internauta quer encontrar a informação que precisa o mais rápido possível, e formulários de cadastro longos, apesar do excelente design do site, terão 99% de chance de serem repelidos. O formulário de inscrição ideal para os padrões atuais é mostrado abaixo.
Mesmo que esta informação não seja suficiente, ninguém se preocupa em solicitá-la posteriormente ao visitante, após o processo de registro. Essa abordagem é considerada mais leal e amigável do que o formulário de inscrição, que é mais parecido com um formulário de solicitação de emprego.
Modelos de sites
Muitos sites estão sendo criados em sistemas CMS modernos que fornecem design de site gratuito. Mas o design gratuito (modelos) não possui nenhum design visual, portanto, se o proprietário do site não tentar alterá-lo de forma alguma, esse site desaparecerá na pesquisa.
Também vale a pena mencionar todos os portais da Internet que oferecem a implantação de seu próprio site com base neles. Neste caso, existem prós e contras:
- A primeira e talvez a única vantagem é a simplicidade. O quadro do site já é, via de regra, modelado em tais recursos por designers experientes, o design do site é submetido a certos requisitos e regras. Resta apenas preenchê-lo com material temático e aguardar os primeiros visitantes. Portanto, a simplicidade e a conveniência de tais serviços atraem iniciantes. Mas se o site estiver preparado para um desenvolvimento sério e competição portop-1 nos motores de busca, então é melhor recusar tal serviço.
- Das desvantagens - os modelos fornecidos na maioria dos casos não podem ser editados ou alterados, você terá que usar o fornecido o tempo todo. A monotonia é a principal desvantagem, sobre a qual falamos no início, porque cada site deve ser individual e ter uma aparência diferente dos outros. Muitas restrições que serão impossíveis de descrever, pois cada um desses serviços tem o seu próprio.
Parte final
Tudo descrito neste material não pretende ser uma "instrução principal", você sempre pode e até precisa fazer tudo do seu jeito - este é apenas um conjunto das regras e erros mais comuns. Mas os pontos mais importantes, descritos aqui na forma de percepção de cores e na estrutura interna do site, são o padrão para o design do site. As cores escolhidas incorretamente assustarão qualquer visitante que acabou de entrar no site, e o design analfabeto de categorias e elementos do site não permitirá que ele navegue e encontre as informações necessárias. Esses pontos devem receber atenção máxima e, como mencionado acima, você deve sempre olhar para qualquer site pelos olhos de um visitante, e não pelos olhos de um desenvolvedor.
