UX - USER EXPERIENCE

UXUser Experience no WebdesignRENATO MELO - 2014

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

O USUÁRIO NÃO QUERSABER DE TECNOLOGIA

O USUÁRIO NÃO QUER ESPERAR!

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

CONGELAMENTOCRASHMUITO TEMPO DE CARREGAMENTO

A CADA 100 MILISSEGUNDOS DE TEMPO DE CARREGAMENTO DE PÁGINA 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

Agradável

Vale a pena

compartilhar

Conveniente

Funciona exatamente como você pensa

INTERNET ONTEM

Anúncios Sites Institucionais

INTERNET HOJE

Anúncios Sites Institucionais SEO Mobile

RedesSociais

Geo localização ConversãoNo PDV

Logística

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

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

O QUE PRECISA SER PENSADO

CONTEXTO

USUÁRIOCONTEÚDO

CHECKLIST DO UX

TAMANHO DA TELA

CONECTIVIDADE

OBJETIVOS DO USUÁRIO

AMBIENTES DO

USUÁRIO

CAPACIDADE DO

USUÁRIO

• 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

LEMBRE-SE: O FOCO É NAS PESSOAS!

EXEMPLOS DA CLASSE

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

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

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.

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.

EXPERIÊNCIA NO CELULAR

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

DETALHES

NÃO CONFUNDA O USUÁRIO!!!

O QUE PRECISA TER?

PÃOMAIONESETOMATEALFACEMUSSARELACHEDDARCARNEOVOONION RINGSBACONKETCHUPMOSTARDA

O HAMBURGUER

O QUE PRECISA TER?

PÃOCARNE

O HAMBURGUER

BELEZA X PRATICIDADE

VALIDAÇÃODA IDEIA

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

“Aprenda com os comentários.

Muitas vezes eles são mais criativos

do que o próprio post”

A MAIORIA É BURRA

FEZ TESTE?

LANÇOU BETA?

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

LEP

O L

EP

O N

O T

WIT

TER

MODELO ANTIGO

IDEIADESENVOLVIMENTO

LANÇAMENTO

MAIS CHANCE DE ERROSEM APRENDIZADOSEM CONTINUIDADE

MODELO NOVO

IDEIADESENVOLVIMENTO

LANÇAMENTO

VALIDAÇÃO

ITERAÇÃO

MENOS CHANCE DE ERROAPRENDIZADOCONTINUIDADE

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

FACEBOOK.COM/RENATOMELOMKT

renato@iskadigital.com.br