O UX no webdesign

Post on 06-Jun-2015

249 views 2 download

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

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

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

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

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

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

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