UX e UI no Webdesign - Aula 08 - Webdesign - 2019
Transferir como PPT, PDF0 gostou215 visualizações
O documento discute experiência do usuário (UX) e interface do usuário (UI) na web. Apresenta como a internet evoluiu para se tornar mais integrada e focada na conversão, e destaca a importância de começar pelo usuário. Também fornece dicas sobre UX e UI, como mapear a jornada do usuário e focar na usabilidade e conversão.
UX e UI no Webdesign - Aula 08 - Webdesign - 2019
- 1. UX e UI Experiência e Interface aplicada no usuário WEBDESIGN 2019 – 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
- 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
- 7. 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.
- 9. 5 passos do UX Estratégia – Escopo – Estrutura – Wireframe – Visual Design
- 10. Briefing Pergunte, pergunte e pergunte até esgotar suas dúvidas. O site deve converter em vendas!
- 11. UX Na prática
- 12. #1 – Refaça todos os passos Simule e trace com sua equipe todos os passos que um usuário pode percorrer no seu site.
- 13. #2 – Trace metas concretas O problema nunca será número de visitas! Trace metas como aumentar número de leads, contatos, orçamentos...
- 14. Design Responsivo e Disposição: Passou de 500 inscrições para 1200 por mês
- 15. 35% da operação do Call Center existia apenas para responder uma demanda: Onde encontrar a 2ª via do boleto.
- 16. #3 – Faça um protótipo Antes de ir ao ar, faça um protótipo para ver se todo seu projeto caminhou bem
- 17. #4 – Métricas Avalie pouco a pouco seus resultados via Google Analytics
- 18. #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.
- 20. 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
- 22. #1 – Agrupar Agrupe funções similares ao invés de fragmentá-las.
- 23. #2 – Destaque a conversão Coloque cores e destaque somente a conversão. Tome cuidado para não confundir e distrair seu usuário.
- 24. #3 – Menos é mais Coloque nos campos de formulário somente o necessário.
- 25. #4 – Excesso de links Só use em caso de todos levarem ao mesmo local. Tome cuidado em distrair demais seu usuário.
- 26. #5 – Call to Action? Troque “Cadastre-se agora” por “Quero receber as melhores ofertas”, por exemplo
- 27. LEMBRE-SE: O FOCO É NAS PESSOAS!
- 28. CHECKLIST GERAL TAMANHO DA TELA CONECTIVIDADE OBJETIVOS DO USUÁRIO AMBIENTES DO USUÁRIO CAPACIDADE DO USUÁRIO
- 29. 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?
- 30. EXPERIÊNCIA NO MC DONALDS: FILA – ATENDIMENTO PESSOAL – LANÇAMENTO DE DADOS NO SISTEMA – PAGAMENTO - COZINHA - ENTREGA
- 31. EM GRUPOS, 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?