Evitar que o UX falhe com o Smart Design
Uma coisa que designers não são suficientes para projetar sites está reduzindo os erros do usuário. É uma pena, porque os erros do usuário têm um impacto direto na experiência do usuário de um site… o que tem um impacto direto nas conversões de um site… o que tem um impacto direto em quanto dinheiro seu cliente perde.
Dito de outra forma: se há uma coisa que você pode fazer imediatamente para garantir que seu cliente permaneça feliz e continue lançando o trabalho de design do seu jeito, é evitar preventivamente os erros do usuário desde o início. Projetar com essa filosofia pró-ativa não melhorará drasticamente a experiência do usuário, mas também fará com que você pareça realmente bom para seus clientes.
A prevenção de erros do usuário se resume a um princípio que deve ser sempre o primeiro no sistema de valores de todo designer: projetar para o usuário final a todo custo.
Padrões de design
Padrões de design são layouts e interfaces que farão um acorde familiar com os usuários, porque eles os viram inúmeras vezes em todos os seus anos de navegação na web. Portanto, só faz sentido apresentar a seus usuários designs que eles já tenham visto antes para reduzir erros do usuário. Afinal de contas, quando um usuário tem experiência em navegar por um determinado design, é uma boa aposta que ele não cometa erros relacionados a se perder no seu site, não entender o objetivo da página ou não entender como executar uma ação específica.
Estatísticas dizem que aproximadamente 40% da população da Terra atualmente desfruta de acesso à Internet. Esses usuários viram seu menu de navegação básico (horizontal, vertical etc.), sabem como rolar abaixo da dobra, entendem que as chamadas para ação devem ser clicáveis e muito mais. Eles também estão familiarizados com várias tendências de design, desde rolagem de paralaxe e design plano até o minimalismo e a página de rolagem longa. Trabalhe dentro desses padrões bem compreendidos para reduzir drasticamente a possibilidade de erros do usuário!
Dillard As lojas de departamentos exemplificam essa abordagem básica e familiar do web design. Na sua página inicial, você pode ver claramente quantos elementos ele faz certo:
- menu de navegação horizontal que oferece acesso claro e fácil a diferentes departamentos;
- desenho de coluna única;
- espaço em branco para focar a atenção no conteúdo;
- barra de pesquisa para facilitar a boa experiência de usuário que permite que os compradores encontrem rapidamente o que desejam;
- grandes imagens que mostram produtos de forma acentuada e atraente.
Com esse layout, as pessoas que navegam pela Dillard pela primeira vez passarão imediatamente pelo funil de conversão do comércio eletrônico devido à interface familiar do site.
Confie em affordances
Affordances são aquelas indicações que dizem aos seus usuários como eles podem interagir com o site do seu cliente. Eles são absolutamente essenciais para uma ótima experiência do usuário e, portanto, reduzem os erros do usuário.
Affordances vêm em todas as formas e tamanhos:
- fisica;
- língua;
- padronizar;
- simbólico ou icônico.
Sem permissões claras ou qualquer, até mesmo o usuário mais experiente terá uma experiência de usuário pútrida em seu site.
Veja, por exemplo, as possibilidades de linguagem, que são as formas mais explícitas de comunicar aos seus usuários como eles podem interagir com seu site. Um dos lugares mais comuns onde você pode encontrá-los é em formulários da web para ajudar a orientar os usuários sobre o que eles devem inserir nos vários campos.
Embora alguns formulários possam ser relativamente curtos, todos os usuários serão perdidos sem recursos de linguagem para lhes dizer o que devem inserir em cada campo.
Em Dropbox página inicial, você pode ver o formulário de inscrição em destaque bem no meio da tela. O formulário tem apenas quatro campos, mas para ajudar a experiência do usuário, o Dropbox incluiu recursos de linguagem em todos os campos, para que todos os usuários saibam que devem digitar seus nomes e sobrenomes, endereços de e-mail e senhas para se inscrever.
Agora que os usuários têm 100% de certeza sobre o que inserir nesses campos, eles não cometerão erros e, como resultado, a inscrição será extremamente tranquila, pois não haverá atrito no processo.
Use uma falha à prova de exclusão
Um dos erros mais comuns do usuário é baseado em exclusões acidentais de trabalhos criados, sejam esses trabalhos muito demorados, como relatórios escritos, ou apenas mídias compartilhadas, como fotografias que demoram apenas um segundo para serem filmadas. É lógico, então, que criar salvaguardas efetivas contra exclusões acidentais seja uma das melhores maneiras de reduzir os erros do usuário.
A maioria das pessoas já experimentou, em um ponto ou outro, uma situação em que ele acidentalmente excluiu um conteúdo valioso ou necessário. O custo de tal erro do usuário pode muitas vezes ser mais do que apenas a frustração de ter pressionado o botão errado ou não ter lido as mensagens pop-up com mais cuidado. Exclusões acidentais podem apagar permanentemente memórias preciosas e documentos relacionados ao trabalho que custam dinheiro real.
A caixa de diálogo de confirmação, perguntando aos usuários se eles realmente queriam excluir um item, ainda é um ponto de segurança vital que deve fazer parte de todos os designs que funcionem bem. A beleza desta falha à prova de falhas é que, de acordo com a regra sobre o uso de convenções de design, todos os usuários estarão imediatamente familiarizados com ela, aumentando assim sua eficácia como um sistema de prevenção de perdas.
Google Drive A interface do usuário usa caixas de diálogo de confirmação que imediatamente chamam a atenção do usuário, garantindo que não possam ser ignoradas.
Observe como a caixa apresenta a pergunta de confirmação em fonte maior do que todos os outros textos da caixa, quase como se fosse seu próprio título? Além disso, palavras orientadas a ação como "excluir" iniciam a pergunta, tornando ainda mais provável que os usuários tomem conhecimento. A linha que contém o aviso também está em negrito, contribuindo para a urgência por trás da pergunta. Por fim, observe como o botão de ação para “cancelar” é o que está destacado em azul, indicando um desejo dos designers de fazer com que os usuários cometam erros em caso de exclusões acidentais.
Tudo dito, tal uso de caixas de diálogo de confirmação age como uma falha contra usuários precipitados que podem não ter pretendido pressionar um determinado botão.
Conclusão
Uma coisa que constantemente dizemos em web design é a importância de projetar com o usuário em mente o tempo todo. A experiência do usuário deve ser colocada em primeiro lugar em todas as decisões de design. No entanto, o aspecto interessante do design é como os designers geralmente associam a experiência do usuário no contexto do que eles podem adicionar a um design para melhorar a experiência dos usuários. Eles raramente abordam o design com o usuário em mente primeiro, do ponto de vista da eliminação de possíveis erros que o usuário pode envolver.
É por isso que é essencial que os designers sempre tentem se colocar no lugar do usuário e tentem antecipar como ele se comportará enquanto navegarem pelo design. Só então os erros do usuário podem ser realmente minimizados.