Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Visão Geral sobre UX - O que é, aplicações e ga...

Visão Geral sobre UX - O que é, aplicações e ganhos esperados

Palestra ministrada no 2º Congresso de Comunicação Pública do Sudeste a convite da ELECAMP - Escola do Legislativo da Câmara Municipal de Campinas.

O vídeo da palestra está disponível em: https://bit.ly/4aPloRJ

O conteúdo conta com
1. Visão geral do que é UX/UI
2. Como os conceitos e metodologias de UX podem ser úteis em projetos digitais e para público final
3. Case de apoio, tangibilizando algumas práticas
4. Dicas de sites / ferramentas e metodologias para já aplicar no dia-a-dia
5. (Materiais extras decorrentes das perguntas realizadas no dia da palestra)

Viviane Delvequio

February 09, 2025
Tweet

More Decks by Viviane Delvequio

Other Decks in Design

Transcript

  1. UX Viviane Delvequio www.viviane.work . @videlvequio O que é, como

    aplicar e ganhos esperados EXPERIÊNCIA DO USUÁRIO Foto de Nikolai Chernichenko na Unsplash 2º CONGRESSO DE COMUNICAÇÃO PÚBLICA DO SUDESTE
  2. UX . EXPERIÊNCIA DO USUÁRIO 2º CONGRESSO DE COMUNICAÇÃO PÚBLICA

    DO SUDESTE . VISÃO GERAL SOBRE UX . EXEMPLOS DE PROJETOS . DICAS . PERGUNTAS? PARA HOJE
  3. . ela / dela . a louca das plantas .

    mocha no inverno . expresso tônica no verão . Santo André . Campinas . Rio de Janeiro . São Paulo . carreira em UX com transparência e acolhimento . gestora + palestrante + professora + mentora Prazer, Vivi…
  4. @videlvequio | www.viviane.work SERVIÇOS EMPRESAS & STARTUPS [palestras . treinamentos

    . diagnóstico times] Tem a impressão de que a área de UX Design / UX Research poderia dar ainda mais resultados alinhados ao que a empresa precisa? MENTORIAS PROFISSIONAIS
  5. UX . EXPERIÊNCIA DO USUÁRIO 2º CONGRESSO DE COMUNICAÇÃO PÚBLICA

    DO SUDESTE ANTES DE COMEÇAR QUAL HISTÓRIA [ ] VOCÊ QUER ENTREGAR? PRODUTO MENSAGEM SOLUÇÃO
  6. UX . EXPERIÊNCIA DO USUÁRIO 2º CONGRESSO DE COMUNICAÇÃO PÚBLICA

    DO SUDESTE U X . U S E R E X P E R I E N C E H C D . H U M A N C E N T E R E D D E S I G N H C I . H U M A N C O M P U T E R I N T E R A C T I O N
  7. UX . EXPERIÊNCIA DO USUÁRIO 2º CONGRESSO DE COMUNICAÇÃO PÚBLICA

    DO SUDESTE U X . U S E R E X P E R I E N C E H C D . H U M A N C E N T E R E D D E S I G N H C I . H U M A N C O M P U T E R I N T E R A C T I O N ( ~ 9 0 s ) ( ~ 8 0 s ) ( ~ 8 0 s )
  8. UX . EXPERIÊNCIA DO USUÁRIO 2º CONGRESSO DE COMUNICAÇÃO PÚBLICA

    DO SUDESTE — O que está no “guarda-chuva” UX? UX WRITER VUI DESIGNER PRODUCT DESIGNER UX DESIGNER FRONT-END DESIGNER UX STRATEGIST UI DESIGNER ARQUIT. INFORMAÇÃO UX RESEARCHER SERVICE DESIGNER
  9. UX . EXPERIÊNCIA DO USUÁRIO 2º CONGRESSO DE COMUNICAÇÃO PÚBLICA

    DO SUDESTE UX WRITER VUI DESIGNER PRODUCT DESIGNER UX DESIGNER FRONT-END DESIGNER UX STRATEGIST UI DESIGNER ARQUIT. INFORMAÇÃO UX RESEARCHER SERVICE DESIGNER JORNALISMO — O que está no “guarda-chuva” UX?
  10. UX . EXPERIÊNCIA DO USUÁRIO 2º CONGRESSO DE COMUNICAÇÃO PÚBLICA

    DO SUDESTE UX WRITER VUI DESIGNER PRODUCT DESIGNER UX DESIGNER FRONT-END DESIGNER UX STRATEGIST UI DESIGNER ARQUIT. INFORMAÇÃO UX RESEARCHER SERVICE DESIGNER PSICOLOGIA JORNALISMO — O que está no “guarda-chuva” UX?
  11. UX . EXPERIÊNCIA DO USUÁRIO 2º CONGRESSO DE COMUNICAÇÃO PÚBLICA

    DO SUDESTE UX WRITER VUI DESIGNER PRODUCT DESIGNER UX DESIGNER FRONT-END DESIGNER UX STRATEGIST UI DESIGNER ARQUIT. INFORMAÇÃO UX RESEARCHER SERVICE DESIGNER PSICOLOGIA JORNALISMO ANTROPO LOGIA — O que está no “guarda-chuva” UX?
  12. UX . EXPERIÊNCIA DO USUÁRIO 2º CONGRESSO DE COMUNICAÇÃO PÚBLICA

    DO SUDESTE PSICOLOGIA UX WRITER VUI DESIGNER PRODUCT DESIGNER UX DESIGNER FRONT-END DESIGNER UX STRATEGIST UI DESIGNER ARQUIT. INFORMAÇÃO UX RESEARCHER SERVICE DESIGNER CIÊNCIAS SOCIAIS ESTATÍSTICA BELAS ARTES PUBLICIDADE & PROPAGANDA JORNALISMO LETRAS BIBLIOTEC. COMUNICAÇÃO ENGENHARIAS ANTROPO LOGIA NEUROSCIÊNCIA DESIGN CIÊNCIA COMPUTAÇÃO — O que está no “guarda-chuva” UX?
  13. UX . EXPERIÊNCIA DO USUÁRIO 2º CONGRESSO DE COMUNICAÇÃO PÚBLICA

    DO SUDESTE U X . U S E R E X P E R I E N C E H C D . H U M A N C E N T E R E D D E S I G N H C I . H U M A N C O M P U T E R I N T E R A C T I O N
  14. UX . EXPERIÊNCIA DO USUÁRIO 2º CONGRESSO DE COMUNICAÇÃO PÚBLICA

    DO SUDESTE F A C T Í V E L V I Á V E L SOLUÇÕES CENTRADAS NO USUÁRIO D E S E J A D O HDC Kit de Ferramentas da IDEO 2a Edição | Página 3 | Introdução às Três Lentes do Human Centered Design T R Ê S L E N T E S D O D E S I G N C E N T R A D O N O U S U Á R I O | I D E O
  15. UX . EXPERIÊNCIA DO USUÁRIO 2º CONGRESSO DE COMUNICAÇÃO PÚBLICA

    DO SUDESTE F A C T Í V E L V I Á V E L D E S E J A D O HDC Kit de Ferramentas da IDEO 2a Edição | Página 3 | Introdução às Três Lentes do Human Centered Design T R Ê S L E N T E S D O D E S I G N C E N T R A D O N O U S U Á R I O | I D E O U X T E C H B U S I N E S S
  16. UX . EXPERIÊNCIA DO USUÁRIO 2º CONGRESSO DE COMUNICAÇÃO PÚBLICA

    DO SUDESTE HDC Kit de Ferramentas da IDEO 2a Edição | Página 3 | Introdução às Três Lentes do Human Centered Design T R Ê S L E N T E S D O D E S I G N C E N T R A D O N O U S U Á R I O | I D E O U X T E C H B U S I N E S S CONHECIMENTO DE NEGÓCIO (MERCADO, RECEITA, CUSTOS, INDICADORES, ECONOMIA, ETC.)
  17. UX . EXPERIÊNCIA DO USUÁRIO 2º CONGRESSO DE COMUNICAÇÃO PÚBLICA

    DO SUDESTE HDC Kit de Ferramentas da IDEO 2a Edição | Página 3 | Introdução às Três Lentes do Human Centered Design T R Ê S L E N T E S D O D E S I G N C E N T R A D O N O U S U Á R I O | I D E O U X T E C H B U S I N E S S CONHECIMENTO DE PESSOAS (VISUAL, CONTEÚDO, COMPORTAMENTO, PSICOLOGIA, ETC.)
  18. UX . EXPERIÊNCIA DO USUÁRIO 2º CONGRESSO DE COMUNICAÇÃO PÚBLICA

    DO SUDESTE HDC Kit de Ferramentas da IDEO 2a Edição | Página 3 | Introdução às Três Lentes do Human Centered Design T R Ê S L E N T E S D O D E S I G N C E N T R A D O N O U S U Á R I O | I D E O U X T E C H B U S I N E S S
  19. https:// www.behance.net/ gallery/145537943/ Ramni-Free- Mobile-App-UI-UX- Kit? tracking_source=se arch_projects| social+media+app+ ui+kit+clean&l=3

    https:/ / www. appte chmo bile.co m/ blogs/ post/ how_t o_ma ke_we bsite_ wcag_ compli ant_/ 11 D E S I G N V I S U A L A 1 1 Y ( A C E S S I B I L I D A D E ) U X R E S E A R C H P E S Q U I S A C O M U S U Á R I O D E S I G N D E C O N T E Ú D O References: https://www.apptechmobile.com/blogs/post/how_to_make_website_wcag_compliant_/11
  20. UX . EXPERIÊNCIA DO USUÁRIO 2º CONGRESSO DE COMUNICAÇÃO PÚBLICA

    DO SUDESTE D E S I G N V I S U A L Pankaj Patel - Ramni Free Mobile App UI UX Kit https://www.behance.net/gallery/145537943/Ramni-Free-Mobile-App-UI-UX-Kit?tracking_source=search_projects|social+media+app+ui+kit+clean&l=3 M A I S S O B R E O P I L A R T É C N I C O D E D E S I G N V I S U A L
  21. UX . EXPERIÊNCIA DO USUÁRIO 2º CONGRESSO DE COMUNICAÇÃO PÚBLICA

    DO SUDESTE M E T O D O L O G I A S D E T A N G I B I L I Z A Ç Ã O D E S I G N D E S E R V I Ç O , D E S I G N D E I N T E R A Ç Ã O , E T C . References https://uxdholden.medium.com/6-customer-journey-mapping-4b82de26746e https://www.behance.net/gallery/84806015/Product-Design-Mobile-Prototype/modules/491125679
  22. UX . EXPERIÊNCIA DO USUÁRIO 2º CONGRESSO DE COMUNICAÇÃO PÚBLICA

    DO SUDESTE https://www.behance.net/gallery/84806015/Product-Design-Mobile-Prototype/modules/491125679 David Holden . #6 Customer Journey Mapping https://uxdholden.medium.com/6-customer-journey-mapping-4b82de26746e M A I S S O B R E F E R R A M E N T A D E T A N G I B I L I Z A Ç Ã O D E J O R N A D A
  23. UX . EXPERIÊNCIA DO USUÁRIO 2º CONGRESSO DE COMUNICAÇÃO PÚBLICA

    DO SUDESTE CASE ULTRASSOM SAMSUNG NÃO É SÓ PARA “APLICATIVOS"
  24. UX . EXPERIÊNCIA DO USUÁRIO 2º CONGRESSO DE COMUNICAÇÃO PÚBLICA

    DO SUDESTE Repensando a experiência do ultrassom pré-natal C A S E Case completo em: https://bit.ly/portSUX
  25. UX . EXPERIÊNCIA DO USUÁRIO 2º CONGRESSO DE COMUNICAÇÃO PÚBLICA

    DO SUDESTE https://patents.google.com/patent/US20170249424A1 Pro fi ssionais envolvidos no projeto e patente: ‣ Marcelo Augusto Nery ‣ Gustavo Kaneblai Costa ‣ Rodrigo Jose Tobias ‣ Renata Zilse Pereira Borges ‣ Viviane Ortiz Delvequio ‣ Myung Hwa Baldini ‣ Michel Bez Fontana ‣ Roberta Mayumi Matsunaga ‣ Alexandre Barbosa Silveira S O B R E O P R O J E T O
  26. UX . EXPERIÊNCIA DO USUÁRIO 2º CONGRESSO DE COMUNICAÇÃO PÚBLICA

    DO SUDESTE • Entrevistas • Mães, • Médicos, • Staff Clínica • Observação • Salas de exame • Salas de espera • Workshop • Mães • Especialistas técnicos
  27. UX . EXPERIÊNCIA DO USUÁRIO 2º CONGRESSO DE COMUNICAÇÃO PÚBLICA

    DO SUDESTE Mapa de Experiência da Gravidez Antes Agendamento Clinica Após Exame Booking Waiting room Reception Exam room Consulta Médica Social events displacement Waiting room baby birth Consulta Retorno Social events Reception Agendar o pró http:// thumbs.dreamstime.com/z/smart- watch-icons-mobile-icon- set-31496814.jpg ximo exa http:// thumbs.dreamstime.com/z/smart- watch-icons-mobile-icon- set-31496814.jpg me Deslocamento no dia da consulta até a clinica Preencher cadastro Staff oferece o exame de 3D/ 4D Pagamento Entrar com Nome,datas, medico,DUM Ligar para pai para dar infos Espera a chamada para a consulta Usar web para distração Redes Sociais Ver TV Acompanhantes impacientes usam web, youtube e redes sociais Staff conduz até a sala de exame Compartilhar a grtavidez com ou família para ver fotos/exames Redes sociais IM para amigos email Procurar clinica (se não houver indicação) Trocar-se Espera pelo médico Exame médico é informado: _ humor _ Exames _ 3D/4D 1 - exames clinicos 2 - “Visita” ao bebe / 3D / 4D Ligar para pai para dar infos (desacompanhada) Redes sociais IM para amigos Espera o exame Ver TV Usar web para distração Marcar retorno Retirar Exame Retirar CD Se tiver edição, retira-se CD alguns dias depois marcar consulta Levar exame Avisar pai Chá de bebê Reunir amigos ou família para ver fotos/exames Rede Social Acompanhamento Ligar para pai para dar infos Arrumar a mala do bebê/mãe Deslocamento até maternidade Avisar pai Avisar familia Avisar amigos Redes Sociais Intant Messeges Banheiro Banheiro remember Pictures Filmes comparing Ultrasound VS actual baby Redes sociais IM para amigos email
  28. • Entrevistas • Mães, • Médicos, • Staff Clínica •

    Observação • Salas de examen • Salas de espera • Workshop • Mães • Especialistas técnicos
  29. UX . EXPERIÊNCIA DO USUÁRIO 2º CONGRESSO DE COMUNICAÇÃO PÚBLICA

    DO SUDESTE Videos exhibition Prototype show Exposing Brazilian Scenario
  30. UX . EXPERIÊNCIA DO USUÁRIO 2º CONGRESSO DE COMUNICAÇÃO PÚBLICA

    DO SUDESTE “Vi a solução de vocês e então vi a da GE, Samsung tem uma solução enquanto GE tem apenas um equipamento” - médica e empresária com clínica da região sul “Máquina, tecnologia, essas coisas não mudam muito. Mas esse serviço focado no usuário cria valor para os clientes e consequentemente cria para nós (os donos de clínicas)” - gestor de rede de clínicas no Brasil “A solução ajudou muito nós de vendas. Graças à apresentação conseguimos fazer primeiros contatos com clientes que antes nem aceitavam falar com a gente.” - vendedor de soluções médicas da Samsung “Mesmo sem data exata para a disponibilização ao mercado, fizemos vendas porque quem comprou quer garantir que terá em sua clínica quando a solução estiver disponível.” - vendedora de soluções médicas da Samsung F E E D B A C K S R E C E B I D O S
  31. UX . EXPERIÊNCIA DO USUÁRIO 2º CONGRESSO DE COMUNICAÇÃO PÚBLICA

    DO SUDESTE CASE CONTA RENDEIRA AVALIANDO SOLUÇÃO ANTES DE IR PARA MERCADO
  32. UX . EXPERIÊNCIA DO USUÁRIO 2º CONGRESSO DE COMUNICAÇÃO PÚBLICA

    DO SUDESTE Modelo atraente de remuneração de conta corrente C A S E
  33. UX . EXPERIÊNCIA DO USUÁRIO 2º CONGRESSO DE COMUNICAÇÃO PÚBLICA

    DO SUDESTE P E S Q U I S A . L A N Ç A M E N T O D E C O N TA R E M U N E R A D A
  34. UX . EXPERIÊNCIA DO USUÁRIO 2º CONGRESSO DE COMUNICAÇÃO PÚBLICA

    DO SUDESTE Redesign Home Pesquisas com foco em avaliar encontrabilidade. First-click test & Guerrilha inLoco M U D A N C A S N A P Á G I N A D E E N T R A D A
  35. UX . EXPERIÊNCIA DO USUÁRIO 2º CONGRESSO DE COMUNICAÇÃO PÚBLICA

    DO SUDESTE Conta rendeira Pesquisas com foco em avaliar entendimento e atração da solução de rendimento em conta Entrevistas & Testes moderados N O VA I N T E R FA C E C O M R E N D I M E N T O
  36. UX . EXPERIÊNCIA DO USUÁRIO 2º CONGRESSO DE COMUNICAÇÃO PÚBLICA

    DO SUDESTE Efeito das Pesquisas . impacto imediato em produto . visibilidade executiva R E S U LTA D O S . E M P R O J E T O . L A N Ç A M E N T O D E C O N TA R E M U N E R A D A
  37. UX . EXPERIÊNCIA DO USUÁRIO 2º CONGRESSO DE COMUNICAÇÃO PÚBLICA

    DO SUDESTE VIESES & PRECONCEITOS “You are almost de fi nitely not living in reality because your brain doesn’t want you to” https://qz.com/776168/a- comprehensive-guide-to- cognitive-biases/
  38. UX . EXPERIÊNCIA DO USUÁRIO 2º CONGRESSO DE COMUNICAÇÃO PÚBLICA

    DO SUDESTE EXPLICA AQUILO QUE NÚMEROS NÃO DIZEM EXPÕE O QUE NÃO TEMOS VISIBILIDADE COLETA EVIDÊNCIAS PARA DECISÕES Dá visibilidade de comportamentos ou motivadores dos usuários que observamos pelos números, mas não entendemos os porque ou motivações por trás da ação. Alguns comportamentos que ocorrem fora da nossa plataforma ou do nosso contexto pessoal, e que, por isso, não temos visibilidade até que a pesquisa ocorra Por vezes, temos hipóteses, mas não evidências da relevância ou recorrência de comportamentos. UX ajuda trazendo evidências para dar mais segurança para tomadas de decisão. RESUMINDO COMO UX PODE AJUDAR? TANGIBILIZA IDEIAS E CONCEITOS Permite visualizarmos o dia-a- dia do cliente, etapas de um fluxo, como uma solução vai se comportar, etc. Isso alinha expectativas e evidencia melhorias antes até do desenvolvimento acontecer.
  39. UX . EXPERIÊNCIA DO USUÁRIO 2º CONGRESSO DE COMUNICAÇÃO PÚBLICA

    DO SUDESTE “É importante ter em mente que para pensar soluções para uma realidade, devemos tirá-la da invisibilidade. Djamila Ribeiro, Filósofa, feminista negra, escritora e acadêmica. Autora do livro Pequeno Manual Antirracista
  40. UX . EXPERIÊNCIA DO USUÁRIO 2º CONGRESSO DE COMUNICAÇÃO PÚBLICA

    DO SUDESTE DICAS ALGUMAS METODOLOGIAS PRA JÁ APLICAR SEMANA QUE VEM! (E ONDE ENCONTRAR MAIS DELAS)
  41. UX . EXPERIÊNCIA DO USUÁRIO 2º CONGRESSO DE COMUNICAÇÃO PÚBLICA

    DO SUDESTE bit.ly/viviane-caixa M I N H A C A I X A D E F E R R A M E N T A S
  42. UX . EXPERIÊNCIA DO USUÁRIO 2º CONGRESSO DE COMUNICAÇÃO PÚBLICA

    DO SUDESTE A N Á L I S E H E U R Í S T I C A
  43. UX . EXPERIÊNCIA DO USUÁRIO 2º CONGRESSO DE COMUNICAÇÃO PÚBLICA

    DO SUDESTE A U D I T O R I A D E C O N T E Ú D O
  44. UX . EXPERIÊNCIA DO USUÁRIO 2º CONGRESSO DE COMUNICAÇÃO PÚBLICA

    DO SUDESTE A U D I T O R I A D E C O N T E Ú D O
  45. UX . EXPERIÊNCIA DO USUÁRIO 2º CONGRESSO DE COMUNICAÇÃO PÚBLICA

    DO SUDESTE J O R N A D A D E U S U Á R I O
  46. UX . EXPERIÊNCIA DO USUÁRIO 2º CONGRESSO DE COMUNICAÇÃO PÚBLICA

    DO SUDESTE J O R N A D A D E U S U Á R I O
  47. UX . EXPERIÊNCIA DO USUÁRIO 2º CONGRESSO DE COMUNICAÇÃO PÚBLICA

    DO SUDESTE — procure profissionais com bagagem adplist.org app.ementor.com.br LinkedIn
  48. “Deseja que seus usuários se apaixonem pelo seu projeto? Então

    se apaixone pelos seus usuários.”  Dana Chisnell Professora em Harvard e MIT Diretora no Centro Cívico de Design Norte-americano
  49. PE R G U N TA S? @ V I

    D E L V E Q U I O . W W W . V I V I A N E . W O R K
  50. UX . EXPERIÊNCIA DO USUÁRIO 2º CONGRESSO DE COMUNICAÇÃO PÚBLICA

    DO SUDESTE maze.co www.useberry.com/ www.optimalworkshop.com/
  51. UX . EXPERIÊNCIA DO USUÁRIO 2º CONGRESSO DE COMUNICAÇÃO PÚBLICA

    DO SUDESTE https://www.userinterviews.com/blog/ux-research-tools-map-2021
  52. UX . EXPERIÊNCIA DO USUÁRIO 2º CONGRESSO DE COMUNICAÇÃO PÚBLICA

    DO SUDESTE • Personas & Esteriótipos Problema das Personas Tradicionais e Demográ fi cas, onde se corre o risco de reforçar estereótipos e ainda não ajudam em tomadas de decisão de projeto Alternativas às ‘Personas Demográficas’
  53. UX . EXPERIÊNCIA DO USUÁRIO 2º CONGRESSO DE COMUNICAÇÃO PÚBLICA

    DO SUDESTE Alternativas às ‘Personas Demográficas’ . Podcast "Personas orientadas por dados comportamentais quantitativos” - Caio Gama no Movimento UX https://movimentoux.com/temporada-3/caio-gama/ ANALISAR COMPORTAMENTO
  54. . Pesquisa da Anbima sobre a relação do brasileiro com

    o dinheiro https:// www.anbima.com.br/ pt_br/especial/relacao- do-brasileiro-com-o- dinheiro.htm .Mosaic da Serasa Experian http:// www.anfac.com.br/v3/ uploads/tmp/ Estudo_inedito_30set2 014.pdf . ‘Personas’ de Ministry of Justice, United Kingdom https://medium.com/ uxr-content/your- personas-probably- suck-heres-how-you- can-build-them-better- b2b32a45c93b Alternativas às ‘Personas Demográficas’