A apresentação discute UX (experiência do usuário) e UI (interface do usuário), enfatizando a importância de começar pelo usuário e não pela tecnologia. Explica como os perfis de usuários mudaram com o tempo e como a internet evoluiu para integrar anúncios, sites, SEO, mobile e redes sociais. Detalha os 5 passos do UX design e dicas práticas de UX e UI, como agrupar funções, destacar a conversão e usar menos elementos para não distrair o usuário.

1. UX e UI
Experiência e Interface aplicada no usuário
WEBDESIGN 2020 – RENATO MELO

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

3. Usuário
60+ - Máquina de escrever e TV
40+ - Computador, internet e DVD
22+ - Notebook, Tablet e smartphones
8+ - Tablet e smartphones

4. INTERNET
ONTEM
Anúncios Sites Institucionais

5. INTERNET HOJE: INTEGRAÇÃO
E CONVERSÃO
Anúncios Sites Institucionais SEO Mobile
Redes
Sociais
Geo localização Conversão
No PDV
Logística

6. JUNHO DE 2020

7. 2019: Nova modalidade

8. UX
Experiência do Usuário

9. UX Design é o processo
de aumentar a
satisfação e lealdade do
cliente.
Como?
Melhorando a
usabilidade, facilidade
do uso e o prazer
proporcionado com a
interação entre
consumidor e produto.

10. UX Design
Conteúdo

11. 5 passos do UX
Estratégia – Escopo – Estrutura –
Wireframe – Visual Design

12. Briefing
Pergunte, pergunte e pergunte até
esgotar suas dúvidas. O site deve
converter em vendas!

13. UX
Na prática

14. #1 – Refaça todos os passos
Simule e trace com sua equipe todos os
passos que um usuário pode percorrer no
seu site.

15. #2 – Trace metas concretas
O problema nunca será número de visitas!
Trace metas como aumentar número de
leads, contatos, orçamentos...

16. Design
Responsivo e
Disposição:
Passou de 500
inscrições para
1200 por mês

17. 35% da operação
do Call Center
existia apenas
para responder
uma demanda:
Onde encontrar a
2ª via do boleto.

18. #3 – Faça um protótipo
Antes de ir ao ar, faça um protótipo para ver
se todo seu projeto caminhou bem

19. #4 – Métricas
Avalie pouco a pouco seus resultados via
Google Analytics

20. #5 – Tráfego
SEO, Google Adwords e Redes Sociais vão
aumentar o seu tráfego. Mas eles irão sair se
o site não tiver um layout que prenda sua
atenção e converta.

21. UI
Interface do Usuário

22. UI é o processo de
guiar visualmente o
usuário através da
interface de um
produto, utilizando
elementos interativos e
em todos os tamanhos /
plataformas.
O UI é o
responsável
pela UX

23. UI
Ideias de aplicação

24. #1 – Agrupar
Agrupe funções similares ao invés de
fragmentá-las.

25. #2 – Destaque a conversão
Coloque cores e destaque somente a
conversão. Tome cuidado para não
confundir e distrair seu usuário.

26. #3 – Menos é mais
Coloque nos campos de formulário somente
o necessário.

27. #4 – Excesso de links
Só use em caso de todos levarem ao mesmo
local. Tome cuidado em distrair demais seu
usuário.

28. #5 – Call to Action?
Troque “Cadastre-se agora” por “Quero
receber as melhores ofertas”, por exemplo

29. LEMBRE-SE: O
FOCO É NAS
PESSOAS!

30. CHECKLIST
GERAL
 TAMANHO DA TELA
 CONECTIVIDADE
 OBJETIVOS DO USUÁRIO
 AMBIENTES DO USUÁRIO
 CAPACIDADE DO USUÁRIO

31. CHECKLIST
DE UM SITE
 COMO SERÁ DIVULGADO?
 COMO ELE É ENCONTRADO?
 TEM INTEGRAÇÃO COM REDE SOCIAL?
 É VISUALIZADO EM QUALQUER TELA?
 QUAL E COMO SERÁ FEITA SUA
CONVERSÃO?
 O USUÁRIO ENTENDE SEU SITE?

32. EXPERIÊNCIA NO MC DONALDS:
FILA – ATENDIMENTO PESSOAL – LANÇAMENTO
DE DADOS NO SISTEMA – PAGAMENTO -
COZINHA - ENTREGA

33. ACHE UM SITE DE BUFFET INFANTIL EM
SANTOS E RESPONDA
 ACHOU VIA ORGÂNICA, ANÚNCIO OU MAPA?
 ABRIU PERFEITO NO CELULAR?
O QUE VOCÊ SENTIU MAIS DIFICULDADE NO SITE?
TEM INTEGRAÇÃO COM REDE SOCIAL?
QUAL E COMO É FEITA SUA CONVERSÃO?
Entregue via e-mail:
renatomelo85@gmail.com

34. UX e UI
Experiência e Interface aplicada no usuário
WEBDESIGN 2020 – RENATO MELO