Melhorando a Usabilidade

50 %
50 %
Information about Melhorando a Usabilidade

Published on November 16, 2016

Author: RenatoMelo1

Source: slideshare.net

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

2. USABILIDADE E sua importância

3. O QUE É USABILIDADE?

4. 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.

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

14. MUDANÇAS + SINAL SONORO

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

16. USABILIDADE Testes

17. 1) FEEDBACK

18. até 0,1s: ideia de continuidade até 1s: delay percebido, mas ok depois de 10s: o usuário muda de tarefa. O USUÁRIO NÃO QUER ESPERAR!

19. A CADA 100 MILISSEGUNDOS DE TEMPO DE CARREGAMENTO DE PÁGINA REDUZ 1% DE VENDAS NA AMAZON. AMAZON

20. AO AUMENTAR O CARREGAMENTO DO SITE DE 0.4 PARA 0.9 SEGUNDOS, PERDEU 20% DA RECEITA EM PUBLICIDADE, GOOGLE

21. 2) PÁGINAS DE ERRO O usuário deve saber o que está acontecendo em uma linguagem fácil. O usuário deve saber que a culpa não foi dele. O usuário deve conseguir voltar para o site.

22. 3) ERROS DE FORMULÁRIO Nome: Endereço: CEP: CPF: Telefone: Renato Melo Rua dos Bobos, número zero 01234-000 12345678900 48 6666-6666 Houve um erro no preenchimento do formulário. Onde? Não use espaços ou hifens no telefone. Utilize somente números. 13 6666-6666

23. 3) DADOS DO FORMULÁRIO Remover um único campo do formulário (telefone) foi capaz de aumentar as conversões em 167%. A taxa média de conversão da página foi de 20,18% para 53,90%. Pense que para cada R$ 100 investidos em mídia anteriormente, agora conseguiríamos o mesmo resultado investindo apenas R$37,45, ou então teríamos quase três vezes esse resultado se investíssemos o mesmo valor.

24. 4) CAIXA DE BUSCA

25. 5) ETAPAS DO SEU SITE 1. Escolhas dos produtos 2. Cadastro ou login 3. Entrega e embalagem 4. Pagamento

26. Testes de Usabilidade

27. TESTE COM USUÁRIOS! Nunca mencione a palavra teste, ela assusta as pessoas.

28. Maior controle de dados e variáveis; Mais fácil de envolver o cliente; Maior custo Usuário pode se sentir desconfortável Comportamento distante do seu universo real LABORATÓRIO

29. Mais barato; Usuário se sente mais a vontade; Mais próximo de seu uso real; Menor controle dos dados e variáveis Dificuldade de envolver o cliente (quem contrata) AMBIENTE DO USUÁRIO

30. Laboratório Medir performance (tempo, número de erros) Produção acadêmica (maior “aceitação” científica para teses, artigos e dissertações) Estudos permanentes com equipe dedicada (Globo, Nokia) Ambiente do Usuário Obter feedback rápido Projetos com recursos reduzidos Testar conceitos e interfaces em fases iniciais de design

31. SÉRIES AMERICANAS NOVELAS BRASILEIRAS

32. USABILIDADE Pesquisas com Usuários

33. Perguntas abertas são aquelas que permitem ao participante responder da forma que quiser, no formato que quiser, e com a profundidade e duração que quiser. Perguntas abertas vs. Perguntas fechadas

34. Perguntas fechadas são aquelas que podem ser respondidas com um “Sim? ou “Não”, ou outra opção sugerida. Perguntas abertas vs. Perguntas fechadas

35. Perguntas fechadas funcionam melhor para questionários quantitativos (porcentagem de sim ou não). Já para usabilidade, o melhor é utilizar questões abertas. Perguntas abertas vs. Perguntas fechadas

36. USABILIDADE Soluções Nielsen

37. MUDANÇAS: De: A interface agiu como esperado? Para: O que você esperava que acontecesse quando você ____?

38. MUDANÇAS: De: Você encontrou o que procurava? Para: Onde você encontrou o item?

