# data[].attributes.headline
Visibilidade de qual estado estamos no sistema (1/2)

# data[].attributes.subject
Visibilidade de qual estado estamos no sistema (1/2)

# data[].attributes.body
A enumeração das etapas do questionário de teste sobre a queda de cabelo é uma forma de visualizar o estado no sistema.

# data[].attributes.headline
Correspondência entre o sistema e o mundo real (1/2 e 2/2)

# data[].attributes.subject
Correspondência entre o sistema e o mundo real (1/2 e 2/2)

# data[].attributes.body
A carrinha de mercadorias e o escudo, por exemplo, são correspondências entre o sistema e o mundo real.

# data[].attributes.headline
Visibilidade de qual estado estamos no sistema (2/2)

# data[].attributes.subject
Visibilidade de qual estado estamos no sistema (2/2)

# data[].attributes.body
A barra de scroll, presente em todos os websites que excedam a altura do viewport, permite ao utilizador visualizar em que parte da Webpage ele está situado.

# data[].attributes.headline
Liberdade de controle fácil pro usuário (1/2)

# data[].attributes.subject
Liberdade de controle fácil pro usuário (1/2)

# data[].attributes.body
As setas permitem ao usuário avançar ou voltar atrás no slide de imagens, garantindo a liberdade e controle, invés de o obrigar a assistir ao correr automático desse mesmo slide.

# data[].attributes.headline
Liberdade de controle fácil pro usuário (2/2)

# data[].attributes.subject
Liberdade de controle fácil pro usuário (2/2)

# data[].attributes.body
No canto inferior direito o usuário tem a liberdade e o controle para avançar ou retroceder no questionário sobre a queda do cabelo.

# data[].attributes.body
Podemos observar consistência interna nas cores utilizadas nos botões ao longo de todo o Website. Neste caso destaquei os botões de acessibilidade e de chat com assistência.

Também se pode observar consistência interna na utilização da mesma fonte de texto ao longo de todo o Website.

Além disso os próprios símbolos utilizados em cada um dos botões são padrões (convenções).

# data[].attributes.body
Os tipos de cartões aceites para pagamento são mencionados como forma de prevenção de erro ao introduzir os dados do cartão. Os simbolos da PayPal e da affirm, à frente das respetivas opções de pagamento também evitam a sua seleção por engano.

# data[].attributes.headline
Ajude os usuários a reconhecerem, diagnosticarem e recuperarem-se de erros (1/2)

# data[].attributes.subject
Ajude os usuários a reconhecerem, diagnosticarem e recuperarem-se de erros (1/2)

# data[].attributes.body
Neste caso, por não ter sido feita nenhuma seleção e o usuário ter tentado avançar no questionário, o sistema indica o erro ou a falha, juntamente com a solução.

# data[].attributes.headline
Ajude os usuários a reconhecerem, diagnosticarem e recuperarem-se de erros (2/2)

# data[].attributes.subject
Ajude os usuários a reconhecerem, diagnosticarem e recuperarem-se de erros (2/2)

# data[].attributes.body
Como o usuário submeteu uma tentativa de contacto sem preencher o campo de email, o sistema indica o erro. Apesar de tudo neste caso não aponta especificamente a solução, que seria utilizar um email valido.

# data[].attributes.headline
Reconhecimento em vez de memorização (1/2)

# data[].attributes.subject
Reconhecimento em vez de memorização (1/2)

# data[].attributes.body
Aqui vemos um exemplo de reconhecimento em vez de memorização, no autopreenchimento do campo do nome.

# data[].attributes.headline
Reconhecimento em vez de memorização (2/2)

# data[].attributes.subject
Reconhecimento em vez de memorização (2/2)

# data[].attributes.body
Outro exemplo, menos obvio pela imagem, é o facto de quando abandonamos o questionário e voltamos a preenche-lo, as opções que já tínhamos selecionado mantêm-se selecionadas.

# data[].attributes.body
Existe uma secção de ajuda no fundo do Website. Essa secção leva a vários tipos de documentação auxiliar, além do FAQ (perguntas mais frequentes), tais como manuais de utilização dos dispositivos comercializados, entre outros tópicos.

# data[].attributes.headline
Flexibilidade e eficiência de uso (1/2 e 2/2)

# data[].attributes.subject
Flexibilidade e eficiência de uso (1/2 e 2/2)

# data[].attributes.body
A flexibilidade e eficiência de uso podem ser observadas em pelo menos 2 pontos nesta imagem: A possibilidade de filtrar os "reviews" visualizados na página e também o facto de os poder ordenar de acordo com outros critérios.

# data[].attributes.headline
Estética e design minimalista (1/2 e 2/2)

# data[].attributes.subject
Estética e design minimalista (1/2 e 2/2)

# data[].attributes.body
A estética e minimalismo do Website estão muito bem conseguidos, ou seja, muita informação é apresentada em poucos elementos ou elementos simples. Um excelente exemplo desse minimalismo é o slide apresentado na imagem que, não só permite colocar várias imagens a rodar na mesma zona do viewport, como ainda permite arrastar uma barra na horizontal de cada imagem, possibilitando a visualização do antes e do depois da utilização dos produtos comercializados pelo Website.

# data[].attributes.body
A indicação de que o código tem 6-digitos também é uma forma de prevenção de erros.

# data[].attributes.body
fdsggg