O documento discute a importância da usabilidade e fornece exemplos de como aplicá-la em projetos. Ele aborda o significado de usabilidade, exemplos de problemas encontrados em aplicativos populares e as 6 regras fundamentais para um bom design. Por fim, o documento lista os erros mais comuns que afetam negativamente a experiência do usuário.

1. USABILIDADE
Como aplicar no seus projetos
RENATO MELO - 2020

2. USABILIDADE
E sua importância

3. O QUE É USABILIDADE?

5. WHATSAPP:
Usuário Novo
1 – Adicione uma amiga que você não tem na agenda
2 – Criar um grupo de amigos para combinar um encontro
3 – Enviar uma foto para este grupo de amigos
4 – Alterar seu status

6. WHATSAPP:
1 – Adicione uma amiga que você não tem na agenda
Você não consegue adicionar pelo Whatsapp, tem que ir até a
agenda e adicionar a pessoa
2 – Criar um grupo de amigos para combinar um encontro
Apenas o admin pode incluir novas pessoas no grupo, isso
não fica claro para o usuário
3 – Enviar uma foto para este grupo de amigos
Botão de anexo é representado apenas por um ícone
4 – Alterar seu status
Alguns usuários não sabem que isso é possível

7. WHATSAPP:
1 – Adicione uma amiga que você não tem na agenda
1min20s
2 – Criar um grupo de amigos para combinar um encontro
1min14s
3 – Enviar uma foto para este grupo de amigos
42s
4 – Alterar seu status
37s

8. NÃO É POR QUE DEU CERTO QUE
ESTÁ TUDO CERTO!

9. SNAPCHAT:
Usuário Novo
1 - Manter a imagem pressionada até o tempo de visualização
acabar;
2 - Algumas imagens, se o usuário soltasse antes da hora havia
contratempo. Até que ele conseguisse voltar e apertar
novamente o tempo acabava e ele ficava sem ler a mensagem;
3 – Problemas com a limitação de caracteres;
4 – Onde adiciono meus amigos do Facebook?
5 – Cadê minha timeline?

10. SIMPLES E FUNCIONAL. DÁ PARA
MELHORAR?

11. WAZE: ROTAS SEGURAS
Muitas vezes o aplicativo induz o condutor a trafegar por ruas
perigosas, expondo-os a riscos potenciais de assaltos, violência e
outros infortúnios.

12. WAZE: ROTAS SEGURAS
API integrado com notícias ou cadastro de ocorrências ou a
comunidade Waze poderia marcar alterações de segurança e
ganhar pontos.

14. RADARES
O motorista não recebe alertas chamativos, tem que prestar
atenção no caminho e na tela do aplicativo a todo momento.

15. MUDANÇAS + SINAL SONORO

16. FORMULÁRIOS
Medida é MP/H ao invés de KM/H o que pode confundir o
usuário.

17. USABILIDADE
AS 6 REGRAS

18. #1 – Seja Objetivo
Por que o Chrome se
tornou mais utilizado que
o Internet Explorer? o fato
de que o primeiro
consegue ser o mais
objetivo quanto possível.
Ao abri-lo, o usuário se
depara apenas com a
barra de navegação, já
integrada ao mecanismo
de busca. Todas as outras
funcionalidades ficam no
background do layout.

19. #2 – Menos é Mais
Um aplicativo com
excesso de botões e
funcionalidades confunde
o usuário e, muito
provavelmente, será
preterido em função de
outros mais bem
projetados nesse aspecto.

20. #3 – Deixe sua
marca
Seu aplicativo deve conter
um diferencial que o
destaque em meio às
outras opções em seu
nicho.

21. #4 – Cuide do seu
layout
Dê especial atenção na
composição das cores e
fontes. Uma interface
visualmente agradável
pode conquistar o usuário
ao primeiro contato.

22. #5 – Seja
responsivo
O aplicativo não deve
rodar bem somente no seu
celular. Há vários tipos de
tela, proporções e
dimensões. Certifique-se
que o seu app se ajuste
em qualquer situação.

23. #6 – Vá direto ao
ponto
Especificidade é a palavra-
chave! Foque na tarefa à
qual o app se propõe a
executar e não inclua um
canivete suíço na sua
criação.

24. USABILIDADE
OS ERROS MAIS COMUNS

25. #1 – Fazer pra
iPhone e esquecer
do Android
Android e iOS são duas
plataformas extremamente
diferente. Não é
simplesmente clonar seu
app iOS para o Android.

26. #2 – Não fazer o
cliente baixar e
voltar
Estudos mostram que
você pode perder de 80 a
90% dos seus usuários se
não está listado como um
‘top app’ na App Store.
Uma tática de retenção
são as notificações push,
elas costumam aumentar
em 71% nos dois
primeiros meses.

27. #3 – Não ter
Arquitetura Simples
Quando um usuário entra
em um app, eles precisam
entender como circular
dentro dele, para que
façam o que é esperado
de forma fácil e a repitam:
realizem uma compra,
joguem um jogo, etc.
Muitos aplicativos são
muito bons, porém se
perdem nisso.

28. #4 – Dificultar a
criação de conta
Um formulário simples,
um processo rápido de
cadastro ou até mesmo
logar com o Facebook.
Facilite a criação de uma
conta sem que o usuário
fique esperando.

29. #5 – Falta de testes
As empresas fazem testes
com equipes e
funcionários internos,
porém esquecem de testar
com pessoas de fora e
colher o feedback delas.
Tudo deve ser avaliado:
áreas de distração, tempo
de cada tarefa, etc.

30. #6 – Não rodar na
vertical e horizontal
Se você pensa primeiro na
horizontal, você começou
errado. O vertical é o
modo nativo de
navegação e pode ser
feito com uma única mão.
Porém, tente também
entregar uma boa versão
de navegação horizontal
para o seu cliente.

31. P1 – 13.05 – 50%
- Em dupla ou trio
- Desenvolva um aplicativo que auxilie a população
com o coronavirus ou ajude na quarentena.
- Não necessariamente o aplicativo precisa ser sobre a
doença Covid19. Ele pode auxiliar em outros
aspectos, como depressão, ansiedade ou melhorar
as finanças.

32. P1 – 13.05 – 50%
- Descrever a ideia
- Antes de apresentar o aplicativo e o que ele faz,
mostre sua ideia e o que o seu app resolve na vida
do usuário.

33. P1 – 13.05 – 50%
- Roteiro de Design
- Desenvolvam o layout de até 5 telas e apresentem
todas elas.
- O aplicativo deve ter logo e também tela de cadastro.

34. P1 – 13.05 – 50%
- Roteiro de UX e UI
- Mostrem como vocês aplicaram a usabilidade,
trabalhando a experiência do usuário e o resultado
da sua interface.

35. P1 – 13.05 – 50%
- Entrega
- Parte escrita por e-mail
- Apresentação no dia 13/5 aqui no BlackBoard.

36. USABILIDADE
Como aplicar no seus projetos
RENATO MELO - 2020