4 truques de interface de usuário mais odiados
Ninguém quer criar um design ruim e, no entanto, isso acontece o tempo todo. E enquanto a causa do design ruim varia, o resultado final é o mesmo - uma experiência ruim para o usuário.
Má experiência do usuário frustra os usuários e muitas vezes leva ao abandono do produto. Neste artigo, vou me concentrar em um aspecto específico do design ruim - usando técnicas de interface do usuário que levam a uma má experiência de usuário.
1. Pop-ups
Se eu pedir para você nomear a única coisa mais irritante na web, as chances são de que você responda, "Pop-ups". De acordo com o NN Group, os pop-ups são a experiência web mais odiada sempre.
Todos nós conhecemos esse sentimento. Você visita um novo site, o conteúdo da página parece ser interessante. Você começa a lê-lo e quando você está na metade do texto, você é subitamente interrompido por uma imensa sobreposição pedindo que você assine uma newsletter ou ofereça algo. Na maioria dos casos, sua reação imediata será fechar a sobreposição ou fechar a página inteira, juntamente com a sobreposição.
Uma sobreposição usada no site da Esquire.
É óbvio por que tantos sites usam essa técnica: os anunciantes pagam para eles. No entanto, a técnica pop-up é muito disruptiva e tem um enorme efeito negativo sobre os visitantes. Toda vez que você mostra um pop-up, você pede aos usuários que parem de fazer o que eles querem fazer (o que é importante para eles) e foquem a atenção deles naquilo que você quer que eles façam (o que é importante para você). Não é surpreendente que esse comportamento geralmente aumente a taxa de rejeição.
É possível usar pop-ups sem incomodar seus visitantes. Basta seguir uma regra simples: acionar um pop-up no momento certo. Por exemplo, é muito melhor permitir que os usuários concluam a atividade atual (por exemplo, chegar ao final da página) antes de mostrar um pop-up. Quando os usuários tiverem um pouco mais de tempo para aprender sobre você (sua marca e suas ofertas), aumentará a chance de que eles estejam dispostos a fazer o que você quer.
Outro componente importante é a mensagem real que você tem em seu pop-up. Você precisa escrever uma ótima cópia. A cópia não deve ser insultante, enganadora ou confusa. Waitbutwhy vá além e incorpore o humor em seu texto:
Quando os visitantes lêem a cópia do Waitbutwhy , isso os faz sorrir.
Vale a pena dizer que há muitas ferramentas menos invasivas, como barras de apresentação que não cobrem a página inteira e produzem resultados semelhantes em termos de conversão.
2. Rolagem Infinita
A rolagem infinita é uma técnica que permite aos usuários percorrer uma grande quantidade de informações sem nenhuma linha de chegada à vista. A página simplesmente continua sendo atualizada enquanto os usuários rolam para baixo. A técnica tornou-se popular na era dos dispositivos móveis (a rolagem é muito mais confortável do que clicar em uma tela minúscula). À primeira vista, essa técnica é uma solução perfeita para muitos problemas - ela requer menos esforço e facilita a compreensão do conteúdo (todos os usuários precisam fazer isso para rolar). No entanto, não é uma solução única para todos os sites ou aplicativos.
A principal desvantagem da técnica também é sua principal vantagem: não há linha de chegada à vista. Quando os usuários chegam a um determinado ponto no fluxo, eles não podem marcar sua localização e voltar mais tarde (observe, quero dizer posição, não determinado item). Então, se eles saírem do site (por exemplo, passar de um dispositivo para outro), eles perderão todo o progresso e terão que descer novamente para voltar ao mesmo ponto. A incapacidade de determinar a posição de rolagem geralmente incomoda os usuários e prejudica a experiência geral do usuário.
Em 2012, o Etsy, um site de e-commerce focado em itens artesanais ou vintage, experimentou layouts para a página do produto. Eles implementaram uma interface de rolagem infinita e descobriram que a nova interface não funcionava tão bem quanto uma versão anterior com paginação. Embora algumas compras continuassem as mesmas, engajamento do usuário caiu .
O que o exemplo de Etsy nos diz? Ela nos diz que, a cada decisão de projeto, devemos pesar os prós e contras antes de incorporá-los aos nossos projetos. Falando de rolagem infinita, funciona bem para algo como Twitter / Instagram, onde os usuários ficam felizes em escanear um fluxo interminável de dados sem procurar nada em particular.
3. Notificações Push
Você já prestou atenção ao número de notificações recebidas diariamente de vários aplicativos? Quantas dessas notificações você realmente se importa? Não muitos, eu acho.
Todos os dias somos bombardeados com notificações inúteis que nos distraem do que fazemos. Eles nos incomodam.
O serviço de streaming envia a cada usuário uma notificação toda vez que um novo episódio de qualquer programa é lançado.
Na verdade, as notificações irritantes são a principal razão pela qual as pessoas desinstalam aplicativos móveis (de acordo com 71% dos entrevistados da pesquisa).
A notificação push é uma ferramenta poderosa, mas, como acontece com qualquer outra ferramenta, ela pode ser usada para o bem ou para o mal. Quando os usuários começam a usar seu aplicativo, eles não se importam em receber notificações, desde que as notificações ofereçam valor real. É essencial que as notificações sejam úteis, relevantes e oportunas para seus usuários. O conteúdo personalizado é fundamental para a excelente experiência do usuário. Quando você envia a mensagem certa para a pessoa certa no momento certo, sua notificação por push se torna um poderoso gatilho que motiva a pessoa a agir.
A Netflix faz um ótimo trabalho ao personalizar suas mensagens para o indivíduo que as recebe.
4. Scroll Hijack
A rolagem sequestrada é uma das coisas mais irritantes para muitos usuários, já que ela tira o controle deles e torna o comportamento de rolagem completamente imprevisível. Ao projetar um site, na maioria dos casos, é melhor evitar o seqüestro de rolagem e permitir que o usuário controle sua navegação e movimentação pelo site. Mas em alguns casos raros, o seqüestro de rolagem pode funcionar bem para seus usuários. Por exemplo, o Tumblr usa essa técnica em sua página inicial para apresentar informações em partes.
O Tumblr usa o sequestro de rolagem para fornecer conteúdo em partes.
Conclusão
Vale a pena dizer que todas as técnicas mencionadas neste artigo não são ruins em si. Os usuários os odeiam apenas quando os designers os incorporam cegamente. Cada técnica ou padrão em seu website ou em seu aplicativo deve ser usado de maneira inteligente e com alguma moderação.