O documento apresenta Laura Lessa, diretora de User Experience da Huge no Brasil. Descreve seu background profissional de mais de 15 anos trabalhando com projetos digitais no Brasil, EUA, Reino Unido e Índia. Também fornece detalhes sobre a abordagem de projetos da Huge, focada em pesquisa com usuários e design centrado no usuário.

1. Agosto, 2015.
Rua Jardim Botanico, 518, 2º andar, Rio de Janeiro
+55 21 3550 3540 / hugeinc.com

2. UX em projetos
digitais.
Senac-RJ.
Agosto 2015

3. Diretora de User Experience
É a responsável por pesquisa e pela estratégia de
User Experience no escritório brasileiro da Huge.
Laura, que é graduada pela UFRJ e pela
Middlesex University, já trabalhou nos Estados
Unidos, Reino Unido e na Índia e tem mais de
Laura tem 15 anos de atuação em projetos
digitais, no Brasil, Estados Unidos, Reino Unido
e Índia. Começou sua carreira na Globo.com,
onde ajudou a formar o time de User Experience
da empresa e já participou de projetos para
clientes como Oi, Veja São Paulo, Caixa
Econômica Federal, Comcast, e Financial
Times.
Laura Lessa.

4. Sobre a Huge.

5. Sobre a Huge:
A Huge é uma agência global
que cria experiências digitais
com foco no usuário e nos
objetivos de negócios.

6. Nascidos no
Brooklyn.

7. Fundado como
um studio de
Design centrado
no usuário.

8. 7 employees.
BKLN.
2004.

9. 217 employees worldwide.
2011.
BKLN
175 people.
LND
20 people.
LA
15 people.
RIO
7 people.

10. 1,000+ employees worldwide. Independent agency within IPG.
ATL. BKLN. DC. LDN. LA. PDX. RIO. SF.
2015.
SGP. TO.COL.

11. Pool global de talentos
compartilhado pelos nossos
escritórios na América do Norte,
América Latina, Europa e Ásia.
ATL. BKLN. DC. LDN. LA. PDX. RIO. SF. SGP. TO.COL.

12. Fazemos produtos que as
pessoas amam.

14. Huge Brasil.
2011 2012 2013 2014 2015

15. Ad Age A-List:
4 times in the last 5 years.
Digiday and Mashable:
Most innovative agency.
MediaPost:
2015 Agency of the Year.

16. Approach.
SobreaHuge

17. Descoberta
Entrevista com
Stakeholders
Entrevistas com usuários
Análise competitiva
Análise de utilização de
website
Análise tecnológica
Desk research
Planejamento
Priorização de objetivos
Visão de projeto & roteiro
Content brief
Estudos de viabilidade
Visão estratégica
Criação & Design
Estratégia de conteúdo
Arquitetura da
informação e fluxos
Navegação
Design concepts
Desenvolvimento de
wireframes
Protótipos e testes com
usuário
Design Gráfico
Desenvolvimento
Style guide
Annotations
Codificação html
Configuração de
analytics
Garantia de Qualidade
Gerenciamento do
Lançamento
Métricas e Evolução
Análise de rastreamento
Otimização de mídia
Medição de sucesso
Pesquisas & planos
Futuras melhorias
Nosso processo.

18. Tecnologia.Necessidade
dos usuários.
+ + =
Experiências que mudam a
vida das pessoas e
impulsionam negócios.
Nosso approach.
Valores da
marca.

19. Como trabalhamos.
Equipe interdisciplinar.
Cliente como parceiro.
Design voltado para o negócio.

20. Colaboração constante com os clientes para construir produtos melhores.
Colaboração transparente.

22. E temos experiência com isso.

26. Atualmente.

27. UX.

28. Por que devemos nos
preocupar com User Experience?

29. Porque estamos expostos a uma
complexidade cada vez maior.

30. Família assistindo TV nos Anos 50.

31. Família assistindo TV em 2015.

32. Recebemos cinco vezes mais informação do que há 30 anos.

33. Uma pessoa comum gera um volume de informações equivalente seis jornais por dia.

34. Como faz?
E como projetamos uma
experiência digital que acomode a
crescente complexidade?

35. Dois pilares.
Pesquisa. Design.

