UX e UI - Experiência e Interface do Usuário

1. UX e UI
Injeção de personalidade no seu branding
RENATO MELO - 2017

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
18+ - Tablet e smartphones – Heavy users

4. Novas Gerações vão surgir cada
vez mais rápido

5. INTERNET ONTEM
Anúncios Sites Institucionais

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

7. O CONCEITO
E-
BRANDING
UIUX

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
Os 7 mitos e erros mais comuns

14. User Experience é
diferente de User
Interface

15. Você = Seu usuário

16. Usuário sempre
sabe o que quer

17. UX termina quando o usuário sai do site

18. Sua solução sempre vai funcionar

19. Eu li uma solução de um guru
aqui na internet e...

20. Isso é impossível de fazer!

21. UX
Na prática

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

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

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

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

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

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

28. #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.

29. UI
Interface do Usuário

30. 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

31. UX
Os 4 mitos e erros mais comuns

32. User Interface é
diferente de design

33. Tudo tem que estar na área de
destaque, acima dos 600 pixels de
altura.

34. Apostar sempre em técnicas
aleatórias como: 3 cliques da
homepage até o final resolve tudo

35. Homepage é a parte mais importante,
todos os usuários acessam seu site
através dela.

36. UI
Ideias para utilizar

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

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

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

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

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

42. Design: A New Era
Tendências e presente

43. Mobile First!
A maioria das visitas é por lá.

44. Minimalismo e Flat Design

45. Big Typography

46. Assim como sliders grandes

47. Infográficos

48. One page

49. FACEBOOK.COM/
RENATOMELOMKT
renato@iskadigital.com.br