atualizado em 9 de julho de 2019
quão importante é o design do seu site? Quando os usuários foram solicitados a descrever por que não confiavam em um site, 94% dos comentários estavam diretamente relacionados ao design do site. Um site bem construído gera melhor tráfego de clientes e uma interface de usuário aprimorada leva a conversões aumentadas.
a criatividade é importante, mas existem algumas regras básicas sobre design e experiência do usuário que o ajudarão a expandir seu site. Ao criar ou redesenhar seu site, tenha em mente as seguintes sugestões.
ganhe confiança com um design de site limpo e envolvente
o mundo do design digital abraçou a simplicidade, afastando-se dos sinos e assobios e concentrando-se no básico. Do ponto de vista do Usuário, isso tornou os sites mais fáceis de navegar para uma experiência mais agradável. Incorpore essas 8 regras de design em seu site para envolver melhor seu público.
1 Mantenha o layout simples.
quanto mais simples for o layout do seu site, Melhor. Isso não significa que tem que ser chato, mas significa que deve se concentrar no essencial. Layouts limpos e funcionais tornam seu site mais fácil de carregar, navegar e usar em diferentes plataformas e dispositivos.
o site da Harry coloca as informações mais importantes—seus produtos—na frente e no centro. Eles incluem visuais com texto mínimo para facilitar o envolvimento com o conteúdo.
2 Tornar a navegação fácil de seguir.
se você quiser que os visitantes passem tempo em seu site, você precisa tornar mais fácil para eles se locomoverem. Pode ser tentador fazer algo criativo com o design dos menus de navegação, mas a simplicidade e a arquitetura de Informação intuitiva são mais importantes. Faça seus menus padrão na aparência ajuda seus leitores a se sentirem confortáveis à medida que se movem em todo o seu site.A Vogue tem menus de navegação descritivos e proeminentes para ajudá-lo a encontrar e interagir com o tipo de conteúdo que você está procurando.
3 Use chamadas claras para a ação.
o que você gostaria que os visitantes do site fizessem? Comprar produtos? Inscreva-se para receber um boletim informativo por e-mail? Doar para uma causa? Pense em seus apelos à ação. Projete-os de uma forma que os destaque para um visitante que escaneie seu site. Se você estiver usando botões em seu design, verifique se o texto é curto e direto.O World Wildlife Fund usa botões brilhantes ao lado de sua barra de navegação instando os visitantes a “doar” e “adotar”, juntamente com fortes apelos à ação em todo o seu conteúdo.
4 com conteúdo, menos é mais.
Use o que você sabe sobre seus visitantes para minimizar suas opções e concentrar sua atenção em seus produtos. Mostre apenas o texto e os elementos visuais nos quais você deseja que eles atuem.
sites para aplicativos móveis-como o Pocket-fazem um ótimo trabalho com isso. Eles se concentram em explicar o aplicativo, incluem fortes chamadas à ação para instalá-lo. Conteúdo menos importante, como sua seção sobre e seu blog são menos proeminentes e estão vinculados no rodapé.
5 não tenha medo de espaços em branco.
o espaço em branco é simplesmente um espaço vazio em uma página. Não precisa realmente ser branco-ele só precisa não conter texto ou imagens. Se bem feito, pode melhorar a legibilidade e remover a desordem do design do seu site. O espaço em branco também pode ajudar a direcionar o foco e a atenção. Ele fornece uma maneira de separar recursos e ideias para que os visitantes possam discernir exatamente o que você deseja que eles vejam rapidamente, em vez de ter que classificar visualmente um layout barulhento e lotado.
o Google é o melhor exemplo de utilização de espaços em branco. Não poderia ser mais limpo-apenas uma página em branco com um logotipo e uma caixa de pesquisa.
6 Melhore o design do seu site com cores atraentes.
Escolha uma cor que forneça a base de todo o design do seu site e, em seguida, escolha uma cor de destaque contrastante para botões importantes e outros elementos da interface. Você pode aprender mais sobre como escolher a paleta de cores certa para sua marca.
Whole Foods Market usa verde para sua cor de marca primária, e os pequenos pops da laranja secundária chamam a atenção para os apelos à ação apresentados.
7 incorpore fontes atraentes e fáceis de ler.
Use um tipo atraente que seja visualmente equilibrado e exclusivo para tornar o texto do seu site claro e intrigante. Quatro fontes mais populares são Brandon Grotesque, Museo Sans, Railway e Playfair Display.
o site de roupas infantis Belga Studio Aimee usa Brandon Grotesque para uma experiência de compra limpa e legível.
8 envolver os usuários com vídeo e imagens ricas.
vídeos e imagens são mais envolventes do que apenas texto-na verdade, as páginas de destino com vídeos podem aumentar as conversões em mais de 80%. Use imagens escaláveis (SVG) para garantir uma experiência de usuário de alta qualidade em dispositivos desktop e móveis.
caridade sem fins lucrativos: a água exibe um vídeo em sua página inicial, tornando-se uma das primeiras coisas que você vê quando visita o site deles para obter o máximo impacto.
mantenha os visitantes engajados com um site amigável
você pode ter o site mais atraente do mundo, mas se for difícil de usar, seus visitantes não serão convertidos em clientes. Essas sete regras garantirão que seu público tenha uma experiência de usuário tranquila.
1 torne seu site compatível com dispositivos móveis.Você sabia que até 70% do tráfego da web vem de um dispositivo móvel? Isso significa que há uma boa chance de que alguém que visita seu site pela primeira vez esteja usando seu smartphone. E se a experiência móvel for negativa, você acabou de perder um cliente. Saiba por que e como tornar seu site mais compatível com dispositivos móveis.
a experiência de compra móvel da Everlane é limpa e fácil de usar. O design inclui conteúdo modular, por isso é responsivo e se traduz bem em dispositivos móveis. O site também inclui chamadas para baixar o aplicativo de compras sem fazer você se sentir como se estivesse tendo uma experiência menor no site.
2 Simplifique sua navegação.
quanto mais páginas alguém tiver que navegar em seu site para encontrar o que está procurando, maior a probabilidade de o cliente deixar seu site por frustração. Na verdade, para um site médio, 40% dos visitantes sairão depois de ver apenas uma página!
o conteúdo não deve ser enterrado. Não faça seus visitantes caçarem o que eles vieram buscar. Sua navegação deve ser bem organizada e lógica do ponto de vista do Usuário. Também deve parecer familiar, para que seus usuários não tenham uma curva de aprendizado íngreme.
Tilde Inc. tem uma barra de navegação simples no topo do seu site, com os pontos importantes ligados abaixo com uma breve explicação na seção “O que fazemos”. Isso torna mais fácil encontrar o que você está procurando.
3 Use chamadas à ação para tornar as coisas mais fáceis de encontrar.
pense em onde você pode colocar botões em todo o seu site para tornar as coisas importantes mais fáceis para os visitantes encontrarem. Se você é um site de comércio eletrônico, ter botões que dizem ” Compre agora “terá muito mais impacto do que um simples link de navegação; se você é uma organização sem fins lucrativos, um botão” Doar ” ao lado de sua barra de navegação facilitará a doação para os visitantes.
a Square tem um apelo à ação simples que incentiva os empresários a começar a vender. Seu botão CTA diz ” iniciar uma conta quadrada.”Não fica muito mais fácil do que isso.
4 dê aos usuários recursos de pesquisa robustos.
pensar em como os visitantes pesquisarão seu site e como os resultados serão exibidos é igualmente importante. A experiência de pesquisa deve espelhar sua experiência de navegação com a forma como os resultados são organizados. Incorporar recursos como o preenchimento automático tornará a pesquisa mais fácil do ponto de vista do usuário também.
Zappos tem uma ferramenta de pesquisa inteligente, que é altamente preciso e também atualiza os filtros no lado esquerdo com base em termos de pesquisa.
5 divida o conteúdo com cabeçalhos de seção.
ao lidar com áreas pesadas de conteúdo em seu site, divida-o com cabeçalhos. Seja um artigo ou descrição do produto, os cabeçalhos fornecem sua estrutura de Conteúdo e facilitam a varredura.
WebMD faz um trabalho eficaz de quebrar seu conteúdo em pedaços digeríveis com muitos cabeçalhos de seção para que você possa encontrar as informações que está procurando.
6 fale como uma pessoa real.
quanto mais jargão e marketing falam, os usuários precisam decifrar quando visitam seu site, menor a probabilidade de se envolverem com sua marca. Um tom amigável e conversacional tornará mais fácil para os visitantes ler e entender seu conteúdo, bem como navegar em seu site.A Zipcar torna seu serviço mais fácil de entender—e seu site mais fácil de navegar-com sua voz de marca descontraída.
7 confirme as ações de seus visitantes.
se seus visitantes comprarem um produto de você, assinarem um boletim informativo ou até mesmo compartilharem seu conteúdo, uma boa prática é exibir uma tela de confirmação que mostre que sua ação foi realizada com sucesso. Não faz mal usar essa tela para agradecê-los também.
TheSkimm Felicita e recebe-lo depois de se inscrever para a sua newsletter, com um prompt para compartilhar nas mídias sociais.
Teste seu site antes do lançamento
há sempre torções que você precisará trabalhar ao iniciar-ou relançar—um site. É importante reservar um tempo para testar seu site e coletar feedback antes que ele entre em operação.
1 Realizar testes de garantia de qualidade (QA).
se você tiver os recursos, contrate uma equipe de garantia de qualidade para que eles possam testar todos os aspectos do seu site. Se você não puder contratar pessoas especificamente para a função de controle de qualidade, Faça com que as pessoas internas e externas à sua empresa testem seu site antes do lançamento. Eles podem clicar em todos os links, preencher todos os formulários e experimentar todos os Serviços. Basicamente, se há algo para fazer no site, eles devem fazê-lo. Dessa forma, você pode corrigir quaisquer bugs antes de iniciar.
2 colete o feedback do Usuário antes de enviar seu site ao vivo.
convide um grupo seleto de testadores beta para fornecer feedback sobre elementos como navegação, design e principais fluxos de usuários. Você pode não fazer alterações com base em todos os comentários recebidos antes do lançamento, mas você pode querer manter sugestões em mente para mudanças no futuro.
criar um site do zero-mesmo que você tenha recrutado uma agência para ajudar-não é pouca coisa. Criamos três etapas úteis para criar uma lista de verificação envolvente de design de site (PDF), para que você possa verificar todos os itens importantes da lista à medida que avança.