36. Pesquisa.

37. “Tendemos a projetar nossa
racionalidade e nossas crenças
na racionalidade e nas crenças
dos outros”.
Don Norman, The Design of Everyday Things

38. Há várias razões para fazermos
pesquisa com usuários.

39. Para compreender as necessidades
dos usuários.
Razão #1:

40. Para descobrir gaps de
necessidades não atendidas que
podem gerar oportunidades.
Razão #2:

41. Para entender a gravidade dos
problemas encontrados e priorizar
a solução deles.
Razão #3:

42. E o resultado da pesquisa
possibilita que o time tenha
uma visão alinhada para
projetar o produto ou serviço.
Razão #4:

43. Resumindo:
Para criar empatia entre quem cria
e quem usa o produto ou serviço.

44. Empatia:
s.f.Identificaçãodeumsujeitocomooutro; quando
alguém,atravésdesuasprópriassensaçõese
especulações,secolocanolugardeoutrapessoa,
tentandoentendê-la.

45. Empatia é quase amor.

52. Pesquisas com
usuários nos
informam e nos
inspiram.

53. Métodos.
Pesquisa:

54. Usuários realizam tarefas em um site ou protótipo e o time observa suas dificuldades.
Teste de Usabilidade

55. Usuários agrupam conteúdo de acordo com seu modelo mental e dão nomes às categorias
criadas.
Card Sorting aberto

56. Composição de métodos para entender o contexto dos usuários, suas necessidades e a relação
com o produto que estamos estudando.
Listening Labs.

58. Queríamos entender como as
pessoas usam o site da Caixa.

59. Queríamos entender como as
pessoas usam o site da Caixa.

60. Queríamos aprender:
Como as pessoas tomam decisões financeiras?
O que é mais importante na hora de contratar um produto?
Qual a percepção das pessoas em relação a investimento?
De que forma as pessoas costumam tirar dúvidas?
Que dificuldades as pessoas enfrentam no dia a dia?

61. Design.

62. Time multidisciplinar
• Strategy
• User Experience
• Product Design
• Prototype

63. Design na Huge.
Do your job.

64. Design na Huge.
Do your job.
Do it great.

65. Design na Huge:
Do it great.

66. Mas o que é algo foda?

67. A gente não tem a
mínima ideia.

68. Mas sabemos que um trabalho
foda tem que possuir pelo menos
3 coisas:

69. Conceito
Uma motivacão inteligente e
que faça sentido.
Técnica
Maestria na técnica e na
direção de arte.
Originalidade
Ousadia para procurar
soluções que ainda não
foram tentadas.
Um trabalho foda:

70. Conceito
Técnica
Originalidade
Bom Bom
Bom
Foda.

71. Quando?
Descoberta e
planejamento
Design
concepts
Design
detalhado

72. Design concept:
Materialização da visão
estratégica do projeto.

73. Simplicidade:
Suar a camisa.

76. Sketches.
Design:

77. Wireframes.
Design:

78. Rápidos para mostrar fluxos,
melhores ainda para testar novas
formas de interação.
Wireframes:

79. Protótipos:
Construir, testar, melhorar.

80. Visual Design.
Design:

81. Referências.
Visualdesign:

82. Olhe para a concorrência...

84. ...mas não se limite a ela.

88. Assets do
cliente.
Visualdesign:

90. Fonte: Visão Discovery TVE (2014)

93. Moodboards.
VisualDesign:

97. Versões.
VisualDesign:

98. Versões:
Quanto maior a exploração, mais
certeza teremos dos caminhos
seguidos.

99. Make something
you love.

100. Então, como isso se parece?

101. Redesenho da área aberta do portal da Caixa Econômica Federal.
Caixa.

102. Experiência mobile do Estadão.

103. Riogaleão.
Criação do novo site do Aeroporto Galeão.

104. Discovery Networks.
Site dos canais para América Latina e app de TV Everywhere.

105. Nielsen Norman Group:
10 best intranets 2013.

106. do bem máquina.
Criação do app para a primeira smartband brasileira.

107. Perguntas?

108. Agosto, 2015.
Rua Jardim Botanico, 518, 2º andar, Rio de Janeiro
+55 21 3550 3540 / hugeinc.com