O UX no webdesign

38
UX User Experience no Webdesign RENATO MELO - 2014

description

A importância do UX no Webdesign e como pequenas diferenças podem trazer grandes prejuízos as empresas.

Transcript of O UX no webdesign

Page 1: O UX no webdesign

UXUser Experience no WebdesignRENATO MELO - 2014

Page 2: O UX no webdesign

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

Page 3: O UX no webdesign

O USUÁRIO NÃO QUERSABER DE TECNOLOGIA

Page 4: O UX no webdesign

O USUÁRIO NÃO QUER ESPERAR!

Page 5: O UX no webdesign

75% DOS USUÁRIOS NÃO COMPRAM QUANDO UM SITE TEM UM PROBLEMA DE:

CONGELAMENTOCRASHMUITO TEMPO DE CARREGAMENTO

Page 6: O UX no webdesign

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

AMAZON

Page 7: O UX no webdesign

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

GOOGLE

Page 8: O UX no webdesign

Agradável

Vale a pena

compartilhar

Conveniente

Funciona exatamente como você pensa

Page 9: O UX no webdesign

INTERNET ONTEM

Anúncios Sites Institucionais

Page 10: O UX no webdesign

INTERNET HOJE

Anúncios Sites Institucionais SEO Mobile

RedesSociais

Geo localização ConversãoNo PDV

Logística

Page 11: O UX no webdesign

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

Page 12: O UX no webdesign

UX TEM QUE SER PENSADO EM TODOS OS NÍVEIS:PLANEJAMENTODESIGNFRONT-ENDBACK-END

Page 13: O UX no webdesign

O QUE PRECISA SER PENSADO

CONTEXTO

USUÁRIOCONTEÚDO

Page 14: O UX no webdesign

CHECKLIST DO UX

TAMANHO DA TELA

CONECTIVIDADE

OBJETIVOS DO USUÁRIO

AMBIENTES DO

USUÁRIO

CAPACIDADE DO

USUÁRIO

Page 15: O UX no webdesign

• Interface para todas as telas

• Todas as Conexões (Desde Edge à Fibra Ótica)

• Todos os navegadores

• Qualquer ambiente

• Qualquer nível de conhecimento do usuário

Page 16: O UX no webdesign

LEMBRE-SE: O FOCO É NAS PESSOAS!

Page 17: O UX no webdesign

EXEMPLOS DA CLASSE

Page 18: O UX no webdesign

Matheus:“Músicas de violão e guitarra são iguais. Não atualizam músicas com letras erradas”.

Page 19: O UX no webdesign

Lindsey:“Ao fazer uma busca com erro de digitação, o site não encontra o produto”.

Page 20: O UX no webdesign

Leonardo:“Vários erros como: produtos sem fotos, categorias erradas e sem conversãode dólar para real”.

Page 21: O UX no webdesign

Karla:“Site confuso, lento e você precisa deixar várias abas abertas para visualizaro conteúdo”.

Page 22: O UX no webdesign

EXPERIÊNCIA NO CELULAR

Page 23: O UX no webdesign

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

DETALHES

Page 24: O UX no webdesign

NÃO CONFUNDA O USUÁRIO!!!

Page 25: O UX no webdesign

O QUE PRECISA TER?

PÃOMAIONESETOMATEALFACEMUSSARELACHEDDARCARNEOVOONION RINGSBACONKETCHUPMOSTARDA

O HAMBURGUER

Page 26: O UX no webdesign

O QUE PRECISA TER?

PÃOCARNE

O HAMBURGUER

Page 27: O UX no webdesign

BELEZA X PRATICIDADE

Page 28: O UX no webdesign
Page 29: O UX no webdesign

VALIDAÇÃODA IDEIA

Page 30: O UX no webdesign

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

Page 31: O UX no webdesign

“Aprenda com os comentários.

Muitas vezes eles são mais criativos

do que o próprio post”

Page 32: O UX no webdesign

A MAIORIA É BURRA

Page 33: O UX no webdesign

FEZ TESTE?

LANÇOU BETA?

FEZ UM PROTÓTIPO?ENTÃO O BURRO É VOCÊ!

Page 34: O UX no webdesign

LEP

O L

EP

O N

O T

WIT

TER

Page 35: O UX no webdesign

MODELO ANTIGO

IDEIADESENVOLVIMENTO

LANÇAMENTO

MAIS CHANCE DE ERROSEM APRENDIZADOSEM CONTINUIDADE

Page 36: O UX no webdesign

MODELO NOVO

IDEIADESENVOLVIMENTO

LANÇAMENTO

VALIDAÇÃO

ITERAÇÃO

MENOS CHANCE DE ERROAPRENDIZADOCONTINUIDADE

Page 37: O UX no webdesign

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

Page 38: O UX no webdesign

FACEBOOK.COM/RENATOMELOMKT

[email protected]