o ux no webdesign
DESCRIPTION
A importância do UX no Webdesign e como pequenas diferenças podem trazer grandes prejuízos as empresas.TRANSCRIPT
![Page 1: O UX no webdesign](https://reader035.vdocuments.pub/reader035/viewer/2022062319/55724e26d8b42a920c8b4c4a/html5/thumbnails/1.jpg)
UXUser Experience no WebdesignRENATO MELO - 2014
![Page 2: O UX no webdesign](https://reader035.vdocuments.pub/reader035/viewer/2022062319/55724e26d8b42a920c8b4c4a/html5/thumbnails/2.jpg)
“Você deve começar com a experiência do usuário e depois ir para a tecnologia”
![Page 3: O UX no webdesign](https://reader035.vdocuments.pub/reader035/viewer/2022062319/55724e26d8b42a920c8b4c4a/html5/thumbnails/3.jpg)
O USUÁRIO NÃO QUERSABER DE TECNOLOGIA
![Page 4: O UX no webdesign](https://reader035.vdocuments.pub/reader035/viewer/2022062319/55724e26d8b42a920c8b4c4a/html5/thumbnails/4.jpg)
O USUÁRIO NÃO QUER ESPERAR!
![Page 5: O UX no webdesign](https://reader035.vdocuments.pub/reader035/viewer/2022062319/55724e26d8b42a920c8b4c4a/html5/thumbnails/5.jpg)
75% DOS USUÁRIOS NÃO COMPRAM QUANDO UM SITE TEM UM PROBLEMA DE:
CONGELAMENTOCRASHMUITO TEMPO DE CARREGAMENTO
![Page 6: O UX no webdesign](https://reader035.vdocuments.pub/reader035/viewer/2022062319/55724e26d8b42a920c8b4c4a/html5/thumbnails/6.jpg)
A CADA 100 MILISSEGUNDOS DE TEMPO DE CARREGAMENTO DE PÁGINA REDUZ 1% DE VENDAS NA AMAZON.
AMAZON
![Page 7: O UX no webdesign](https://reader035.vdocuments.pub/reader035/viewer/2022062319/55724e26d8b42a920c8b4c4a/html5/thumbnails/7.jpg)
AO AUMENTAR O CARREGAMENTO DO SITE DE 0.4 PARA 0.9 SEGUNDOS, PERDEU 20% DA RECEITA EM PUBLICIDADE,
![Page 8: O UX no webdesign](https://reader035.vdocuments.pub/reader035/viewer/2022062319/55724e26d8b42a920c8b4c4a/html5/thumbnails/8.jpg)
Agradável
Vale a pena
compartilhar
Conveniente
Funciona exatamente como você pensa
![Page 9: O UX no webdesign](https://reader035.vdocuments.pub/reader035/viewer/2022062319/55724e26d8b42a920c8b4c4a/html5/thumbnails/9.jpg)
INTERNET ONTEM
Anúncios Sites Institucionais
![Page 10: O UX no webdesign](https://reader035.vdocuments.pub/reader035/viewer/2022062319/55724e26d8b42a920c8b4c4a/html5/thumbnails/10.jpg)
INTERNET HOJE
Anúncios Sites Institucionais SEO Mobile
RedesSociais
Geo localização ConversãoNo PDV
Logística
![Page 11: O UX no webdesign](https://reader035.vdocuments.pub/reader035/viewer/2022062319/55724e26d8b42a920c8b4c4a/html5/thumbnails/11.jpg)
USUÁRIO TEM QUE POSSUIR UMA EXPERIÊNCIA POSITIVA EM TODOS OS CANAIS
![Page 12: O UX no webdesign](https://reader035.vdocuments.pub/reader035/viewer/2022062319/55724e26d8b42a920c8b4c4a/html5/thumbnails/12.jpg)
UX TEM QUE SER PENSADO EM TODOS OS NÍVEIS:PLANEJAMENTODESIGNFRONT-ENDBACK-END
![Page 13: O UX no webdesign](https://reader035.vdocuments.pub/reader035/viewer/2022062319/55724e26d8b42a920c8b4c4a/html5/thumbnails/13.jpg)
O QUE PRECISA SER PENSADO
CONTEXTO
USUÁRIOCONTEÚDO
![Page 14: O UX no webdesign](https://reader035.vdocuments.pub/reader035/viewer/2022062319/55724e26d8b42a920c8b4c4a/html5/thumbnails/14.jpg)
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](https://reader035.vdocuments.pub/reader035/viewer/2022062319/55724e26d8b42a920c8b4c4a/html5/thumbnails/15.jpg)
• 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](https://reader035.vdocuments.pub/reader035/viewer/2022062319/55724e26d8b42a920c8b4c4a/html5/thumbnails/16.jpg)
LEMBRE-SE: O FOCO É NAS PESSOAS!
![Page 17: O UX no webdesign](https://reader035.vdocuments.pub/reader035/viewer/2022062319/55724e26d8b42a920c8b4c4a/html5/thumbnails/17.jpg)
EXEMPLOS DA CLASSE
![Page 18: O UX no webdesign](https://reader035.vdocuments.pub/reader035/viewer/2022062319/55724e26d8b42a920c8b4c4a/html5/thumbnails/18.jpg)
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](https://reader035.vdocuments.pub/reader035/viewer/2022062319/55724e26d8b42a920c8b4c4a/html5/thumbnails/19.jpg)
Lindsey:“Ao fazer uma busca com erro de digitação, o site não encontra o produto”.
![Page 20: O UX no webdesign](https://reader035.vdocuments.pub/reader035/viewer/2022062319/55724e26d8b42a920c8b4c4a/html5/thumbnails/20.jpg)
Leonardo:“Vários erros como: produtos sem fotos, categorias erradas e sem conversãode dólar para real”.
![Page 21: O UX no webdesign](https://reader035.vdocuments.pub/reader035/viewer/2022062319/55724e26d8b42a920c8b4c4a/html5/thumbnails/21.jpg)
Karla:“Site confuso, lento e você precisa deixar várias abas abertas para visualizaro conteúdo”.
![Page 22: O UX no webdesign](https://reader035.vdocuments.pub/reader035/viewer/2022062319/55724e26d8b42a920c8b4c4a/html5/thumbnails/22.jpg)
EXPERIÊNCIA NO CELULAR
![Page 23: O UX no webdesign](https://reader035.vdocuments.pub/reader035/viewer/2022062319/55724e26d8b42a920c8b4c4a/html5/thumbnails/23.jpg)
NÃO ESTAR NO MOBILE É COMO FECHAR SUA LOJA UMA VEZ POR SEMANA.
DETALHES
![Page 24: O UX no webdesign](https://reader035.vdocuments.pub/reader035/viewer/2022062319/55724e26d8b42a920c8b4c4a/html5/thumbnails/24.jpg)
NÃO CONFUNDA O USUÁRIO!!!
![Page 25: O UX no webdesign](https://reader035.vdocuments.pub/reader035/viewer/2022062319/55724e26d8b42a920c8b4c4a/html5/thumbnails/25.jpg)
O QUE PRECISA TER?
PÃOMAIONESETOMATEALFACEMUSSARELACHEDDARCARNEOVOONION RINGSBACONKETCHUPMOSTARDA
O HAMBURGUER
![Page 26: O UX no webdesign](https://reader035.vdocuments.pub/reader035/viewer/2022062319/55724e26d8b42a920c8b4c4a/html5/thumbnails/26.jpg)
O QUE PRECISA TER?
PÃOCARNE
O HAMBURGUER
![Page 27: O UX no webdesign](https://reader035.vdocuments.pub/reader035/viewer/2022062319/55724e26d8b42a920c8b4c4a/html5/thumbnails/27.jpg)
BELEZA X PRATICIDADE
![Page 28: O UX no webdesign](https://reader035.vdocuments.pub/reader035/viewer/2022062319/55724e26d8b42a920c8b4c4a/html5/thumbnails/28.jpg)
![Page 29: O UX no webdesign](https://reader035.vdocuments.pub/reader035/viewer/2022062319/55724e26d8b42a920c8b4c4a/html5/thumbnails/29.jpg)
VALIDAÇÃODA IDEIA
![Page 30: O UX no webdesign](https://reader035.vdocuments.pub/reader035/viewer/2022062319/55724e26d8b42a920c8b4c4a/html5/thumbnails/30.jpg)
A ARTE DA VALIDAÇÃO:PIADAS ERAM CONTADAS ATÉ PARA AS FAXINEIRAS
![Page 31: O UX no webdesign](https://reader035.vdocuments.pub/reader035/viewer/2022062319/55724e26d8b42a920c8b4c4a/html5/thumbnails/31.jpg)
“Aprenda com os comentários.
Muitas vezes eles são mais criativos
do que o próprio post”
![Page 32: O UX no webdesign](https://reader035.vdocuments.pub/reader035/viewer/2022062319/55724e26d8b42a920c8b4c4a/html5/thumbnails/32.jpg)
A MAIORIA É BURRA
![Page 33: O UX no webdesign](https://reader035.vdocuments.pub/reader035/viewer/2022062319/55724e26d8b42a920c8b4c4a/html5/thumbnails/33.jpg)
FEZ TESTE?
LANÇOU BETA?
FEZ UM PROTÓTIPO?ENTÃO O BURRO É VOCÊ!
![Page 34: O UX no webdesign](https://reader035.vdocuments.pub/reader035/viewer/2022062319/55724e26d8b42a920c8b4c4a/html5/thumbnails/34.jpg)
LEP
O L
EP
O N
O T
WIT
TER
![Page 35: O UX no webdesign](https://reader035.vdocuments.pub/reader035/viewer/2022062319/55724e26d8b42a920c8b4c4a/html5/thumbnails/35.jpg)
MODELO ANTIGO
IDEIADESENVOLVIMENTO
LANÇAMENTO
MAIS CHANCE DE ERROSEM APRENDIZADOSEM CONTINUIDADE
![Page 36: O UX no webdesign](https://reader035.vdocuments.pub/reader035/viewer/2022062319/55724e26d8b42a920c8b4c4a/html5/thumbnails/36.jpg)
MODELO NOVO
IDEIADESENVOLVIMENTO
LANÇAMENTO
VALIDAÇÃO
ITERAÇÃO
MENOS CHANCE DE ERROAPRENDIZADOCONTINUIDADE
![Page 37: O UX no webdesign](https://reader035.vdocuments.pub/reader035/viewer/2022062319/55724e26d8b42a920c8b4c4a/html5/thumbnails/37.jpg)
NÃO SE PODE MELHORAR O QUE NÃO SE MEDE