o ux e usabilidade no webdesign

33
O UX e Usabilidade RENATO MELO - 2015

Upload: renato-melo

Post on 19-Jul-2015

288 views

Category:

Design


1 download

TRANSCRIPT

Page 1: O UX e usabilidade no Webdesign

O UX e Usabilidade

RENATO MELO - 2015

Page 2: O UX e usabilidade no Webdesign

“Você deve começar com a experiência do usuário e depois ir para a tecnologia”

Page 3: O UX e usabilidade no Webdesign

O USUÁRIO NÃO QUER ESPERAR!

Page 4: O UX e usabilidade no Webdesign

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

AMAZON

Page 5: O UX e usabilidade no Webdesign

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

GOOGLE

Page 6: O UX e usabilidade no Webdesign

INTERNET ONTEM

Anúncios Sites Institucionais

Page 7: O UX e usabilidade no Webdesign

INTERNET HOJE

Anúncios Sites Institucionais SEO Mobile

RedesSociais

Geo localização ConversãoNo PDV

Logística

Page 8: O UX e usabilidade no Webdesign

USUÁRIO TEM QUE POSSUIR UMA EXPERIÊNCIA POSITIVA EM TODOS OS CANAIS

Page 9: O UX e usabilidade no Webdesign

O QUE PRECISA SER PENSADO

CONTEXTO

USUÁRIOCONTEÚDO

Page 10: O UX e usabilidade no Webdesign

LEMBRE-SE: O FOCO É NAS PESSOAS!

Page 11: O UX e usabilidade no Webdesign

CHECKLIST DO UX

TAMANHO DA TELA

CONECTIVIDADE

OBJETIVOS DO USUÁRIO

AMBIENTES DO USUÁRIO

CAPACIDADE DO USUÁRIO

Page 12: O UX e usabilidade no Webdesign

EXPERIÊNCIA NO CELULAR

Page 13: O UX e usabilidade no Webdesign

NÃO ESTAR NO MOBILE É COMO FECHAR SUA LOJA UMA VEZ POR SEMANA.Fonte: Google

DETALHES

Page 14: O UX e usabilidade no Webdesign

NÃO CONFUNDA O

USUÁRIO!!!

Page 15: O UX e usabilidade no Webdesign

O QUE PRECISA TER?

PÃOMAIONESETOMATEALFACEMUSSARELACHEDDARCARNEOVOONION RINGSBACONKETCHUPMOSTARDA

O HAMBURGUER

Page 16: O UX e usabilidade no Webdesign

O QUE PRECISA TER?

PÃOCARNE

O HAMBURGUER

Page 17: O UX e usabilidade no Webdesign

VALIDAÇÃODA IDEIA

Page 18: O UX e usabilidade no Webdesign

A ARTE DA VALIDAÇÃO:PIADAS ERAM CONTADAS ATÉ PARA AS FAXINEIRAS

Page 19: O UX e usabilidade no Webdesign

A MAIORIA É BURRA

Page 20: O UX e usabilidade no Webdesign

FEZ TESTE?

LANÇOU BETA?

FEZ UM PROTÓTIPO?

ENTÃO O BURRO É VOCÊ!

Page 21: O UX e usabilidade no Webdesign

LEPO

LEP

O N

O T

WIT

TER

Page 22: O UX e usabilidade no Webdesign

MODELO ANTIGO

IDEIADESENVOLVIMENTO

LANÇAMENTO

MAIS CHANCE DE ERROSEM APRENDIZADOSEM CONTINUIDADE

Page 23: O UX e usabilidade no Webdesign

MODELO NOVO

IDEIADESENVOLVIMENTO

LANÇAMENTO

VALIDAÇÃO

ITERAÇÃO

MENOS CHANCE DE ERROAPRENDIZADOCONTINUIDADE

Page 24: O UX e usabilidade no Webdesign

NÃO SE PODE MELHORAR O QUE NÃO SE MEDE

Page 25: O UX e usabilidade no Webdesign

TESTES

Page 26: O UX e usabilidade no Webdesign

MELHORANDOA USABILIDADE

Page 27: O UX e usabilidade no Webdesign

WHATSAPP: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

Page 28: O UX e usabilidade no Webdesign

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

Page 29: O UX e usabilidade no Webdesign

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

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

Page 30: O UX e usabilidade no Webdesign

DIRETRIZES PARA O TRABALHO

Page 31: O UX e usabilidade no Webdesign

DIRETRIZES PARA O TRABALHO

Entrega dia 14.04 até às 18h30 via e-mail:•Site pronto e programado, compactado via zip;•Alterar o título e colocar as suas imagens ;•Relatório (1 a 2 páginas) descrevendo a pré-produção;•Vídeo de até 1 minuto com making off da produção;

•Arquivo fonte:renatomelo.com.br/esamc/webdesign/sustentabilidade.zip

Page 32: O UX e usabilidade no Webdesign

PRÉVIA

Enviar até 07.04 às 18h30 via e-mail:

Fazer um relatório sobre a palestra de hoje e criar uma relação do tema abordado com o seu curso.

Page 33: O UX e usabilidade no Webdesign

FACEBOOK.COM/RENATOMELOMKT

[email protected]