' Um bom design mantém o usuário feliz, o fabricante de preto e o esteta sem ofensa. "
- Raymond Loewy
Layout do design do site
Navegação na Internet e navegação tornaram-se uma parte inseparável de nossas vidas hoje. Todos os dias, navegávamos em vários sites para comprar, pesquisar, explorar e comprar serviços ou apenas para o Google. Paramos apenas em alguns sites ou queremos visitá-los repetidamente.
Outros não parecem ser muito atraentes. Bem, uma das principais razões para visitar um site específico mais de uma vez é o layout do design do site. Embora seja um equilíbrio difícil obter uma página da web funcional bem projetada e simplificada, vale a pena o esforço para melhorar a experiência do cliente.
É um fato comprovado agora que o item que afeta a suposta confiabilidade de um site é seu design e não o conteúdo inserido. Uma página da web perfeitamente projetada não exige muito esforço em outros aspectos para manter um visitante em sua página da web. O design de UX e UI em conjunto forma o layout e a funcionalidade completos de uma página da web.
O mestre em criar um layout de design de site perfeito é o McDonald's. Eles literalmente colocaram tudo no lugar certo, até como colocar picles. Então, você também gostaria de criar algo tão bom ou melhor que o McDonald's.
As 10 principais etapas do layout do design do site
Hoje, você saberá mais sobre as 10 principais etapas do layout do design do site:
- Ter um logotipo com design profissional devidamente vinculado à Página inicial
- Use navegação intuitiva
- Evite a desordem e dê espaço para os visitantes respirarem
- Use cores e imagens estrategicamente para uma web responsiva
- Escolha fontes responsivas da Web que sejam fáceis de ler em dispositivos e navegadores.
- Cada página deve ser projetada como uma página de destino
- Crie sempre um design responsivo, adaptável a todos os dispositivos
- Use HTML5 em vez de Flash
- Os botões Enviar ou Enviar devem ser atraentes
- Não se esqueça de testar seu design
'A vida é conversacional. O layout do design do site deve ser da mesma maneira. Na web, você está conversando com alguém que provavelmente nunca conheceu, por isso é importante ser claro e preciso. Assim, uma estrutura bem estruturada de navegação para o design de sites e organização de conteúdo anda de mãos dadas com uma boa conversa. '
- CHIKEZIE EJIASI
(Um tweet do Twitter)
-
Ter um logotipo com design profissional devidamente vinculado à Página inicial
A primeira coisa que a empresa de layout de design de site é identificada é seu logotipo. Uma página da web com um logotipo desenvolvido profissionalmente atrai mais seus clientes do que um logotipo chamativo. Um logotipo forma a identidade da marca de uma empresa ou site.
Você sempre deve usar imagens de design de site de alta resolução para o logotipo. as imagens do design do site sempre devem ser exibidas no canto superior esquerdo de cada página do site. Além disso, lembre-se da boa e velha regra geral de vincular todos os logotipos do site à sua Página inicial para facilitar a visita na navegação do design do site para seus clientes.
-
Navegação no design do site
Você já se perguntou por que salta de tantas páginas da Web e se apega a apenas uma ou duas? Isso ocorre porque os clientes não se preocupam em descobrir um site complexo. Em vez disso, eles fecham a página e passam para a próxima.
Esta é a principal razão pela qual a navegação intuitiva é tão importante. As opções principais de navegação do design do site geralmente devem ser implantadas na barra de menus horizontal na parte superior, com as barras de navegação secundárias embaixo ou na margem esquerda da página.
Além disso, preste atenção ao colocar links apenas nos locais necessários que não distraiam os clientes da sua chamada à ação ou da informação mais importante.
-
Evite a desordem e dê espaço para os clientes respirarem
O uso excessivo de gráficos ou a sobrecarga de imagens em uma página tende a criar confusão. As imagens de design de sites são o meio importante de compreensão, mas a sobrecarga visual de imagens interrompe o processamento de informações no cérebro.
Os clientes ficam confusos quando confrontados com muitos layouts de design de sites. Para minimizar a desorganização nas páginas de destino, limite o número de links e opções no cabeçalho e rodapé. Outra maneira de otimizar as páginas é manter os parágrafos curtos.
short significa não mais que cinco a seis linhas, pois os clientes tendem a perder o interesse em olhar para um texto muito longo. Há outra regra geral de um bom layout de design do site, ou seja, para dar algum espaço para os clientes.
Esse espaço pode ser criado deixando espaço suficiente entre parágrafos e imagens de design do site, para que o espectador possa respirar e absorver mais recursos e ofertas do seu site. Com a web responsiva se tornando mais competitiva a cada dia, menos é considerado mais agora.
O uso controlado do espaço em branco em todo o layout manterá o foco dos usuários no conteúdo e aumentará a experiência do usuário. O fluxo controlado de usuários aumentará os retornos do site.
-
Use cores e imagens estrategicamente para uma Web responsiva
Para apresentar uma página da web moderna, sem confusão e elegante, tente usar principalmente uma paleta de cores neutras. Com a concorrência cada vez mais acirrada, empregar pequenos traços de cor nas manchetes e nos principais gráficos ajudará os visitantes a manter sua página da web e a prestar atenção nos detalhes mais importantes. Sempre use uma paleta de cores que complementa seu logotipo e deve ser consistente com outras garantias de marketing.
Tente investir em fotografia ou na compra de imagens profissionais, porque os visitantes da página da Web captam imagens genéricas em um piscar de olhos. As imagens de design do site deixarão uma impressão genérica da sua empresa.
Imagens profissionais ou boa fotografia chamarão a atenção para o conteúdo e criarão uma conexão emocional imediatamente. Apenas para citar um exemplo - se você quiser chamar a atenção do visitante para uma informação específica ou apelo à ação, use um rosto humano olhando nessa direção ou um dedo apontando para ele.
É apenas porque, um humano tende a olhar na mesma direção em que a outra pessoa está olhando. As cores e as imagens de design do site devem ser selecionadas de forma que se ajustem a toda a web responsiva - celular, tablet, laptop etc.
Cursos recomendados
- Programa HTML e HTML5
- Treinamento para certificação de teste de software
- Curso on-line sobre Drupal 7
- Drupal 7 Cursos de Programação
-
Escolha fontes responsivas da Web
Com a resposta da web, você deve escolher fontes que sejam adequadas para todos os navegadores, seja um laptop, tablet ou celular.
Se você escolher uma fonte de grande escala, é provável que eles possam ler bem em um laptop, mas não sejam renderizados em um celular, perdendo a aparência e a aparência. Sempre escolha um tipo de letra que possa ser facilmente lido com tamanho não inferior a 11 pontos.
Se você escolher fontes da Web, não use mais de duas famílias de fontes para garantir tempos de carregamento rápidos. Para um design de largura fixa, use uma fonte que permita no máximo 15 a 20 palavras em uma linha e, em um design fluido, use uma fonte que permita de 15 a 20 palavras com largura de 1000 pixels.
-
Cada página deve ser projetada como uma página de destino
Os designers da Web geralmente projetam seus sites, assumindo que um visitante entra pela página inicial e depois passa para as páginas de entrada. Mas, o fato é um pouco diferente. A maioria dos visitantes chega a uma página que não seja a Página inicial da maioria dos sites.
Portanto, a idéia principal é manter todas as informações importantes em todas as páginas de destino e no layout do design do site, de forma que o visitante não precise procurar informações importantes.
-
Crie sempre um design responsivo, adaptável a todos os dispositivos
Neste mundo agitado, quando você não tem tempo para comer corretamente, por que você precisa criar um site diferente para cada dispositivo. Economize tempo e energia projetando o site responsivo que se adapta ao tamanho do navegador de acordo com o dispositivo usado.
Um site responsivo geralmente prende a atenção do visitante por um longo tempo, aumentando a probabilidade de taxas de conversão.
-
Use HTML5 em vez de Flash
O Flash agora está desatualizado e está chegando ao fim com a disputa em curso entre a Apple e a Adobe. Então, designers! Saia da onda e experimente mais opções da Web e fáceis de usar.
O HTML5 está ganhando popularidade com seu texto amigável ao mecanismo de pesquisa e sua fácil funcionalidade em sistemas operacionais móveis sem a necessidade de um plug-in, ao contrário do Flash.
-
Os botões Enviar ou Enviar devem ser atraentes
O botão 'Enviar' ou 'Enviar' na parte inferior de um formulário da Web é a chamada mais importante para o item de ação em uma página da web. Mas também pode ser a parte mais feia, por isso os designers precisam criar botões de envio de formulários “para que visitantes agradáveis não consigam evitar clicar neles.
Eles só precisam clicar nele. Esses botões de call to action podem ser interessantes de várias maneiras, como quando um visitante move o mouse sobre o botão de call to action, ele deve mudar a cor, o gradiente, a opacidade ou o tratamento da fonte para chamar sua atenção em uma fração de segundos.
Mas também cuide do fato de que exagerar em qualquer coisa é ruim. Deve ser afilado até o momento em que parecer atraente, caso contrário, pode ter um impacto reverso.
-
Não se esqueça de testar seu design
Uma decisão de design é apenas uma hipótese. Você é a melhor pessoa para decidir o que fica bem em sua página da web. A otimização de uma página da web, tentando um posicionamento diferente para os botões de chamada à ação ou usando diferentes tons de cor, pode causar um grande impacto na sua página da web. Teste de usuário. Os testes e análises A / B podem ajudá-lo a improvisar na sua página da web.
E a verdadeira improvisação vem das pessoas. Aceite o feedback e implemente até que pareça bom. Apenas para citar um exemplo de quão importante é o teste do seu design - a Microsoft já ganhou uma receita adicional de US $ 80 milhões apenas testando e implementando um tom específico de azul. Assim, você nunca sabe quando seu design pode gerar lucros enormes.
Esses pequenos problemas podem parecer tão insignificantes e óbvios, mas geralmente são devolvidos na versão ao vivo da página da web. Na época, o negócio já havia perdido uma pequena porcentagem da receita potencial de suas perspectivas.
Com várias plataformas disponíveis hoje, gerar momentos de “WOW” a partir dos designs de UX e UI de um site não é grande coisa. São necessários apenas esforços pouco comprometidos e uma pitada de criatividade para fazer todos os visitantes dizerem WOW após chegarem à sua página da web.
Portanto, a maneira perfeita de criar uma página da web é pensar. Repensar. Aprender. Aprenda de novo. Nunca use o mesmo conceito. Conheça as necessidades de seus clientes e, em seguida, inicie seu design.
Mudar sua prática de design pode ter um enorme efeito sobre suas taxas de engajamento e conversão, formando uma experiência intuitiva do usuário que revelará seu profissionalismo e, ao mesmo tempo, ofereça o que as pessoas querem e precisam de uma maneira visualmente impressionante.
Artigos relacionados:-
Este foi um guia para o layout do design do site. Aqui discutimos as 10 principais etapas do layout do design do site. Você também pode consultar os seguintes artigos:
- 10 maneira eficaz de usuários do Adobe InDesign
- 8 orientações úteis para se tornar HTML5 vs Flash
- 5 maneiras eficazes de direcionar tráfego orgânico para o seu site
- Como criar um layout de site limpo no Photoshop
- Lista de alguns erros no site e como corrigi-los facilmente
- 5 Erros de configuração do site dos quais você deve estar ciente
- O que preferir Drupal ou Joomla
- Drupal 7 vs Drupal