melhorando a usabilidade

Download Melhorando a Usabilidade

Post on 08-Jan-2017

70 views

Category:

Design

0 download

Embed Size (px)

TRANSCRIPT

  • USABILIDADEComo aplicar no seus projetosRENATO MELO - 2016

  • USABILIDADE

    E sua importncia

  • O QUE USABILIDADE?

  • O QUE USABILIDADE?

  • WHATSAPP:Usurio Novo

    1 Adicione uma amiga que voc no tem na agenda2 Criar um grupo de amigos para combinar um encontro3 Enviar uma foto para este grupo de amigos4 Alterar seu status

  • WHATSAPP:1 Adicione uma amiga que voc no tem na agendaVoc no consegue adicionar pelo Whatsapp, tem que ir at a agenda e adicionar a pessoa2 Criar um grupo de amigos para combinar um encontroApenas o admin pode incluir novas pessoas no grupo, isso no fica claro para o usurio3 Enviar uma foto para este grupo de amigosBoto de anexo representado apenas por um cone4 Alterar seu statusAlguns usurios no sabem que isso possvel

  • WHATSAPP:

    1 Adicione uma amiga que voc no tem na agenda1min20s2 Criar um grupo de amigos para combinar um encontro1min14s3 Enviar uma foto para este grupo de amigos42s4 Alterar seu status37s

  • NO POR QUE DEU CERTO QUE EST TUDO CERTO!

  • SNAPCHAT:Usurio Novo

    1 - Manter a imagem pressionada at o tempo de visualizao acabar;2 - Algumas imagens, se o usurio 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 limitao de caracteres;4 Onde adiciono meus amigos do Facebook?5 Cad minha timeline?

  • SIMPLES E FUNCIONAL. D PARA MELHORAR?

  • WAZE: ROTAS SEGURASMuitas vezes o aplicativo induz o condutor a trafegar por ruas perigosas, expondo-os a riscos potenciais de assaltos, violncia e outros infortnios.

  • WAZE: ROTAS SEGURASAPI integrado com notcias ou cadastro de ocorrncias ou a comunidade Waze poderia marcar alteraes de segurana e ganhar pontos.

  • RADARESO motorista no recebe alertas chamativos, tem que prestar ateno no caminho e na tela do aplicativo a todo momento.

  • MUDANAS + SINAL SONORO

  • FORMULRIOSMedida MP/H ao invs de KM/H o que pode confundir o usurio.

  • USABILIDADE

    Testes

  • 1) FEEDBACK

  • at 0,1s: ideia de continuidade at 1s: delay percebido, mas okdepois de 10s: o usurio muda de tarefa.O USURIO NO QUER ESPERAR!

  • A CADA 100 MILISSEGUNDOS DE TEMPO DE CARREGAMENTO DE PGINA REDUZ 1% DE VENDAS NA AMAZON.AMAZON

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

  • 2) PGINAS DE ERRO

    O usurio deve saber o que est acontecendo em uma linguagem fcil.O usurio deve saber que a culpa no foi dele.O usurio deve conseguir voltar para o site.

  • 3) ERROS DE FORMULRIO

    Nome:Endereo:CEP:CPF:

    Telefone:

    Renato MeloRua dos Bobos, nmero zero01234-0001234567890048 6666-6666Houve um erro no preenchimento do formulrio.Onde?No use espaos ou hifens no telefone. Utilize somente nmeros.13 6666-6666

  • 3) DADOS DO FORMULRIORemover um nico campo do formulrio (telefone) foi capaz deaumentar as converses em 167%.A taxa mdia de converso da pgina foi de 20,18% para 53,90%.

    Pense que para cada R$ 100 investidos em mdia anteriormente, agoraconseguiramos o mesmo resultado investindo apenas R$37,45, ou ento teramos quase trs vezes esse resultado se investssemos o mesmo valor.

  • 4) CAIXA DE BUSCA

  • 5) ETAPAS DO SEU SITE

  • Testes de Usabilidade

  • TESTE COM USURIOS!

    Nunca mencione a palavra teste, ela assusta as pessoas.

  • Maior controle de dados e variveis;Mais fcil de envolver o cliente;Maior custoUsurio pode se sentir desconfortvelComportamento distante do seu universo realLABORATRIO

  • Mais barato;Usurio se sente mais a vontade;Mais prximo de seu uso real;Menor controle dos dados e variveisDificuldade de envolver o cliente (quem contrata)AMBIENTE DO USURIO

  • Laboratrio

    Medir performance (tempo, nmero de erros)Produo acadmica (maior aceitao cientfica para teses, artigos e dissertaes)Estudos permanentes com equipe dedicada (Globo, Nokia)Ambiente do Usurio

    Obter feedback rpidoProjetos com recursos reduzidosTestar conceitos e interfaces em fases iniciais de design

  • SRIES AMERICANASNOVELAS BRASILEIRAS

  • USABILIDADE

    Pesquisas com Usurios

  • Perguntas abertas so aquelas que permitem ao participante responder da forma que quiser, no formato que quiser, e com a profundidade e durao que quiser.Perguntas abertas vs. Perguntas fechadas

  • Perguntas fechadas so aquelas que podem ser respondidas com um Sim? ou No, ou outra opo sugerida.Perguntas abertas vs. Perguntas fechadas

  • Perguntas fechadas funcionam melhor para questionrios quantitativos (porcentagem de sim ou no). J para usabilidade, o melhor utilizar questes abertas.Perguntas abertas vs. Perguntas fechadas

  • USABILIDADE

    Solues Nielsen

  • MUDANAS:De: A interface agiu como esperado?

    Para: O que voc esperava queacontecesse quando voc ____?

  • MUDANAS:De: Voc encontrou o que procurava?

    Para: Onde voc encontrou o item?

  • MUDANAS:De: Voc acha que usaria esse produto?

    Para: Como voc acha que esse produto se encaixaria no seu trabalho?

  • MUDANAS:De: Voc achou fcil de usar?

    Para: Qual a parte mais confusa da experincia?

  • USABILIDADE

    Roteiro

  • Planejar o teste: com quantas pessoas?Criar um roteiro: como devem ser as perguntas?Moderao do teste: o que fazer e o que no fazer, exerccio prticoComo analisar: o que observar, o que fazer com as informaes obtidasComo adaptar: teste mobile, teste caseiro, teste em contexto de uso

  • #TRABALHO30.11

  • 1) 2 GRUPOS

  • 2) ESCOLHA UMA EMPRESA DA BAIXADA QUE TENHA UM SITE RUIM OU NO POSSUA SITE

  • 3) NOVO SITE:Projeto com checklist: TAMANHO DA TELA CONECTIVIDADE OBJETIVOS DO USURIO AMBIENTES DO USURIO CAPACIDADE DO USURIO CONVERSO

  • 4) REDES SOCIAIS:Criar fanpage e perfil no InstaImagem de capaImagem de perfilPelo menos 15 publicaes (somando Facebook e Instagram)

  • 4) PARTE ESCRITA (VIA E-MAIL):

    4.1 PROPOSTA TCNICA:PESQUISA;- DESCRIO;- APRESENTAO DAS PEAS;

    4.2 PROPOSTA FINANCEIRA-CLCULO FINANCEIRO;

  • 5) APRESENTAO:- COMO SE FOSSE UMA AGNCIA (CRIAR NOME E LOGO);- APRESENTAO DA CAMPANHA;- AES CRIATIVAS;

  • PRVIAPara 09/11 at s 18h30renatomelo85@gmail.com ou renato.melo@esamc.brDigite no Google perfume lacoste, acesse 3 sites e escreva:Cite os 3 sites que voc pesquisou;Qual site mais fcil para comprar e por que?Qual site mais difcil para comprar e por que?O que voc mudaria neste site mais difcil?

  • FACEBOOK.COM/RENATOMELOMKTrenato@iskadigital.com.br

Recommended

View more >