10 regras de UX que todo web designer deve seguir

Publicados: 2017-03-02

Você pode criar o design mais impressionante do mundo e não terá sucesso se não satisfizer a usabilidade.

Tudo, desde um palito de dente até um avião comercial, requer usabilidade para funcionar e vender, ou então seu design está condenado. Da mesma forma, no mundo da web, um termo chamado UX aparece quando um site é usado e avaliado.

UX é a abreviação de experiência do usuário que um usuário da web adquire ao navegar em um site e interagir com seus elementos e recursos. Se a experiência é instável e mal procurada, então o site não é nada de lixo flutuando na internet com o qual ninguém se importará. O UX pode decidir sozinho se um site pode ser usado ou vendido, portanto, é imperativo para o designer. Neste artigo, compartilharemos 10 regras fundamentais sobre usabilidade que todo web designer deve conhecer antes de levar o site para seus estágios finais de conclusão.

1. Nunca confunda UX com UI

Há uma linha tênue traçada entre UX e UI. Mesmo que você esteja ciente da diferença, você pode ouvir do cliente em um ponto ou outro, mas quando chegar a hora, você deve ser capaz de explicar a diferença nos melhores termos possíveis. A interface do usuário é definida como o sistema real, enquanto a experiência do usuário é definida como o resultado emocional após a interação com o sistema.

O Microsoft Windows é a interface do usuário, enquanto a satisfação emocional após o uso é o UX. Confundir os dois termos pode não apenas prejudicar seu próprio trabalho, mas também sobrecarregar você com algo que não é totalmente seu trabalho.

Um bom designer não só saberá a diferença, mas também será capaz de explicá-la ao cliente ao propor um pitch de apresentação de seu trabalho.

2. UX é mais do que apenas experiência no site

Web design é mais do que aparenta. Tudo a partir dos detalhes visuais, o produto que você usa e os lugares que você visita tem UX escrito em tudo. Dirigir um carro inútil é uma experiência ruim, enquanto abrir uma caixa com facilidade é uma boa. O marketing de UX offline pode parecer um vestido diferente, mas originalmente é cortado do mesmo tecido. Embora não seja totalmente igual e não possa ser justificado por alguns exemplos, a experiência de UX em plataformas materiais e imateriais produz os mesmos hormônios em seu cérebro. Por exemplo, alguém descobriu que os humanos priorizam as informações da esquerda para a direita e os elementos à esquerda ocupam menos espaço vertical e carregam o mesmo peso visual.

Durante o ano 2000, a tendência começou a mudar e os web designers começaram a colocar barras de navegação no painel esquerdo da página da web. Isso permitiu que os usuários digitalizassem o conteúdo mais rápido e melhor, ao mesmo tempo em que davam maior exposição ao conteúdo do site. Como web designer, ter os pés em ambos os meios permitirá que você treine sua mente e expanda seu conhecimento para avaliar e produzir projetos de uma perspectiva mais viva.

3. A arte e a ciência remontam ao passado

Arte e ciência andam de mãos dadas quando se trata de UX. Ter um entendimento refinado sobre seu vínculo é imperativo, especialmente durante o processo de design. Cientificamente, existe um cenário de solução de problemas em que o designer deve traçar um roteiro e abordar os problemas com uma solução teórica. Por exemplo, um site está com vendas drasticamente baixas. O designer sugerirá a atualização do site, testando e solucionando problemas, o que resultará em uma solução. É aí que entra a arte.

Todos os aspectos e elementos serão sugeridos na solução, como cores, tipos de letra, layout, texto e conteúdo visual para tornar esse site atraente tanto estética quanto funcionalmente. Ele será submetido a mais testes até conseguir invocar a resposta emocional desejada do usuário. Essa canalização do comportamento externo por meio de uma implementação científica é o que faz da Arte e da Ciência um casal estranho, mas potente.

4. Use uma abordagem orientada por metas para a solução de problemas

Não é nenhum segredo que os designers lidam com clientes que querem que as coisas sigam seus livros. Isso cria um labirinto que não leva a lugar nenhum, pois muitas coisas o cliente desconhece e que só o designer sabe. Da mesma forma, os designers às vezes tendem a fazer as coisas do seu jeito, enquanto outros métodos também estão na mesa e podem funcionar melhor.

Manter uma abordagem única como tal nunca é saudável ao projetar um web design rico em UX. Um bom UX só é alcançável a partir de uma abordagem orientada por objetivos que se concentra na melhor solução disponível. Por exemplo, um cliente deseja mudar o link de depoimentos de clientes para a parte superior da página para obter mais exposição e atrair mais tráfego. No entanto, o problema não está no posicionamento do link, mas no próprio link de localização, pois não consegue atrair tráfego. Portanto, você também pode corrigir o link tornando-o mais visível exatamente onde está, em vez de movê-lo para um novo local. Ambas as soluções podem ser usadas para resolver o problema e você deve manter a opção aberta. Isso é chamado de design orientado a objetivos.

5. Exponha a identidade da marca por meio da UX

A identidade da marca está entre os principais objetivos por trás da construção de um ótimo UX. Se o UX deixar sua marca na satisfação dos usuários, isso refletirá muito na Marca que possibilitou essa experiência. É importante que você não se distraia em criar um visual que atenda às preferências do cliente. Um bom design que deve exibir a combinação certa de funcionalidade e recursos que não apenas tornem a experiência do usuário um deleite, mas também detalhem o investimento que uma marca fez para torná-la bem-sucedida. Isso decidirá se o usuário visitará o site novamente.

