38
UX User Experience no Webdesign RENATO MELO - 2014

UX - USER EXPERIENCE

Embed Size (px)

DESCRIPTION

A IMPORTÂNCIA DO UX NO MERCADO E PORQUE O PROCESSO DE DESIGN THINKING É ESSENCIAL

Citation preview

Page 1: UX - USER EXPERIENCE

UXUser Experience no WebdesignRENATO MELO - 2014

Page 2: UX - USER EXPERIENCE

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

Page 3: UX - USER EXPERIENCE

O USUÁRIO NÃO QUERSABER DE TECNOLOGIA

Page 4: UX - USER EXPERIENCE

O USUÁRIO NÃO QUER ESPERAR!

Page 5: UX - USER EXPERIENCE

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

CONGELAMENTOCRASHMUITO TEMPO DE CARREGAMENTO

Page 6: UX - USER EXPERIENCE

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

AMAZON

Page 7: UX - USER EXPERIENCE

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

GOOGLE

Page 8: UX - USER EXPERIENCE

Agradável

Vale a pena

compartilhar

Conveniente

Funciona exatamente como você pensa

Page 9: UX - USER EXPERIENCE

INTERNET ONTEM

Anúncios Sites Institucionais

Page 10: UX - USER EXPERIENCE

INTERNET HOJE

Anúncios Sites Institucionais SEO Mobile

RedesSociais

Geo localização ConversãoNo PDV

Logística

Page 11: UX - USER EXPERIENCE

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

Page 12: UX - USER EXPERIENCE

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

Page 13: UX - USER EXPERIENCE

O QUE PRECISA SER PENSADO

CONTEXTO

USUÁRIOCONTEÚDO

Page 14: UX - USER EXPERIENCE

CHECKLIST DO UX

TAMANHO DA TELA

CONECTIVIDADE

OBJETIVOS DO USUÁRIO

AMBIENTES DO

USUÁRIO

CAPACIDADE DO

USUÁRIO

Page 15: UX - USER EXPERIENCE

• 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: UX - USER EXPERIENCE

LEMBRE-SE: O FOCO É NAS PESSOAS!

Page 17: UX - USER EXPERIENCE

EXEMPLOS DA CLASSE

Page 18: UX - USER EXPERIENCE

O cadastro no site é feito com facilidade, porém para cancelar os serviços não possui a

mesma facilidade. O cancelamento dos serviços só pode ser feito pessoalmente,

quando pode-se acrescentar o descadastramento com um link em um botão.

Evelise

Page 19: UX - USER EXPERIENCE

O telefone não é o do hotel descrito e sim o do próprio hotels.com. O que forçaria o usuário a realizar a reserva através do serviço site e não

diretamente com o hotel.

Evelise

Page 20: UX - USER EXPERIENCE

Desirée

Fraca identidade visual , confuso e não roda no celular

• No link do RH há elementos digitalizados de uma folha de sulfite;

• No link da galeria de fotos há apenas uma foto da tomografia;

• No link de Localização aparece o endereço e o mapa mundi inteiro, sem indicar o local exato do hospital no

mapa;

• O link de webmail abre na mesma guia ao invés de abrir em uma nova guia;

• Há muito destaque a informações inúteis como: previsão do tempo, links úteis e enquete, além do login de página

restrita;

• A mesma enquete que fala sobre doação de órgãos está no ar desde 2010.

Page 21: UX - USER EXPERIENCE

Andressa

O site muitas vezes não faz o comando pedido pelo usuário, quando clicado em algo, abre uma nova janela com um novo conteúdo que não tem nada a ver com o

site.

Ao mudar localização aparece o alfabeto e não a cidade que foi solicitada

Muitas propagandas com efeitos que ao mesmo tempo não tem nada a ver com o site e que atrapalha muito na

visualização do conteúdo proposto pelo site.

Page 22: UX - USER EXPERIENCE

EXPERIÊNCIA NO CELULAR

Page 23: UX - USER EXPERIENCE

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

DETALHES

Page 24: UX - USER EXPERIENCE

NÃO CONFUNDA O USUÁRIO!!!

Page 25: UX - USER EXPERIENCE

O QUE PRECISA TER?

PÃOMAIONESETOMATEALFACEMUSSARELACHEDDARCARNEOVOONION RINGSBACONKETCHUPMOSTARDA

O HAMBURGUER

Page 26: UX - USER EXPERIENCE

O QUE PRECISA TER?

PÃOCARNE

O HAMBURGUER

Page 27: UX - USER EXPERIENCE

BELEZA X PRATICIDADE

Page 28: UX - USER EXPERIENCE
Page 29: UX - USER EXPERIENCE

VALIDAÇÃODA IDEIA

Page 30: UX - USER EXPERIENCE

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

Page 31: UX - USER EXPERIENCE

“Aprenda com os comentários.

Muitas vezes eles são mais criativos

do que o próprio post”

Page 32: UX - USER EXPERIENCE

A MAIORIA É BURRA

Page 33: UX - USER EXPERIENCE

FEZ TESTE?

LANÇOU BETA?

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

Page 34: UX - USER EXPERIENCE

LEP

O L

EP

O N

O T

WIT

TER

Page 35: UX - USER EXPERIENCE

MODELO ANTIGO

IDEIADESENVOLVIMENTO

LANÇAMENTO

MAIS CHANCE DE ERROSEM APRENDIZADOSEM CONTINUIDADE

Page 36: UX - USER EXPERIENCE

MODELO NOVO

IDEIADESENVOLVIMENTO

LANÇAMENTO

VALIDAÇÃO

ITERAÇÃO

MENOS CHANCE DE ERROAPRENDIZADOCONTINUIDADE

Page 37: UX - USER EXPERIENCE

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

Page 38: UX - USER EXPERIENCE

FACEBOOK.COM/RENATOMELOMKT

[email protected]