As possibilidades, no mundo físico, são descritas como as propriedades ou os recursos percebidos e reais de um objeto que determinam seu uso sem explicação: um compartimento para moedas, um buraco de fechadura, uma alça de mala, uma maçaneta de porta; coisas cotidianas que entendemos automaticamente para que servem e como usá-las.
No mundo digital, da mesma forma, os recursos de UX são os elementos interativos de um site, aplicativo ou produto que criam operações intuitivas, permitindo que nos concentremos no conteúdo de que precisamos e não na operação da plataforma.
Como pesquisadores de UX, entendemos o verdadeiro valor e os benefícios por trás desses recursos intuitivos e inovadores e como eles diferenciam um design visual forte de um fraco. Os usuários não devem realmente perceber os melhores recursos, mas aceitá-los automaticamente porque já entendem a linguagem visual em que trabalham: menus de hambúrguer, funções de carrinho de compras, ícones de e-mail ou de mídia social são todos recursos claros cuja função pretendida é óbvia, tornando suas interações digitais instintivas e inconscientes.
No entanto, como pesquisadores de UX, descobrimos regularmente que uma interface de usuário pode logo se tornar confusa ou problemática se não houver os recursos necessários para que seus operadores entendam.
Por meio de pesquisas e testes de UX, descobrimos os problemas operacionais dos produtos em que os usuários estão:
- Não sabe o que fazer
- Não conseguir ver uma possível próxima etapa
- Não reconhecer uma possível oportunidade de resultado
- Perder o controle de uma função
- Perder o controle da navegação
- Perder a confiança em tarefas complexas
- Falha ao detectar sinais visuais
Como acontece com todos os componentes e recursos de UX e UI, a única maneira de eliminar erros e mal-entendidos de forma realista é por meio de um design informado e orientado por dados e de testes regulares. O termo affordance refere-se às propriedades fundamentais de um elemento e, principalmente, essas propriedades fundamentais devem orientar o usuário por uma rota específica destinada a aprimorar a experiência. Somente por meio de testes podemos ver se nossos produtos são adequados à finalidade.
Acessibilidade efetiva em mercados internacionais
Independentemente de você estar criando para um mercado local, cultural ou global, as melhores interfaces amigáveis apresentam todos os tipos de recursos que o seu público reconhece prontamente para proporcionar interações instintivas com o usuário. As pesquisas e os testes desempenham um papel importante na abertura de mercados globais, pois muitos recursos gráficos ou metafóricos não são convertidos com sucesso, causando confusão ou, pior ainda, ofensa.
Definição e explicação da acessibilidade no design de UX
A disponibilidade é uma propriedade ou característica de um objeto que apresenta um prompt ou uma pista visual do que esse elemento faz para alcançar um resultado específico.
Importância da acessibilidade no design de UX
- Orienta o comportamento do usuário ? Recursos bem projetados e posicionados direcionam os usuários para onde eles precisam estar... de forma simples e instintiva.
- Melhora a usabilidade ? Assim como acontece com a facilidade dos objetos físicos, esses componentes, muitas vezes minúsculos, desempenham um papel importante em uma experiência digital de fluxo rápido, facilitando a forma como interagimos com eles. Essa maior usabilidade se traduz em maior envolvimento e taxas de conversão mais altas.
- Cria uma experiência consistente para o usuário ? A consistência é essencial em toda interface digital bem-sucedida. Manter a consistência com os formatos que nossos usuários entendem, esperam e gostam garante que eles continuarão a interagir com eles repetidamente.
- A acessibilidade aprimora a experiência do usuário ? Tudo o que fazemos visa proporcionar uma experiência melhor para clientes, consumidores e usuários. Esses recursos proporcionam os designs fáceis de usar que nos esforçamos para produzir.
- A experiência do usuário e a interface do usuário se tornam mais intuitivas e agradáveis de usar ? O verdadeiro objetivo de nosso trabalho.
Tipos de recursos no design de UX
Recursos explícitos
Os recursos explícitos são claramente rotulados para garantir o uso óbvio, geralmente usando um rótulo de imagem ou instrução de texto.
Por exemploUm botão com uma descrição de texto, ?clique aqui para obter mais informações?, ?adicionar ao carrinho? ou ?enviar formulário?
Recursos implícitos
Os recursos implícitos se referem a elementos que não têm sinais ou rótulos visuais óbvios, mas são reconhecidos como oportunidades devido ao design comum por meio do contexto de posição ou aparência.
Por exemploUma linha de ícones de mídia social ou logotipos de clientes.
Recursos ocultos
Os recursos ocultos permanecem fora de vista até que o usuário tome a ação necessária para revelá-los.
Por exemploPor exemplo, um menu suspenso aparece quando o usuário passa o mouse sobre o item de menu de nível superior (ou quando o usuário clica em um menu de hambúrguer em telas menores) ou um campo de texto que aparece somente quando o usuário clica em um ícone de função de pesquisa.
Recursos gráficos/metafóricos
Esses tipos de recursos são ícones ou imagens que representam uma contraparte na vida real. Podem ser ícones, ilustrações ou fotos.
Por exemploSe o ícone da lupa representar uma barra de pesquisa ou for usado como uma função de zoom, um ícone de envelope para e-mail, uma cesta de compras para, bem, uma cesta de compras digital, ou uma bandeira para alterar idiomas ou locais.
Recursos Skeuomorphic
Os recursos skeuomórficos parecem e funcionam como suas contrapartes do mundo físico.
Por exemploPor exemplo, um livro digital com páginas que podem ser viradas, um calendário que rola ou vira de um mês para outro ou itens que podem ser arrastados para novas posições.
Recursos de padrão
Os recursos de padrão dependem de métodos e padrões de interface do usuário já reconhecíveis.
Por exemplomenus de navegação na parte superior ou inferior das páginas, logotipos de sites que retornam os usuários à página inicial ou texto sublinhado em uma cor diferente representando um link.
Recursos negativos
Os recursos negativos representam elementos de design inativos.
Por exemplobotões acinzentados, campos de entrada preenchidos automaticamente ou os botões restantes não destacados de uma guia de opções.
Falsos recursos
Os recursos falsos parecem ditar uma ação específica, mas oferecem algo diferente do que é esperado ou nada.
Por exemploO texto colorido e sublinhado que não oferece um link clicável ou um botão acinzentado que ainda funciona quando clicado.
Princípios-chave do design de recursos eficazes
Coloque os usuários no centro do design
Pesquisas e testes mostrarão quais versões ou opções os usuários entendem instintivamente, proporcionando os resultados e retornos mais regulares e bem-sucedidos. Para entender melhor seus usuários, defina personas e combine seus designs com elas para criar recursos eficazes.
Siga as boas convenções de design ? Consistência, familiaridade e lógica
Mantenha-se dentro das convenções reconhecíveis de recursos de padrão e convenções comuns de design. Um novo aplicativo ou recurso já parecerá familiar se os elementos que ele incluir seguirem um formato com o qual estamos acostumados.
Visibilidade e feedback
Um design limpo e claro significa manter as coisas simples e, ao mesmo tempo, representar objetivos claros a partir de um recurso de um elemento. Certifique-se de que as funcionalidades de notificação estejam em operação quando os usuários precisarem de confirmação ou feedback sobre uma ação.
Clareza e intuitividade
A clareza e a operação intuitiva de uma interface de usuário resultam em uma experiência de usuário perfeita que flui de uma ação ou área para outra. Os sites e aplicativos devem ser intuitivos e familiares o suficiente para guiar os usuários ao conteúdo desejado e gerar conversões com facilidade.
Elementos de UI que utilizam a UX de acessibilidade
Botões
Os botões são nossos elementos de call-to-action mais fortes, portanto, é imperativo que sua função seja óbvia e facilmente reconhecida. A forma, o tamanho, a cor, os rótulos, o contraste e o texto podem desempenhar seu papel.
Ícones
Os ícones geralmente são recursos de padrão, em que reconhecemos sua função pela simplicidade do que eles representam, por exemplo, ícones de favoritos e reações nas mídias sociais, ícones de e-mail, download ou compartilhamento. Apesar das diferenças no estilo da marca, muitos ícones seguirão um formato universal (ou pelo menos geográfico) que entendemos automaticamente.
Campos de entrada
Sabemos que é esperado que adicionemos dados quando nos deparamos com um campo de entrada. Eles geralmente incluem um recurso explícito de cópia de amostra em uma cor clara e um recurso de notificação quando preenchido corretamente.
Animações
Os recursos animados podem mostrar aos usuários como operar uma função ou opção específica. Como alternativa, um botão que treme nos mostra que fizemos algo errado e que precisamos resolver um problema para continuar... tudo isso sem uma longa explicação em texto.
Notificações
Os recursos de notificação indicam uma alteração ou uma ação necessária. Esses recursos visuais podem ser um tique ao lado de um campo de entrada preenchido de um formulário, uma atualização do número de itens em uma cesta ou os círculos vermelhos numerados sobre os aplicativos no iPhone.
Desafios e armadilhas comuns na implementação do Affordance
Equilíbrio entre simplicidade e complexidade
A verdadeira beleza do design de recursos está em sua simplicidade. Entretanto, cada elemento interativo pode controlar algo incrivelmente complexo. A arte do bom design significa encontrar um equilíbrio entre os dois, produzindo a maneira mais simples de executar as tarefas mais complexas.
Como evitar recursos falsos ou enganosos
Os recursos falsos podem induzir os usuários ao erro, causando confusão em sua operação. Sabemos com que facilidade os clientes abandonam carrinhos e aplicativos cheios pela metade ao se depararem com pontos problemáticos, portanto, remover elementos confusos ou deixar claro onde encontrar a próxima etapa ou instâncias de recursos ocultos torna-se uma necessidade.
Práticas recomendadas para a criação de um design de recursos contínuo
Pesquisa e teste de usuários para otimizar a experiência do usuário
Como pesquisadores de UX, estamos perfeitamente posicionados para lhe dizer o quanto o nosso trabalho é importante nessa área. Testes contínuos e iteração em todos os estágios e processos são necessários em cada etapa do design de produtos digitais. Com affordances, trabalhamos com elementos tão simples quanto o teste A-B (fornecendo escolhas baseadas em dados que convertem) até testes internacionais de UX, em que as diferenças culturais e geográficas podem tornar inútil um processo, uma interface de usuário ou até mesmo um aplicativo inteiro.
Mantenha-se atualizado com os padrões e convenções de design
Com a constante evolução da tecnologia e do design, os designers precisam se manter à frente da curva. Manter-se atualizado com convenções populares, novas ferramentas, inovações e modas manterá suas interfaces digitais operacionais e alinhadas com as expectativas dos usuários.
Conclusão: O poder da acessibilidade efetiva na transformação da experiência do usuário
Agora, você perceberá a importância da aparência física e das propriedades essenciais dos recursos. A realização de uma pesquisa de experiência do usuário significativa é a forma de encontrarmos os problemas e as questões com nossos aplicativos e produtos e quais de nossas soluções apresentam os resultados ideais.
Apesar de parecerem pequenas partes de um vasto sistema, o design de UX depende muito de recursos eficazes para oferecer os projetos com melhor desempenho. Os recursos ajudam a evitar ou impedir erros do usuário e a contornar as limitações do software, sejam eles atualizações básicas de cópias ou representações de objetos reais ou originais; aproveitar os recursos tornou-se uma forma de arte.
Nossos especialistas em pesquisa de usuários estão disponíveis para ajudá-lo a se aproximar dos seus clientes. Se quiser agendar uma chamada sem compromisso, entre em contato conosco pelo e-mail hello@ux247.com ou compartilhe suas necessidades usando o formulário abaixo.
