[#WorkshopdaCats] UX da questão

Transcrição

1 [#WorkshopdaCats] UX da questão

2 Júlia Ghisi Designer gráfico (UFSC), especialista em Design Centrado no Usuário (UP), diretora de planejamento de projetos e consultora de UX na Catarinas Design de Interação.

3 Priscilla Albuquerque Designer de Produto (IFSC), especialista em Gestão Estratégica do Design (UNIVALI) e Design Centrado no Usuário (UP). Diretora de negócios e consultora de UX design na Catarinas.

4

5 Criamos soluções que sejam muito fáceis de utilizar e proporcionem boas experiências ;)

6

7

8

9 #ExpectativasDoDia

10 Programação 1 Conceitos gerais 2 Imersão! Conhecendo os usuários e as dores 3 Organizando o conteúdo e pensando na usabilidade 4 Mensurando resultados

11 1 Conceitos gerais

12 O que é UX?

13 A maioria das pessoas acredita que User Experience é somente encontrar a melhor solução para os seus usuários mas não é.

14 UX trata sobre definir o problema que precisa ser resolvido (o porquê), definir para quem esse problema precisa ser resolvido (o quem), e definir o caminho que deve ser percorrido para resolvê-lo (o como). Whitney Hess

15 UX não se faz sozinho é responsabilidade de todos

16

17

18

19

20

21

22

23

24

25

26

27

28 Pirâmide das boas experiências

29 Grandes empresas e o UX

30 Acreditam que pesquisa de campo poupa tempo A melhor forma de entender o ponto de vista do usuário é pegar um uber.

31

32

33

34 Insights researchers para auxiliar os designers

35

36

37

38 Outras equipes participam Projetam fora da caixa Colaborativa e diferente perspectiva

39

40

41

42 Estratégias para melhorar o processo de namoro como não mostrar as rejeições

43

44 Aplicando a teoria PLANEJAMENTO

45 PARA AS ATIVIDADES VOCÊ PODE USAR: 1. Nossa sugestão: Site de companhia aérea ou 2. Uma ideia / projeto seu

46 Por onde COMEÇAR?

47 Um bom briefing com fritas ;D

48 SEMPRE EMPATIA! Entender o contexto, dores e necessidades do usuário, vendo a partir do ponto de vista dele!

49 Porque é tão importante essa conversa com o usuário? Não se deve conduzir um projeto inteiro baseado apenas na visão do cliente, do designer ou do desenvolvedor. As chances de equívoco ou parcialidade são altas.

50 Para criar uma experiência memorável é preciso REALMENTE ENTENDER O USUÁRIO.

51 2 Imersão! Conhecendo os usários e dores

52

53

54

55 Público alvo Casal jovem indo viajar de férias <3

56

57 Quem?

58 Construa a protopersona primária da sua solução / produto

59

60

61

62 Métodos de pesquisa imersão QUESTIONÁRIO ENTREVISTA ETNOGRAFIA JORNADA DO USUÁRIO FOCUS GROUS DIÁRIO DE USO CONTINUADO

63 Pontos de contato Emoções sentidas Objetivos Oportunidade de melhorias

64

65

66

67

68

69 Construa a protojornada do usuário da sua solução / produto! (Pontos de contato, Emoções, Objetivos, Oportunidades)

70 Taxista, 53 anos, casado 2 filhos Ouviu falar do app por um amigo Fazer ads, blog, materiais ricos Entrou no googleplay e baixou Acessou pela primeira vez Recebeu uma solicitação de taxi Atendeu o 1º cliente Fazer mais corridas Entender como funciona o app Fazer um bom atendimento para ser bem avaliado Enfatizar os benefícios Melhorar o onboarding Criar recomendação / validação social Recebeu o pagamento Receber pagamento forma prática e segura Viabilizar pagamento pelo app

71

72

73 #PartiuConcretizar

74 3 Organizando o conteúdo e pensando na usabilidade

75 ORGANIZANDO A INFORMAÇÃO Agrupar e organizar de acordo com a lógica e coerência dos conteúdos a partir do ponto de vista do usuário

76 FERRAMENTAS WIREFRAMES INVENTÁRIO DE CONTEÚDO CARD SORTING PROTOTIPAÇÃO FLUXOGRAMA PARA VALIDAR SEU PROTÓTIPO: FAÇA TESTE DE USABILIDADE

77

78

79

80

81

82

83 USABILIDADE

84

85

86

87

88

89 CERTO versus

90

91

92

93

94

95

96

97

98

99

100

101

102

103 #ParaLevarparaCasa Checklist de usabilidade para analisar os erros e acertos de uma interface

104 4 Mensurando resultados

105 Métodos de verificação TESTE DE USABILIDADE EYE TRACKING HEATMAP TESTE A/B

106 FERRAMENTAS

107 HEAT MAP Hotjar

108

109 TESTE A/B visual website optmizer

110

111 Eye Tracking Sticky

112

113

114

115 Como fazer um bom teste de usabilidade? 1. Enfatize o que será testado é a interface e não o usuário.

116 Como fazer um bom teste de usabilidade? 1. Enfatize o que será testado é a interface e não o usuário 2. Deixe claro que a intenção é identificar erros e problemas no produto para poder melhorá-lo.

117 Como fazer um bom teste de usabilidade? 1. Enfatize o que será testado é a interface e não o usuário. 2. Deixe claro que a intenção é identificar erros e problemas no produto para poder melhorá-lo. 3. Explique que o usuário deve fazer como se estivesse sozinho e se tiver dúvidas pode perguntar mas que as respostas serão dadas no fim do teste.

118 Como fazer um bom teste de usabilidade? 1. Enfatize o que será testado é a interface e não o usuário. 2. Deixe claro que a intenção é identificar erros e problemas no produto para poder melhorá-lo. 3. Explique que o usuário deve fazer como se estivesse sozinho e se tiver dúvidas pode perguntar mas que as respostas serão dadas no fim do teste. 4. Faça um pré- entrevista para quebrar o gelo.

119 Como fazer um bom teste de usabilidade? 5. Conduza o teste com pelo menos 2 pessoas, um para moderar e um para ser o observador (anotar e registrar as impressões).

120 Como fazer um bom teste de usabilidade? 5. Conduza o teste com pelo menos 2 pessoas, um para moderar e um para ser o observador (anotar e registrar as impressões) 6. Se o usuário não conseguir realizar alguma tarefa, deixe-o passar para a próxima, não dê a resposta nesse momento, exceto que seja pré requisito para outra.

121 Como fazer um bom teste de usabilidade? 5. Conduza o teste com pelo menos 2 pessoas, um para moderar e um para ser o observador (anotar e registrar as impressões) 6. Se o usuário não conseguir realizar alguma tarefa, mesmo tendo insistido, deixe-o passar para a pr'óxima, não dê a resposta nesse momento, exceto que seja pré requisito para outra. 7. Faça uma entrevista pós teste, questionando sobre dificuldades encontrada e indagando sobre pontos que você observou.

122 Crie e aplique teste de usabilidade! 1º Defina os principais objetivos do produto 2º Crie o roteiro com as tarefas a serem executadas e testadas 3º Aplique o teste em um colega de outro grupo

123 METAS E RESULTADOS

124 HEART FRAMEWORK

125 Mensurar a qualidade da experiência!

126 HAPINESS (felicidade) Satisfação Facilidade de uso percebida Nível de promoção para rede

127 ENGAGEMENT (engajamento) Número de visitas por usuário e por semana Número de fotos publicadas por dia Número de compartilhamentos

128 ADOPTION (adoção) Atualizações para nova versão Novos cadastros Pagamentos feitos por novos usuários

129 RETENTION (retenção) Número de usuários que se mantem ativos Taxa de renovação (redução do churn) Compras repetidas

130 TASK SUCCESS (sucesso das tarefas) Resultados bem sucedidos de buscas Tempo de upload de uma foto Criação completa de perfil

131 Felicidade Engajamento Adoção Retenção Sucesso das tarefas objetivo sinal métrica felicidade Garantir a satisfação e boa experiência do usuário ao finalizar o uso e realizar o checkout do uso da bike Feedback positivo pós uso do serviço Desempenho acima de 8 na média de avaliação da satisfação com o serviço adoção Credibilizar e converter mais hotéis interessados no serviço Aumento dos cadastros, contatos e solicitações via site 20 cadastros após 2 meses do novo site no ar

132

133 Escolha as duas categorias mais relevantes para o negócio que faça sentido acompanhar e mensurar a qualidade da experiência (Defina para cada uma as Metas, Sinais e Métricas)

134 Felicidade Engajamento Adoção Retenção Sucesso das tarefas

135 Felicidade Engajamento Adoção Retenção Sucesso das tarefas objetivo sinal métrica felicidade Garantir a satisfação e boa experiência do usuário ao finalizar o uso e realizar o checkout do uso da bike Feedback positivo pós uso do serviço Desempenho acima de 8 na média de avaliação da satisfação com o serviço adoção Credibilizar e converter mais hotéis interessados no serviço Aumento dos cadastros, contatos e solicitações via site 20 cadastros após 2 meses do novo site no ar

136 O que vimos hoje 1 Conceitos gerais 2 Imersão! Conhecendo os usuários e as dores 3 Organizando o conteúdo e pensando na usabilidade 4 Mensurando resultados

137 #ExpectativasDoDia x Realidade

138 GOSTOU? ACESSE: catarinasdesign.com.br/ blog catarinasdesign.com.br/conteudos

139 obrigada! catarinasdesign.com.br