Raio X de UXD

Palestra sobre UXD no Devfest Nordeste 21/10/17

Transcript

1. Alda Rocha HTML, CSS and UX Instructor Senior UX Designer and WebDev. Creator of @CodamosClub https://mjcoffeeholick.github.io/
2. User experience design Raio X UXD
4. 1993: Don Norman - Primeiro UXP Um engenheiro e cientista que se juntou a Apple para ajudar com a pesquisa e o design de uma linha de produtos centrada no ser humano (Human-centered design). Ele criou o termo User Experience Architect, marcando o primeiro uso do termo em um título de trabalho.
5. Livro essencial para difundir e defender o design focado na usabilidade e funcionalidade em vez da estética. É um dos mais lidos sobre o tema. Ele escreveu o livro “The Design of everyday things”.
13. UXD x UID Como é essa profissão?
17. UXD - User experience designer: Desenha a experiência e interações do usuário com o site/produto
18. UID - User interface designer: Desenha o layout das interações que acontecem no site/produto
19. SUXD - Spatial User experience designer: Desenha a experiência e interações no ambiente real ou virtual
20. Desenhamos experiência. Não desenhamos telas!
21. Perfil de pessoas que exercem a profissão Quem pode ser UXD?
22. Qualquer pessoa pode ser um UXD Nem todo mundo gosta de ser um UXD. Alguns gostam e migram para a profissão, mas todo mundo que trabalha com tecnologia DEVE ter alguma noção de UX.
23. Na timeline de um projeto ou produto Em que momento se aplica?
26. O que podemos produzir em UX Quais são seus entregáveis?
27. UX Pesquisa de usuários* Arquitetura de informação* Template design* Visual design Teste A/B feedback* Lançamento/On-line Mapeamento do cliente
28. UX Mapeamento do cliente Pesquisa de usuários Arquitetura de informação Template design Visual design Teste A/B feedback Lançamento/On-line
29. UX Mapeamento do cliente Pesquisa de usuários Arquitetura de informação Template design Visual design Teste A/B feedback Lançamento/On-line
30. Mapeamento do cliente Exemplos de perguntas para traçar perfil do cliente Quem é o meu cliente? Qual a cultura da empresa? Qual a sua reputação? Qual é a identidade da sua marca? Como eles tocam seu negócio? O que o mercado e os meios de comunicação falam sobre ele? Quais são os problemas que eles resolvem? Quem são seus concorrentes? O que os clientes do seu cliente falam sobre ele?
31. Mapeamento do cliente Ferramenta e ações Internet - Pesquisas em google para saber SEO e ranqueamento do cliente Redes sociais e canais - Acessar redes sociais e ler comentários (starkear) Entrevista - Entrevistar pessoas ligadas ao cliente Feedbacks - Pedir feedbacks através de formulários para as pessoas SAC e atendimento ao cliente - Ouça as reclamações e dúvidas Documentação - Olhar o legado do cliente Analytics/métricas* - Pedir acesso as ferramentas do cliente
32. Mapeamento do cliente Dados reais Pare de usar tendências, use dados e métricas!
33. UX Mapeamento do cliente Pesquisa de usuários* Arquitetura de informação* Template design* Visual design Teste A/B feedback* Lançamento/On-line Mapeamento do cliente Analytics e métricas Google analytics
34. Mapeamento do cliente Pesquisa de usuários* Arquitetura de informação* Template design* Visual design Teste A/B feedback* Lançamento/On-line Mapeamento do cliente Analytics e métricas Twitter analytics
35. UX Mapeamento do cliente Pesquisa de usuários* Arquitetura de informação* Template design* Visual design Teste A/B feedback* Lançamento/On-line Mapeamento do cliente Analytics e métricas Facebook analytics
36. UX Mapeamento do cliente Pesquisa de usuários* Arquitetura de informação* Template design* Visual design Teste A/B feedback* Lançamento/On-line Mapeamento do cliente Analytics e métricas Youtube analytics Youtube analytics
37. UX Mapeamento do cliente Pesquisa de usuários* Arquitetura de informação* Template design* Visual design Teste A/B feedback* Lançamento/On-line Mapeamento do cliente Analytics e métricas http://www.uxbooth.com/articles/complete-beginners-guide-to-web-analytics-and-measurement/
38. UX Mapeamento do cliente Pesquisa de usuários* Arquitetura de informação* Template design* Visual design Teste A/B feedback* Lançamento/On-line Mapeamento do cliente Analytics e métricas https://webdesign.tutsplus.com/articles/what-exactly-are-ux-touchpoints--cms-27716
39. Mapeamento do cliente Algumas perguntas que respondemos com métricas Como é a audiencia do cliente? De qual cidade, estado e país esses usuários acessam? O cliente pretende guardar e-mails pra leads? As pessoas vão ter que fazer login e assinatura? Os usuários querem comprar alguma coisa? Como seu site/produto/app performa no mobile? Precisa ser responsivo? Onde o cliente perde audiência? Quanto tempo as pessoas ficam no seu site/produto/app?
40. UX Mapeamento do cliente Pesquisa de usuários Arquitetura de informação Template design Visual design Teste A/B feedback Lançamento/On-line
41. Pesquisa de usuários Exemplos de perguntas para definir seu público alvo Quem são os clientes target*? - Quem são esses usuários? - Quais são a suas necessidades? - Quais são os padrões de interação deles? - Quais são suas atitudes na Web? - Quais são seus estilos? - E suas personalidades?
42. UX Mapeamento do cliente Pesquisa de usuários* Arquitetura de informação* Template design* Visual design Teste A/B feedback* Lançamento/On-line Pesquisa de usuários Target
43. UX Mapeamento do cliente Pesquisa de usuários* Arquitetura de informação* Template design* Visual design Teste A/B feedback* Lançamento/On-line Pesquisa de usuários Target
44. UX Mapeamento do cliente Pesquisa de usuários* Arquitetura de informação* Template design* Visual design Teste A/B feedback* Lançamento/On-line Pesquisa de usuários Ache sua audiência Se você tem um alvo, o site/produto/conteúdo deve refletir isso!
45. Pesquisa de usuários Ferramentas e ações Testes de usabilidade no site/app existente Criar Personas (baseado nas pesquisas, métricas e entrevistas) Criar Jornada do usuário Criar Storyboard Criar Mind mapping e Touchpoints Fazer Design sprint/thinking ajuda identificar público alvo
46. UX Mapeamento do cliente Pesquisa de usuários* Arquitetura de informação* Template design* Visual design Teste A/B feedback* Lançamento/On-line Pesquisa de usuários Para testar e ter feedback Redes sociais
47. UX Mapeamento do cliente Pesquisa de usuários* Arquitetura de informação* Template design* Visual design Teste A/B feedback* Lançamento/On-line Pesquisa de usuários Análise e feedback de performance https://developers.google.com/web/tools/lighthouse/
48. UX Mapeamento do cliente Pesquisa de usuários* Arquitetura de informação* Template design* Visual design Teste A/B feedback* Lançamento/On-line Pesquisa de usuários Análise e feedback de performance https://developers.google.com/speed/pagespeed/
49. UX Mapeamento do cliente Pesquisa de usuários* Arquitetura de informação* Template design* Visual design Teste A/B feedback* Lançamento/On-line Pesquisa de usuários Para testar e ter feedback https://www.usertesting.com/
50. UX Mapeamento do cliente Pesquisa de usuários* Arquitetura de informação* Template design* Visual design Teste A/B feedback* Lançamento/On-line Pesquisa de usuários Para testar e ter feedback https://screenhero.com/
51. UX Mapeamento do cliente Pesquisa de usuários* Arquitetura de informação* Template design* Visual design Teste A/B feedback* Lançamento/On-line Pesquisa de usuários Personas www.pinterest.com www.behance.net
53. UX Mapeamento do cliente Pesquisa de usuários* Arquitetura de informação* Template design* Visual design Teste A/B feedback* Lançamento/On-line Pesquisa de usuários Personas www.xtensio.com
56. A experiência de cada um importa!
57. A experiência de cada um importa!
59. A experiência de cada um importa!
61. https://www.youtube.com/watch?v=6ic8OO4ORI8
62. Como ter uma UX mais inclusiva?
63. https://insights.stackoverflow.com/survey/2017
64. https://insights.stackoverflow.com/survey/2017
65. https://insights.stackoverflow.com/survey/2017
71. Foco: + vida real - tecnologia
75. Empatia
76. https://blog.marvelapp.com/practicing-empathy-product-design/
77. https://www.youtube.com/watch?v=UzPMMSKfKZQ
78. https://www.youtube.com/watch?v=1Evwgu369Jw
79. https://shop.smashingmagazine.com/products/inclusive-design-patterns
80. https://abookapart.com/products/design-for-real-life
81. https://abookapart.com/products/design-for-real-life https://abookapart.com/products/accessibility-for-everyone
82. https://medium.freecodecamp.com/5-principles-for-designing-delightful- digital-experiences-for-seniors-8ece28229653#.jrbx7q59q
83. http://www.w3c.br/pub/Materiais/PublicacoesW3C/cartilha- w3cbr-acessibilidade-web-fasciculo-II.pdf
84. https://abookapart.com/products/design-for-real-life http://mwpt.com.br/
85. https://uxdesign.cc/design-is-diversity-its-time-to-talk-about-our-role-as- designers-323781b10b6f
86. UX Mapeamento do cliente Pesquisa de usuários* Arquitetura de informação* Template design* Visual design Teste A/B feedback* Lançamento/On-line Pesquisa de usuários Personas www.criesuapersona.com.br
87. UX Mapeamento do cliente Pesquisa de usuários* Arquitetura de informação* Template design* Visual design Teste A/B feedback* Lançamento/On-line Pesquisa de usuários Personas www.xtensio.com
88. UX Mapeamento do cliente Pesquisa de usuários* Arquitetura de informação* Template design* Visual design Teste A/B feedback* Lançamento/On-line Pesquisa de usuários Jornada do usuário
89. UX Mapeamento do cliente Pesquisa de usuários* Arquitetura de informação* Template design* Visual design Teste A/B feedback* Lançamento/On-line Pesquisa de usuários Storyboard
90. UX Mapeamento do cliente Pesquisa de usuários* Arquitetura de informação* Template design* Visual design Teste A/B feedback* Lançamento/On-line Pesquisa de usuários Storyboard
91. UX Mapeamento do cliente Pesquisa de usuários* Arquitetura de informação* Template design* Visual design Teste A/B feedback* Lançamento/On-line Pesquisa de usuários Mind mapping e Touchpoints
92. UX Mapeamento do cliente Pesquisa de usuários* Arquitetura de informação* Template design* Visual design Teste A/B feedback* Lançamento/On-line Pesquisa de usuários Mind mapping e Touchpoints
93. UX Mapeamento do cliente Pesquisa de usuários* Arquitetura de informação* Template design* Visual design Teste A/B feedback* Lançamento/On-line Pesquisa de usuários Design sprint/thinking
94. Pesquisa de usuários Algumas perguntas que respondemos pesquisando o target Quem é seu público alvo? Qual o propósito do seu produto? O que justifica a escolha do seu público alvo? O seu público se alinha com a visão e missão do produto? Seu site/produto/app vende coisas para seu público? Seu site/produto/app presta serviços para seu público? Precisa ter informações off-line? Em que momento do dia seu público vai acessar? Precisa de atendimento 24hs?
95. Pesquisa de usuários Coisas ruins que ouvimos sobre pesquisas e métricas Não precisamos de pesquisas, confiamos nas suas skills! Não faça pesquisas, use boas práticas! Já sabemos tudo sobre nossos usuários! Nós já temos personas, não precisamos de mais pesquisas! Nós não temos dinheiro para isso!
96. UX Mapeamento do cliente Pesquisa de usuários Arquitetura de informação Template design Visual design Teste A/B feedback Lançamento/On-line
97. Arquitetura de informação Exemplos de perguntas sobre a AI O que pode ser removido ou agrupado? Quais partes do produto funciona muito bem? Precisamos criar novos conteúdos? Precisamos usar mais ícones? Como está a parte de acessibilidade? Como o site/app funciona em outros devices? É responsivo? Qual a importância do Mobile?
98. Arquitetura de informação Ferramentas e ações Mapear todo o conteúdo existente Faça uma análise e categorize todo o conteúdo de acordo com suas pesquisas Crie uma nova proposta de arquitetura usando Balsamiq, Photoshop, Xmind, Axure, Sketch, etc Teste essa nova proposta usando flowcharts* e card sorting* Valide, obtenha feedback e faça ajustes Mapeie microinterações Avance para o rabiscoframe* do novo site
99. UX Mapeamento do cliente Pesquisa de usuários* Arquitetura de informação* Template design* Visual design Teste A/B feedback* Lançamento/On-line Arquitetura de informação CRAP - Contraste, Repetição, Alinhamento, Proximidade Agrupando coisas e funções que fazem sentido!
100. UX Mapeamento do cliente Pesquisa de usuários* Arquitetura de informação* Template design* Visual design Teste A/B feedback* Lançamento/On-line Arquitetura de informação Flowcharts
101. UX Mapeamento do cliente Pesquisa de usuários* Arquitetura de informação* Template design* Visual design Teste A/B feedback* Lançamento/On-line Arquitetura de informação Flowcharts
102. UX Mapeamento do cliente Pesquisa de usuários* Arquitetura de informação* Template design* Visual design Teste A/B feedback* Lançamento/On-line Arquitetura de informação Flowcharts www.uxflowcharts.com
103. UX Mapeamento do cliente Pesquisa de usuários* Arquitetura de informação* Template design* Visual design Teste A/B feedback* Lançamento/On-line Arquitetura de informação Flowcharts http://uxkits.com/products/website-deck-of-cards
104. UX Mapeamento do cliente Pesquisa de usuários* Arquitetura de informação* Template design* Visual design Teste A/B feedback* Lançamento/On-line Arquitetura de informação Flowcharts www.uiuxassets.com
105. UX Mapeamento do cliente Pesquisa de usuários* Arquitetura de informação* Template design* Visual design Teste A/B feedback* Lançamento/On-line Arquitetura de informação Flowcharts www.ui8.net
106. UX Mapeamento do cliente Pesquisa de usuários* Arquitetura de informação* Template design* Visual design Teste A/B feedback* Lançamento/On-line Arquitetura de informação Flowcharts https://www.xmind.com/
107. UX Mapeamento do cliente Pesquisa de usuários* Arquitetura de informação* Template design* Visual design Teste A/B feedback* Lançamento/On-line Arquitetura de informação Flowcharts https://www.lucidchart.com/
108. UX Mapeamento do cliente Pesquisa de usuários* Arquitetura de informação* Template design* Visual design Teste A/B feedback* Lançamento/On-line Arquitetura de informação Card sorting
109. UX Mapeamento do cliente Pesquisa de usuários* Arquitetura de informação* Template design* Visual design Teste A/B feedback* Lançamento/On-line Arquitetura de informação Card sorting foto projeto real card sorting e arquitetura
110. UX Mapeamento do cliente Pesquisa de usuários* Arquitetura de informação* Template design* Visual design Teste A/B feedback* Lançamento/On-line Arquitetura de informação Card sorting
111. UX Mapeamento do cliente Pesquisa de usuários* Arquitetura de informação* Template design* Visual design Teste A/B feedback* Lançamento/On-line Arquitetura de informação Card sorting
112. UX Mapeamento do cliente Pesquisa de usuários* Arquitetura de informação* Template design* Visual design Teste A/B feedback* Lançamento/On-line Arquitetura de informação Card sorting https://www.optimalworkshop.com/optimalsort
113. UX Mapeamento do cliente Pesquisa de usuários* Arquitetura de informação* Template design* Visual design Teste A/B feedback* Lançamento/On-line Arquitetura de informação Rabiscoframe - fidelidade baixa
114. UX Mapeamento do cliente Pesquisa de usuários* Arquitetura de informação* Template design* Visual design Teste A/B feedback* Lançamento/On-line Arquitetura de informação Rabiscoframe - fidelidade baixa
115. UX Mapeamento do cliente Pesquisa de usuários* Arquitetura de informação* Template design* Visual design Teste A/B feedback* Lançamento/On-line Arquitetura de informação Rabiscoframe - fidelidade baixa https://uxplanet.org/everything-you-need-to-know-about-ux-sketching-4ab8e66902e
116. Arquitetura de informação Algumas questões que resolvemos agrupando AI Definir fluxos e abordagem rapidamente. Decidir o que vem depois. Possibilidade de desenhar alternativas infinitas de baixo custo. Pensar em fluxos alternativos. Acrescentar anotações, detalhes e observações. Feedback rápido do time. Da para validar inúmeras plataformas. Podemos prever transições. É barato e pode ser validado em papel ou digitalmente.
117. UX Mapeamento do cliente Pesquisa de usuários Arquitetura de informação Template design Visual design Teste A/B feedback Lançamento/On-line
118. DEV DESIGNER FRONT UX UI
119. Template design Ferramentas e ações Ajude o pessoal de conteúdo a definir o que deve conter em cada página: Microcopy, Call to action. Desenhe a estrutura do conteúdo, como ele vai ficar distribuído e crie padrões de interação. Crie um wireframe navegável, protótipos* e valide navegação e fluxo: Balsamiq, Axure, Sketch, HTML, Photoshop, Invision, Marvelapp, etc. Envolva todo o time para entenderem toda a navegação, interação e decisão proposta.
120. UX Mapeamento do cliente Pesquisa de usuários* Arquitetura de informação* Template design* Visual design Teste A/B feedback* Lançamento/On-line Template design Microcopy
121. UX Mapeamento do cliente Pesquisa de usuários* Arquitetura de informação* Template design* Visual design Teste A/B feedback* Lançamento/On-line Template design Microcopy
122. UX Mapeamento do cliente Pesquisa de usuários* Arquitetura de informação* Template design* Visual design Teste A/B feedback* Lançamento/On-line Template design Microcopy
123. UX Mapeamento do cliente Pesquisa de usuários* Arquitetura de informação* Template design* Visual design Teste A/B feedback* Lançamento/On-line Template design Microcopy
124. UX Mapeamento do cliente Pesquisa de usuários* Arquitetura de informação* Template design* Visual design Teste A/B feedback* Lançamento/On-line Template design Microcopy
125. UX Mapeamento do cliente Pesquisa de usuários* Arquitetura de informação* Template design* Visual design Teste A/B feedback* Lançamento/On-line Template design Microcopy
126. UX Mapeamento do cliente Pesquisa de usuários* Arquitetura de informação* Template design* Visual design Teste A/B feedback* Lançamento/On-line Template design Microcopy https://www.alura.com.br/curso-online-introducao-ao-microcopy
127. UX Mapeamento do cliente Pesquisa de usuários* Arquitetura de informação* Template design* Visual design Teste A/B feedback* Lançamento/On-line Template design Microcopy https://uxdesign.cc/the-magic-of-microcopy-a56c5decbe1f
128. UX Mapeamento do cliente Pesquisa de usuários* Arquitetura de informação* Template design* Visual design Teste A/B feedback* Lançamento/On-line Template design Microcopy https://uxplanet.org/microcopy-tiny-words-with-a-huge-ux-impact-90140acc6e42
129. - perguntas + mão na massa
130. UX Mapeamento do cliente Pesquisa de usuários* Arquitetura de informação* Template design* Visual design Teste A/B feedback* Lançamento/On-line Template design Wireframe - fidelidade baixa
131. UX Mapeamento do cliente Pesquisa de usuários* Arquitetura de informação* Template design* Visual design Teste A/B feedback* Lançamento/On-line Template design Wireframe - fidelidade média
132. UX Mapeamento do cliente Pesquisa de usuários* Arquitetura de informação* Template design* Visual design Teste A/B feedback* Lançamento/On-line Template design Wireframe - fidelidade alta
133. UX Mapeamento do cliente Pesquisa de usuários* Arquitetura de informação* Template design* Visual design Teste A/B feedback* Lançamento/On-line Wireframe e protitipação on-linel https://origami.design/
134. UX Mapeamento do cliente Pesquisa de usuários* Arquitetura de informação* Template design* Visual design Teste A/B feedback* Lançamento/On-line Wireframe e protitipação on-linel https://www.mockflow.com/
135. UX Mapeamento do cliente Pesquisa de usuários* Arquitetura de informação* Template design* Visual design Teste A/B feedback* Lançamento/On-line Wireframe e protitipação on-linel https://marvelapp.com/
136. UX Mapeamento do cliente Pesquisa de usuários* Arquitetura de informação* Template design* Visual design Teste A/B feedback* Lançamento/On-line Wireframe e protitipação on-linel https://www.invisionapp.com/
137. UX Mapeamento do cliente Pesquisa de usuários* Arquitetura de informação* Template design* Visual design Teste A/B feedback* Lançamento/On-line Wireframe e protitipação on-linel https://www.fluidui.com/
138. UX Mapeamento do cliente Pesquisa de usuários* Arquitetura de informação* Template design* Visual design Teste A/B feedback* Lançamento/On-line Wireframe e protitipação on-linel http://concept.ly/
139. UX Mapeamento do cliente Pesquisa de usuários* Arquitetura de informação* Template design* Visual design Teste A/B feedback* Lançamento/On-line Wireframe e protitipação on-linel https://balsamiq.com/
140. UX Mapeamento do cliente Pesquisa de usuários* Arquitetura de informação* Template design* Visual design Teste A/B feedback* Lançamento/On-line Wireframe e protitipação on-linel https://sketchapp.com/
141. UX Mapeamento do cliente Pesquisa de usuários* Arquitetura de informação* Template design* Visual design Teste A/B feedback* Lançamento/On-line Wireframe e protitipação on-linel https://sketchapp.com/
142. UX Mapeamento do cliente Pesquisa de usuários* Arquitetura de informação* Template design* Visual design Teste A/B feedback* Lançamento/On-line
145. UI Visual design Colabore com o time de criação, ajude criar um layout bonito e funcional que favoreça o usuário. Faça teste A/B com versões para validar escolhas. Colha feedback.
146. UX Mapeamento do cliente Pesquisa de usuários Arquitetura de informação Template design Visual design Teste A/B feedback Lançamento/On-line
147. UX Mapeamento do cliente Pesquisa de usuários* Arquitetura de informação* Template design* Visual design Teste A/B feedback* Lançamento/On-line Teste A/B O que é
148. UX Mapeamento do cliente Pesquisa de usuários* Arquitetura de informação* Template design* Visual design Teste A/B feedback* Lançamento/On-line Teste A/B O que é
149. UX Mapeamento do cliente Pesquisa de usuários* Arquitetura de informação* Template design* Visual design Teste A/B feedback* Lançamento/On-line Teste A/B Referências http://mashable.com/2015/01/30/ab-testing-tools/#tCWCwPfYnaq1
150. UX Mapeamento do cliente Pesquisa de usuários* Arquitetura de informação* Template design* Visual design Teste A/B feedback* Lançamento/On-line Teste A/B Referências https://hipsters.tech/testes-ab-hipsters-59/
151. UX Mapeamento do cliente Pesquisa de usuários Arquitetura de informação Template design Visual design Teste A/B feedback Lançamento/On-line
153. Site analytics e testes Perguntas que devemos fazer Alguma coisa precisa ser ajustada? Alguma coisa precisa ser adicionada? Alguma coisa precisa ser retirada?
154. Site analytics e testes Como seguir o ciclo Trabalhar em conjunto com a equipe de métricas e analytics para tentar entender que áreas precisam ser mais destacadas e se o produto responde ao que imaginaram. Continue fazendo testes de usabilidade: Pesquisas, feedbacks, teste o engajamento. Monitore o comportamento do usuário dentro do site/app e colha dados.
158. UX Mapeamento do cliente Pesquisa de usuários* Arquitetura de informação* Template design* Visual design Teste A/B feedback* Lançamento/On-line Sobre ser UXD A grande verdade https://uxdesign.cc/you-dont-need-to-know-everything-about-ux-9b7abd686ef0
159. https://www.medium.com
160. https://www.alistapart.com
161. https://www.arquiteturadeinformacao.com
162. https://www.smashingmagazine.com/category/uxdesign/
163. https://www.alura.com.br/cursos-online-design-ux
164. https://www.caelum.com.br/curso-ux-usabilidade-mobile-web/
165. http://escoladesignthinking.echos.cc/
166. https://amzn.com/w/1NNVXZAS8FYHL
167. UX Mapeamento do cliente Pesquisa de usuários* Arquitetura de informação* Template design* Visual design Teste A/B feedback* Lançamento/On-line Mais sobre UXD links úteis para estudos https://docs.google.com/document/d/1NJa1Thj0kWlSVLvBZjlkIX7-6nHp0dzGesfK8s4nILc/edit?usp=sharing
169. UX Mapeamento do cliente Pesquisa de usuários* Arquitetura de informação* Template design* Visual design Teste A/B feedback* Lançamento/On-line Inclusão e diversidade Codamos https://www.codamos.club
170. UX Mapeamento do cliente Pesquisa de usuários* Arquitetura de informação* Template design* Visual design Teste A/B feedback* Lançamento/On-line Inclusão e diversidade Manifesto Diversidade http://diversidade.tech/
172. Obrigada https://mjcoffeeholick.github.io/ @mjcoffeeholick