Para garantir que você tenha a perspectiva do cliente enraizada no design, informe-os sobre cada movimento e faça as alterações necessárias que possam ser acomodadas no design. Também é importante que você considere o panorama geral ao adicionar as preferências do cliente para que a experiência do usuário não seja afetada no processo.

6. Construa seu UX em torno da perspectiva do usuário

Nunca se torne uma vítima de sua própria imaginação. Como você tem uma certa liberdade criativa ao projetar um site, é crucial que você não abuse dela. Neste caso específico, você tem as diretrizes do cliente e suas preferências profundamente arraigadas, mas esqueceu completamente a perspectiva do usuário. Sendo um designer é importante que você nunca deixe sua imaginação te desviar de alcançar o que o cliente e o usuário desejam. Um design orientado ao usuário tem a melhor chance de produzir um UX vencedor do que qualquer outra abordagem.

Para ter certeza de que você está no caminho certo, pesquise sobre os usuários do seu nicho de design e aprenda sobre suas necessidades e desejos em seu design específico. Antes de estar pronto para iniciá-lo, use o teste A/B para verificar se seu design está atendendo aos requisitos. Lembre-se, as necessidades do usuário são mais importantes do que sua opinião pessoal, porque no final eles a usarão.

7. UX é tudo sobre psicologia

Os gatilhos comportamentais são baseados na psicologia humana que estimula a resposta emocional do usuário. Bons designers são capazes de avaliar qualitativamente a mentalidade do usuário e derivar uma conexão emocional com o conteúdo. Essas conexões emocionais são essenciais para produzir um UX animado em um web design. Veja as notificações, por exemplo. Você pode ter experimentado o irritante recurso de notificação pop-up que o envia para fora do site batendo a porta ao sair. Mesmo que seja em parte para o benefício do cliente e ao mesmo tempo garantir conversões para o varejista, mostrá-lo logo após o cliente acessar o site é uma péssima ideia.

Imagine-se chegando ao seu escritório e sendo ordenado a fazer suas tarefas sem respirar ou desfrutar de uma xícara de café quente. O tempo é um fator crucial aqui. Se você conhece a psique humana, nunca começará com um pop-up que cubra mais da metade da tela. Em vez disso, você pode esperar que o visitante dê uma olhada no conteúdo e, em seguida, comece com seu argumento de venda. Desta forma, a mesma notificação será recebida de braços abertos, pois agora o usuário pode realmente poupar seu tempo para se envolver. O UX depende muito da psique do consumidor, e é por isso que você deve integrar uma dose saudável de gatilhos comportamentais, enquanto toma cuidado onde for necessário.

8. Conduza seus clientes pela rolagem

A rolagem funciona como mágica, se você me perguntar. Ele envia o usuário em busca de informações mais profundas no site, ampliando suas chances de conversão. Provavelmente é por isso que a maioria dos designers coloca seus CTAs na parte inferior da página, onde a rolagem chega ao fim.

Mesmo a abordagem “amor à primeira vista” pode promover a rolagem, onde o design mostra CTAs no topo da página. Você pode otimizar essas páginas introduzindo dicas de rolagem. As dicas de rolagem podem variar de suspiros de seta a elementos gráficos cativantes. Por exemplo, as setas podem ser usadas para apontar direções para a próxima parte do conteúdo, enquanto os elementos gráficos podem levar o usuário diretamente para o próximo slide assim que interagir com ele.

9. Torne o uso confortável

Quando você coloca seu conteúdo ao vivo na internet, você deve esperar que ele seja recebido por pessoas de todos os tipos de origens. Nem todos compartilham seus pontos de vista da maneira que você pretende propô-los. É por isso que seu conteúdo deve ser absorvível para que o usuário não precise de um esforço extra para entender o que você está oferecendo a ele. Se o conteúdo for digerível, o usuário converterá mais rapidamente.

Dê-lhes uma mordida de cada vez. Mostrar tudo o que você pode oferecer de uma só vez não apenas desorienta o usuário, mas também reflete o desespero em sua metade. Para garantir que seu design seja respirável e fácil de assimilar, use bastante espaçamento em branco ao redor de seus elementos para que sejam fáceis de distinguir. Crie também conteúdo que seja compreensível para todos os tipos de público com exemplos e suas próprias narrativas. Mostre-se como amigo deles, não como empresário.

10. Otimize os elementos de sua página adequadamente

Os elementos da página são parte integrante de um web design. Desempenham funções essenciais para os usuários e mantêm uma harmonia emocional no UX. No entanto, adicionar elementos de página desnecessários pode ser perigoso para seu site e para o usuário também.

Elementos de página, como um CTA com vários comandos em vez de um, uma imagem que distrai o suficiente para desviar a atenção do assunto ou pedaço de texto no meio da página que engana o cliente. Adicionar esses elementos inutilmente afeta a credibilidade do seu web design enquanto diminui a velocidade de carregamento. Imagens HD, por exemplo, podem ser fábricas de atraso para suas páginas da web. Eles exigem muita largura de banda e tiram o tempo de carregamento ideal para um site amigável à conversão. Um site de carregamento lento é a última coisa que você deseja no UX do seu site.

Pensamentos finais

Como web designer, você deve considerar todos os elementos, aspectos e abordagens na equação. Seu objetivo é produzir um design que não apenas conquiste os clientes, mas também entregue um UX satisfatório. Através dessas 10 regras fundamentais você cria o web design ideal que atende a usabilidade de todos os ângulos possíveis.