39. MUDANÇAS: De: Você acha que usaria esse produto? Para: Como você acha que esse produto se encaixaria no seu trabalho?

40. MUDANÇAS: De: Você achou fácil de usar? Para: Qual a parte mais confusa da experiência?

41. USABILIDADE Roteiro

42. • Planejar o teste: com quantas pessoas? • Criar um roteiro: como devem ser as perguntas? • Moderação do teste: o que fazer e o que não fazer, exercício prático • Como analisar: o que observar, o que fazer com as informações obtidas • Como adaptar: teste mobile, teste caseiro, teste em contexto de uso

43. #TRABALHO 30.11

44. 1) 2 GRUPOS

45. 2) ESCOLHA UMA EMPRESA DA BAIXADA QUE TENHA UM SITE RUIM OU NÃO POSSUA SITE

46. 3) NOVO SITE: -Projeto com checklist:  TAMANHO DA TELA  CONECTIVIDADE  OBJETIVOS DO USUÁRIO  AMBIENTES DO USUÁRIO  CAPACIDADE DO USUÁRIO  CONVERSÃO

47. 4) REDES SOCIAIS: -Criar fanpage e perfil no Insta -Imagem de capa -Imagem de perfil -Pelo menos 15 publicações (somando Facebook e Instagram)

48. 4) PARTE ESCRITA (VIA E-MAIL): 4.1 PROPOSTA TÉCNICA: -PESQUISA; - DESCRIÇÃO; - APRESENTAÇÃO DAS PEÇAS; 4.2 PROPOSTA FINANCEIRA -CÁLCULO FINANCEIRO;

49. 5) APRESENTAÇÃO: - COMO SE FOSSE UMA AGÊNCIA (CRIAR NOME E LOGO); - APRESENTAÇÃO DA CAMPANHA; - AÇÕES CRIATIVAS;

50. PRÉVIA Para 09/11 até às 18h30 renatomelo85@gmail.com ou renato.melo@esamc.br Digite no Google “perfume lacoste”, acesse 3 sites e escreva: -Cite os 3 sites que você pesquisou; -Qual site mais fácil para comprar e por que? -Qual site mais difícil para comprar e por que? -O que você mudaria neste site “mais difícil”?

51. FACEBOOK.COM/ RENATOMELOMKT renato@iskadigital.com.br

#trabalho presentations

Add a comment

Related pages

Melhorando a usabilidade de mapas de navegação... by ...

A usabilidade de um sistema é a possibilidade do mesmo ser utilizado facilmente e eficazmente pela gama de usuários aos quais ele se destina, para realizar uma ...
Read more

Melhorando a Usabilidade com um Índice de Website - parte ...

Melhorando a Usabilidade com um Índice de Website - parte 1 Carolina Kokumai Nakamura. Unmistakable Habits of Irresistible People Dr. Travis Bradberry Influencer
Read more

Presentations by Douglas Drumond // Speaker Deck

[DevCamp 2014] Melhorando a usabilidade com animações. May 17, 2014 by Douglas Drumond [DevCamp 2014] Melhorando a Usabilidade com Animações.
Read more

Untitled Prezi by Rodrigo Jesus on Prezi

Melhorando a usabilidade e a segurança d... Simpósio de Neurocirurgia e Neurologia d... ...
Read more

Investments Calculator BR - Android Apps on Google Play

Investments Calculator BR. 203. ... melhorando a usabilidade. ... Investments Calculator - PRO . Impprove Inc. $8.90.
Read more

Aplicando as técnicas do Google de usabilidade para sites ...

A ideia agora é ter como base essas 25 técnicas para a elaboração das novas telas e novas features melhorando em um curto prazo a usabilidade do mobile site ...
Read more

Rodrigo Jesus - Prezi

Prezi is a cloud based presentation software that opens up a new world between whiteboards and slides. ... Melhorando a usabilidade e a segurança dos...
Read more

Carolina Kokumai Nakamura | LinkedIn

View Carolina Kokumai Nakamura’s professional profile on LinkedIn. ... Melhorando a Usabilidade com um Índice de Website - parte 2 March 28, 2016.
Read more