É fácil falar sobre ter um design de site UX sólido , mas é muito mais útil olhar para exemplos específicos e concretos do que isso significa. Por esse motivo, reunimos vários exemplos de design de UX que dão uma ideia de como otimizar seu site. Aqui estão três sites que fazem web design UX da maneira certa!
1. Apple
Uma das primeiras coisas a acertar em qualquer site é a navegação , que ajuda os usuários a encontrar o caminho em um site. Se os usuários não conseguem descobrir como ir de uma página para outra, ou não conseguem encontrar o que estão procurando, eles não vão ficar por aqui. A Apple oferece uma navegação particularmente eficaz em seu site.
Além da barra de navegação padrão na parte superior da página, visitar a seção “Mac” do site fornece uma lista de todos os produtos Mac da Apple – indicados por nomes e ícones simples – para ajudá-lo a encontrar o que está procurando para de forma rápida e fácil. Você pode seguir este exemplo de web design de UX, mantendo seu site claramente organizado e tornando o mais fácil possível para os usuários encontrarem o caminho para as páginas de produtos e serviços. Quanto mais fácil for para eles encontrarem coisas, mais conversões você gerará.
2. Universidade de Queens
O apelo visual é essencial para qualquer site. Mesmo que todos os elementos técnicos funcionem perfeitamente, não importa se o seu site não parece bom – os usuários não terão muita vontade de continuar olhando para ele. Muitos elementos podem ser considerados no design visual, incluindo:
- Alinhamento
- Esquema de cores
- Espaço em branco
- Opções de fonte
Para um exemplo estelar de web design visual eficaz em ação, veja a Queens University of Charlotte.
Neste exemplo de design de UX, eles criam um design visual atraente de várias maneiras. Seu esquema de cores em todo o site é consistente com as cores da escola, eles praticam um bom alinhamento e dividem o texto com títulos e imagens para evitar que fiquem muito confusos.
Inspire-se no Queens tornando o design do seu site consistente com a sua marca. Use cores e opções de fonte para evocar a aparência única que você deseja transmitir. Tente alinhar seus elementos bem também para que tudo pareça suave.
3. Ralph Lauren
Se você acha que seu site só precisa ser otimizado para telas de computador e não para telefones, pense novamente – mais de 50% de todo o tráfego da Internet vem de dispositivos móveis. Além disso, o Google classifica os sites com base em seu formato móvel, portanto, um site não compatível com dispositivos móveis não será classificado.
A melhor maneira de tornar seu site compatível com dispositivos móveis é praticar o design responsivo , em que o layout do site muda para se ajustar melhor à tela do dispositivo que os usuários usam.
O site de Ralph Lauren fornece um ótimo exemplo de design amigável para dispositivos móveis – e é por isso que o site é um bom exemplo de UX.
Quando você visualiza suas páginas de produtos em um computador, as imagens dos produtos aparecem à esquerda e informações como nome e preço à direita. Mas em uma tela de telefone, o layout da página muda para acomodar a estrutura vertical – as imagens estão no topo e as informações abaixo delas.
Você pode replicar o sucesso deste exemplo de site de design UX aqui, criando um design responsivo em seu site desde o início, para acomodar usuários em todos os dispositivos.
