# data[].attributes.attachment_caption
Lista de reprodução de vídeos no YouTube.

# data[].attributes.body
O sistema deve manter os usuários informados sobre o que está acontecendo em tempo real. Considere a interface no YouTube acima, quando assistimos a uma playlist no YouTube, somos informados de tudo o que acontece em uma tela. A barra do player mostra muitas informações em tão pouco espaço:

Quanto do vídeo já está carregado.

Onde você está no vídeo.

E quanto tempo ele tem jogado.

No lado direito, você pode ver qual vídeo está reproduzindo agora, quais foram assistidos e quais são os próximos.

# data[].attributes.headline
2. Combinação entre sistema e mundo real.

# data[].attributes.subject
2. Combinação entre sistema e mundo real.

# data[].attributes.body
O sistema deve imitar a linguagem de seu usuário, usando palavras, frases, símbolos e conceitos familiares. Considere esta interface do Gmail, onde o símbolo da lixeira representa a ação de deletar algo. A lupa representa a busca. Cada símbolo aqui representa ações que estão conectadas com o mundo real.

# data[].attributes.body
É importante que o usuário tenha liberdade para realizar suas próprias tarefas, mas às vezes acontecem erros. Nessas situações, você desejará ter uma “saída de emergência” de fácil acesso, permitindo que o usuário retorne ao ponto anterior. O Gmail permite que o usuário desfaça a ação de excluir um e-mail caso a exclusão tenha sido um erro. A opção “desfazer” permite que o usuário recupere um e-mail imediatamente. Caso contrário, o e-mail fica na pasta “Lixeira” por 30 dias antes de ser excluído definitivamente. Isso dá ao usuário várias opções e muito tempo para recuperar o que pode ser informações excluídas por engano.

# data[].attributes.body
Você nunca deve deixar o usuário confuso sobre se palavras, situações ou ações diferentes têm o mesmo significado. Sua interface deve ter consistência em todos os aspectos para que o usuário possa identificar padrões a partir da estética e das informações existentes. Os programas do Microsoft Office seguem certos padrões uniformes. Os itens do menu estão sempre no topo. Ícones que executam a mesma ação (cortar/copiar/colar, salvar, etc.) são idênticos em todas as interfaces. A tipografia, tamanho e cor são todos iguais.

# data[].attributes.attachment_caption
Mensagem de confirmação de fechamento no Microsoft Outlook.

# data[].attributes.body
Além de ajudar o usuário a se recuperar de erros, você também deve procurar evitar erros em primeiro lugar. Isso pode ser feito alertando o usuário sobre ações como quando o usuário não concluiu uma tarefa e tentou sair da página ou pedindo para confirmar antes de concluir uma ação. Um exemplo disso está no Outlook. Se o usuário fechar um e-mail antes de enviá-lo, o sistema solicita confirmação e o salva em uma pasta de rascunho para uso futuro.

# data[].attributes.body
Procure minimizar as informações que o usuário precisa memorizar. Mantenha objetos, ações e opções importantes visíveis em sua interface. Isso ajuda o cérebro a reconhecer padrões entre itens semelhantes. Por exemplo, sites de comércio eletrônico geralmente seguem padrões em seu layout. A barra de pesquisa está na parte superior, o logotipo do site no canto superior esquerdo e o carrinho no canto superior direito. Na página do produto, há uma foto do produto à esquerda e sua descrição à direita. Ter um layout semelhante em sites de comércio eletrônico, independentemente da empresa, significa que o usuário reconhecerá o layout sem gastar muito tempo encontrando todos os elementos necessários.

# data[].attributes.attachment_caption
Exemplos de atalhos de teclado que o Windows oferece.

# data[].attributes.body
A interface deve atender às necessidades de usuários leigos e experientes. Os leigos precisam ter informações detalhadas para realizar uma tarefa. Mas, à medida que conhecem a interface, devem ser capazes de interagir mais rapidamente. Assim, a interface deve permitir que os usuários adaptem ações frequentes de acordo com o nível em que se encontram. Os atalhos de teclado do Windows reduzem o número de cliques para executar uma ação. Isso permite que usuários experientes ignorem a busca por uma determinada ação em um programa pressionando uma combinação de teclas familiar.

# data[].attributes.body
Quanto maior a quantidade de informações, mais tempo o usuário precisará analisar antes de fazer uma escolha. Você também aumenta o risco de os usuários abandonarem a plataforma por confusão ou fadiga. Adotar uma abordagem mínima e intuitiva com seu design evitará isso, permitindo que os usuários naveguem e ajam com facilidade. O site da Apple é um bom exemplo de estética e design minimalista. É simples e objetivo, mostrando o nome do produto, uma breve descrição em texto e uma foto grande, destacada e com cores contrastantes. Além disso, o site valoriza o espaço em branco, os elementos são bem organizados e a tipografia é simples e limpa.

# data[].attributes.body
Se algo der errado, é importante mostrar ao usuário qual é o erro e como recuperá-lo. As mensagens de erro devem ser claras e objetivas, utilizando linguagem simples e colocadas próximas à ação relevante. O formulário de criação de conta do Outlook alerta o usuário quando ele tenta inserir dados incorretos, como uma senha inadequada. Ao criar a senha, a página mostra onde está o erro em texto em vermelho contrastante, ao lado do campo em que ocorreu, e as etapas para corrigi-lo.

# data[].attributes.body
Nunca sabemos quando um usuário precisará de assistência. Embora as áreas de documentação e ajuda sejam as menos acessadas, estão entre as mais necessárias. Isso é especialmente verdadeiro com serviços que possuem muitas funções diferentes, pois podem ajudar o usuário a resolver um problema sozinho. Nunca sabemos quando um usuário precisará de assistência. Embora as áreas de documentação e ajuda sejam as menos acessadas, estão entre as mais necessárias. Isso é especialmente verdadeiro com serviços que possuem muitas funções diferentes, pois podem ajudar o usuário a resolver um problema sozinho.