# data[].attributes.body
Primeiramente devemos nos preocupar com o usuário, pois essa é a parte com qual ele ira interagir.
Quando construímos a interface da nossa aplicação é importante levar em conta o trajeto que o usuário pode percorrer de maneira completa, tendo em vista todos os pontos de contato que ele pode ter, pois cada aspecto tem impacto em como o usuário vai se sentir em relação aquilo que ele está experienciando, de maneira positiva ou não

# data[].attributes.body
O desenvolvimento de uma interface intuitiva também é essencial. Quanto mais o produto digital for familiar para o público, melhor!

A tarefa é criar uma interface que não precise de um guia para ser usada. E a ideia é facilitar o uso, para que o/a cliente saiba exatamente como proceder, de forma intuitiva.

Toda interface bem-sucedida funciona com hierarquia de informações, para não confundir o/a usuário/a.

Escolher os meios visuais e não sobrecarregar o/a cliente com muitos dados é uma tarefa para o/a designer.

# data[].attributes.body
Não há como fazer uma boa interface sem fazer uma boa pesquisa, pois como já vimos, precisamos do usuário para definirmos o que está bom e o que não está. Devemos entender quem é o usuário, como ele vai se comportar e se sentir ao utilizar a interface.

# data[].attributes.body
A usabilidade é o que vai atribuir qualidade a facilidade de uso das interfaces com o usuário.
Tende a garantir a eficiência e a facilidade de interação, validando e testando a performance de um serviço e verificando se há necessidade de melhorias, sempre a partir do ponto de vista do usuário.

# data[].attributes.body
1 - Tente agrupar funções similares ao invés de fragmentar a UI.
2 - Tente fazer seus argumentos virem de outras pessoas, ao invés de falar de você mesmo.
É importante ter opiniões compartilhadas por quem esta testando sua interface, não basta apenas fazer como acha que seria melhor, pois o ponto de vista sempre será voltado para o usuário
3 - Tente distinguir o que é clicável e selecionável do que não é.
4 - Tente deixar o usuário desfazer, ao invés de pedir confirmação para tudo.
5 - Tente sugerir que há rolagem na página ao invés de deixar ela escondida.
6 - Tente manter o foco ao invés de afogar o usuário em links.

# data[].attributes.body
Um exemplo bem básico que pode ser dado é quando se compra um liquidificador, precisa que ele seja fácil de usar.
Por conta disso sua função básica é ativada por um grande botão no centro do aparelho, tendo maior destaque. Por outro lado podem haver funções extras que botões laterais menores seriam utilizados para tais funções.
Sendo assim não há necessidade de ler um manual para saber utilizar dessas funções.
Isso porque  é aplicado o conceito de usabilidade em basicamente tudo.
A usabilidade está presente sempre que você precisa interagir com a interface digital.
Ou seja, tem a função de fazer que uma pessoa manuseie e interaja facilmente com sua interface, que seja intuitiva e facilmente entendida.

# data[].attributes.body
A avaliação heurística de usabilidade leva em consideração os pontos comuns realizados por uma série de pessoas ao interagir com uma ferramenta.

Esse é considerado o método mais barato e rápido para encontrar falhas e oportunidades em um sistema.

Em 1990, Rolf Molich e Jakob Nielsen desenvolveram diretrizes para a verificação da usabilidade de plataformas.

São elas:

Visibilidade do status do sistema:

Correspondência entre o sistema e o mundo real

Controle do usuário e liberdade

Consistência e padrões

Prevenção de erros

Reconhecimento em vez de lembrança

Flexibilidade e eficiência de uso

Design estético e minimalista

Auxílio ao reconhecimento, diagnóstico e recuperação de erros

Documentação.

Ao averiguar o comportamento geral dos pesquisados diante de tais itens, é possível tomar medidas que facilitam a utilização do sistema.

# data[].attributes.body
1 - Facilidade de aprendizado
2 - Facilidade de memorização
3 - Educação gradual do usuário
4 - Baixa taxa de erros
5 - Navegação objetiva
6 - Simplicidade
7 - Qualidade do conteúdo
8 - "Peso" da aplicação

# data[].attributes.body
Depois da leitura até aqui não basta ter conceitos sobre como fazer se não soubermos como testar aquilo que estamos fazendo, então vamos aos testes, que serão dois:
1 - teste de usabilidade
2 - avaliação heurística

# data[].attributes.body
Nesse formato de teste, é selecionada uma amostragem significativa de usuários para representar uma parcela dos internautas.

Funciona mais ou menos como em uma pesquisa de mercado, mas observando as ações realizadas quando em contato com o produto.

Assim, são coletados dados que serão posteriormente analisados.

Dizem respeito a pontos como:

Percurso

Tomada de decisão

Relação entre pessoas e sistemas

Padrões

Inspeção de checklists

Reconhecimento

Navegação

Entrevistas e questionários.

Com base nas informações recolhidas, são realizados ajustes e melhorias no sistema.

# data[].attributes.body
Não confie nas cores como única forma de explicar algo

Usuários afetados: parcialmente ou completamente daltônicos

Um dos principais pontos que a Acessibilidade tenta garantir é a capacidade de usuários com problemas de visão de conseguirem navegar normalmente pela web.

Capriche no contraste

Usuários afetados: com baixa visão

De acordo com o WCAG (Web Content Accessibility Guidelines), do qual já falamos por aqui, a taxa de contraste entre o texto e o plano de fundo deve ser no mínimo 4.5 para 1. Se o tamanho de sua fonte é 24px ou 19px bold, a proporção mínima cai para 3 para 1.

Indique visualmente qual item está selecionado pelo teclado

Usuários afetados: que navegam pelo teclado

Alguns usuários com limitações motoras navegam pela web com o uso do teclado. Quando um campo está em foco, é comum vermos um outline ao redor dele indicando que aquele é o item ativo no momento.
O outline é uma função nativa do CSS, mas muitos designers e programadores acabam manualmente removendo essa função por opções estéticas. O problema é que sem essa indicação, fica praticamente impossível para o usuário que está navegando pelo teclado entender qual campo, link ou parte da tela está em foco. Algo simples de corrigir, mas que pode causar muitos problemas para um certo grupo de usuários.

Seja claro nos formulários

Usuários afetados: com dificuldades cognitivas

Recentemente, designers e desenvolvedores resolveram inovar na forma como formulários são desenhados e apresentados ao usuário.
Ao invés do tradicional campo texto com bordas bem delimitadas, a tendência parece ser os campos que se misturam com o background.
O problema desse tipo de approach é que usuários com dificuldades cognitivas podem não entender como interagir com aquele campo de formulário. Ter uma área e tamanho bem delimitados nos campos de um formulário ajuda o usuário a entender a área com a qual ele pode interagir.