Quatro técnicas de design UX para incentivar o envolvimento do usuário

Incentivar os usuários a permanecerem e usarem um site nem sempre envolve código mais fino ou gráficos mais bonitos. Alguns dos layouts mais simples, como o Reddit, ainda mantêm os usuários entretidos com o conteúdo, e animados em interagir com o site.

O segredo está na experiência do usuário e a consideração de como um site funciona. Interações se originam de elementos de página e fluxos de ação que se movem de uma página para a próxima.

Neste post vou dar uma olhada em alguns Técnicas de design UX que pode ser aplicado a melhore a experiência do usuário e aumente o engajamento do usuário. Observe que nem sempre são aplicáveis ​​a todos os sites e é mais importante entender por que essas técnicas funcionam para que você possa usar seu próprio julgamento.

O assunto da experiência do usuário é vasto e requer paciência para entender completamente. Mas quanto mais você pratica, mais você vai entender

A melhor coisa que você pode fazer é brincar em sites que você gosta e descobrir o que você gosta sobre eles. A partir de suas experiências, você pode extrapolar ideias consistentes e descobrir o que mantém você (e talvez outros) envolvido em um site.

1. Use o contraste para chamar a atenção

Todo site é construído com um punhado de elementos criados para interação do usuário. Hiperlinks, botões, campos de entrada, widgets da barra lateral, a lista continua e continua. Mas nem todos os elementos devem ser criados iguais. Alguns são naturalmente mais importantes para o engajamento do visitante e devem ser projetados com maior contraste para se destacar de outros elementos na página.

Essa ideia deriva do alto contraste de cores e do modo como os humanos processam dados visuais em padrões. Quando algo se destaca do ambiente, seja por cor, tamanho, forma ou espaço em branco, pode parece mais importante com base no contexto.

Use o contraste para chamar a atenção para determinados elementos da página que envolvem os visitantes em uma tarefa específica. Se seu objetivo é criar mais inscrições em boletins informativos, sua caixa de inscrição pode ter um botão de inscrição animado brilhante ou um ícone vetorial exclusivo.

O objetivo é capturar a atenção construindo uma interface que leve os visitantes a realizar algumas ações desejadas..

Se você tiver tempo, valerá a pena executar alguns estudos de caso A / B para ver quais cores / elementos são reproduzidos melhor juntos. As estatísticas são difíceis de identificar, mas você ficará surpreso com o quanto pode ser aprendido com um simples teste de divisão.

2. UI / UX Animação de bom gosto

Eu recentemente tropecei em um post intitulado O que a Disney sabe sobre a animação da interface. Abrange os pontos vitais de animação e como estes jogam para a psique dos usuários interagindo com uma tela 2D plana.

Diferentes tipos de animações podem implicar certos comportamentos. Por exemplo, ao passar o mouse sobre um botão, ele pode saltar para mostrar que é clicável. Mensagens de erro geralmente são agitadas para chamar a atenção do usuário.

Lembre-se disso Animação UX deve ser visível, mas sutil. Animações exageradas são mais para TV e filmes do que para interfaces.

Mas isso não significa que suas interfaces devem permanecer planas. Na verdade, a maioria dos usuários em vez tem algum tipo de animação porque dá a ilusão de uma experiência mais suave. O design digital é parcialmente sobre criando uma interface ilusória, mas o mais realista parece, quanto mais seus usuários quiserem interagir.

3. Design responsivo como requisito

É justo dizer que boa parte dos usuários da Internet acessa seus celulares. Links que são compartilhados com sites sociais como Facebook e Twitter são frequentemente visitados diretamente em smartphones e tablets.

Isso significa que todos os sites devem ser otimizados para dispositivos móveis de alguma maneira - de preferência com um design totalmente responsivo.

Quando você é forçado a considerar o tamanho da tela, isto coloca recursos críticos em uma nova luz. Como designer, você precisa escolher quais recursos são mais importantes e como eles devem aparecer em telas menores. Essa estratégia de design responsivo leva tempo para aprender, mas a melhor maneira é estudar outros sites e escolher técnicas que você goste..

A verdade é trabalhos de design responsivo e está se tornando mais aceito pela comunidade de design a cada ano que passa.

Os usuários também esperam que os sites sejam totalmente responsivos para atender a qualquer tela do dispositivo. Quando um site não se encaixa muito bem em um navegador da Web para dispositivos móveis, isso pode prejudicar a experiência do usuário.

4. Simplifique o processo de interação

Smashing Magazine publicou recentemente um dos melhores posts que eu li em apoio de simplificação para design de interface. Afirma que ninguém quer saltar através de aros para usar seu site ou aplicativo. As pessoas só estão interessadas no resultado final, e a meio mais rápido para chegar lá.

Eu gosto de construir fluxogramas UX para cada elemento de página interativa sempre que estou esboçando wireframes. Isso ajuda a conceber visualmente como o site deve parecer e função.

Mas na verdade não importa como você planeja a experiência. Apenas certifique-se de que você está planejando a experiência mais rápida e simples possível. Quando se trata de incentivar a atividade, você quer que as coisas importantes sejam implícito pelo design.

Se alguém acessa sua webapp e não entende como se inscrever imediatamente, isso é um grande problema. Deve ser claramente óbvio para o usuário o que seu site faz e como eles podem ser separados dele.

O melhor lugar para começar é pesquisando o design UX e o processo de como os usuários interagem com uma interface. A partir daí, você poderá tirar conclusões relevantes para seus próprios projetos e, idealmente, simplificar suas interfaces para o seu maior potencial..

Para leitura relacionada sobre o tema de atividade do usuário, confira estes posts:

• Quebrando Convenções de Web Design = Quebrando a Experiência do Usuário
• Arquivos de usabilidade e experiência do usuário na revista Smashing
• Conceitos de design da Web para atrair a interação do usuário

Embrulhar

Não há uma única resposta sobre como projetar (ou consertar) sites para melhorar a usabilidade. Sim, existem algumas coisas que você pode tentar, mas cada site é um pouco diferente e o estudo do design UX é muito complicado.

Espero que este artigo possa ajudá-lo a pensar em algumas técnicas comuns para criar interfaces altamente úteis. A melhor coisa que você pode fazer é se colocar no lugar de um usuário típico e tentar determinar as principais falhas de uma interface. E uma vez que você reconhece um problema, você já está no meio do caminho para a solução!