# data[].attributes.body
Quando nos referimos a interface e usabilidade, estamos falando sobre comunicação/interação entre o usuário e o computador.

É nessa comunicação que levamos em conta toda a experiencia que o usuário teve com um aplicativo ou website em questão.

# data[].attributes.body
A interface é a parte de um sistema computacional onde o usuário vai interagir. Essa interação acontece de formas diferentes de sistema computacional para sistema computacional, podendo ser de uma forma gráfica, por comandos ou gestos.

Podemos observar as diferentes interfaces nos diversos aplicativos, sites e programas disponíveis na internet.

Já a Usabilidade se refere a uma qualidade, ou seja, está ligada diretamente com a experiencia que usuário vai ter na interface. Podendo ser positiva (de fácil entendimento e uso) ou negativa (difícil de entender e usar).

# data[].attributes.body
Podemos citar como principais causas de problemas de usabilidade:

1 ) Comunicação técnica e de difícil entendimento.
2 ) Lentidão e falta de desempenho.
3 ) Poluição visual.
4 ) Deixar de informar ao usuário o que está acontecendo.
5 ) Tirar boa parte do controle do usuário.

# data[].attributes.headline
Como ter uma boa Usabilidade e garantir uma Interface simples e de qualidade? 

# data[].attributes.subject
Como ter uma boa Usabilidade e garantir uma Interface simples e de qualidade? 

# data[].attributes.body
Para começar podemos nos focar na comunicação, tentando ao máximo ser o mais simples possível, expressado com palavras, frases e conceitos familiares ao usuário. É importante também demonstrar com clareza tudo que o usuário precisa, sem mais nem menos (evitando o excesso ou falta de informação).

Além disso procure evitar sobrecarregar a memória do usuário, colocando elementos para que o mesmo tome suas decisões e se sinta no controle da situação. Devemos então sempre informa-lo do que ele está fazendo e o que está acontecendo.  Um bom exemplo disso são os feedback's,
mensagens de erro, opções de saídas, cancelamento de ações e atalhos.

# data[].attributes.attachment_link.title
Usabilidade: O Que Considerar Em Seu Website?

# data[].attributes.attachment_link.description
A usabilidade é fundamental para o desenvolvimento de websites. Entenda como utilizá-la para criar interfaces amigáveis para o usuário!

# data[].attributes.attachment_link.readable_text
Steve Krug já nos avisou: "Não me faça pensar!". É um excelente conselho para qualquer designer, especialmente os que lidam com interfaces. Se você faz seu usuário ter que parar para pensar em qual ação ele deve tomar, ou o que ele precisa fazer para completar uma determinada ação, quer dizer que sua interface não é bem construída.

Vamos ver como exemplo algumas interfaces dos apps nativos do iOS (Apple):

Note os ícones. A maioria deles é facilmente identificável, já existem há anos. E se não for o caso, são intuitivos (o de "compor mensagem" por exemplo). Você consegue identificar a utilidade de todos, não?

São interfaces simples, que não precisam de um tutorial ou apresentação. São fáceis de usar. Mas o fato de serem simples não quer dizer que são fáceis de usar - os dois fatores são exclusivos e independentes.

Análise de interface: Snapchat

Vamos usar como exemplo um app que tem uma ideia simples, uma interface simples, mas parece mais complicado do que realmente é: Snapchat.

Para quem não conhece esse app, primeiramente parabéns por ter conseguido escapar da caverna onde você passou os últimos 5 anos. O Snapchat é um programa que, de forma simplificada, permite que você envie fotos e vídeos curtos para outros usuários (sejam individuais ou grupos). Essas fotos possuem um tempo de vida limitado, sendo apagadas pouco depois de sua visualização. E essa é a interface principal do app:

É como se fosse uma câmera em tela cheia com alguns poucos botões. Quem já usou a câmera do celular deve saber quais os botões básicos: o principal (para tirar a foto), flash, e qual câmera está ativa (a principal ou a secundária - também chamada de "câmera de selfie"). Os problemas surgem com os outros poucos ícones da interface. É aí que a confusão começa.

O ícone de "menu" no canto inferior direito deveria levar você para um menu, certo? Mas nesse caso, leva para uma tela onde você pode ver os "snaps" públicos. Se você quer usar um item típico de menu (como adicionar usuários), é necessário clicar naquele fantasma na tela principal. Se você quiser alterar as configurações do seu app, depois de clicar no fantasma você precisa encontrar a roda dentada.

O quadrado do lado esquerdo serve como acesso ao bate-papo. E ao clicar lá, outra surpresa: por que tem um balão de bate-papo no canto superior esquerdo? E por que o acesso pra câmera passou para o superior direito? Se eu aperto no nome de uma pessoa, nada acontece - não deveria iniciar um bate-papo? Não! Você precisa dar um swipe para a direita. Um duplo toque permite enviar uma foto para aquela pessoa. E o swipe para a esquerda? Leva de volta para a câmera!

São tantas ações diferentes e são inconsistentes: o botão para voltar para a câmera muda de posição em cada tela. O toque em nomes de usuários efetuam ações diferentes em cada tela.

Você usando esse app (via shutterstock)

E isso só piora depois que você tira uma foto. O ícone de "fechar", "adicionar texto", "desenhar" e até mesmo o cronômetro são razoavelmente fáceis de entender (o cronometro só faz sentido se você sabe que sua foto será "autodestruída" após um certo período). Mas e os outros?

Um deles parece ser "baixar", mas quando você toca ele aparece "Salvando..." e depois "Salvo". Mas onde salvou? O ícone do lado deste joga para a sua "história" (snaps publicamente visíveis) mas não pede nenhuma confirmação antes de tornar aquela foto pública. E se esse ícone é o que publica na sua linha do tempo, qual é a do ícone das flechas do lado direito? Na nossa cultura pode significar "Próximo" por lermos da esquerda pra direita. Mas e as outras culturas que lêem de cima pra baixo, ou da esquerda pra direita?

Obviamente, o sucesso do app não é por causa da sua interface. No entanto, a interface foi a que mais sofreu devido ao sucesso. Implementar recursos grandes é um problema quando muda a essência de um app. Mas esse artigo não é só uma crítica a um app; vários apps e interfaces cometem erros assim todos os dias. Sempre assuma que o usuário está usando uma interface digital pela primeira vez na vida. Se você precisa usar ícones, vá com algo que seja descritivo ou tão popular que já está impresso no consciente de todos.

A lição aqui é: só por que sua interface é simples, não quer dizer que ela é fácil. Ninguém vai usar uma interface apenas por que ela é "bonita" - eles usam porque querem alcançar um objetivo com ela.

E aí? Você também estranhou a interface desse app? Ou acha que existem apps com interfaces mais difíceis? Deixe nos comentários! E, se quiser, pode me seguir no Snapchat em canha42 (sim, mesmo criticando ainda uso!).

# data[].attributes.attachment_link.title
Interface simples não significa interface fácil

# data[].attributes.attachment_link.description
Steve Krug já nos avisou: "Não me faça pensar! ". É um excelente conselho para qualquer designer, especialmente os que lidam com interfaces. Se você faz seu usuário ter que parar para pensar em qual ação ele deve tomar, ou o que ele precisa fazer para completar uma determinada ação, quer dizer que sua interface não é bem construída.

# data[].attributes.headline
Curiosidade: Como funciona a Avaliação de Interfaces ?

# data[].attributes.subject
Curiosidade: Como funciona a Avaliação de Interfaces ?