1. O documento discute estratégias para atender às expectativas dos usuários em relação à estrutura e conteúdo de portais corporativos. 2. É apresentada a importância da experiência do usuário ao longo do processo de desenvolvimento de portais, desde a fase de diagnóstico até os testes. 3. A aplicação de princípios de experiência do usuário em todas as etapas pode ajudar a garantir que o portal entregue atenda às necessidades e expectativas dos usuários.

1. Estratégias para atender às
expectativas dos usuários em
relação à estrutura e conteúdo
Paulo Roberto Floriano
14ª Conferência de Portais Corporativos

2. Sobre a Neue
Uma empresa focada em
projetos de diagnóstico,
estratégia e planejamento para
produtos e serviços digitais.
http://neue.st

3. Nossa visão
Aliar nossa visão de negócios e foco
em resultados a disciplinas como
design, usabilidade, arquitetura de
informação e marketing, para entregar
produtos inovadores e aderentes às
necessidades organizacionais e de
seus usuários.
Nosso grande objetivo é trazer o design de
experiência para um nível de discussão
estratégico, e não apenas como parte opcional em
produtos e projetos.

4. Esta apresentação está dividida em duas partes
1. O que é experiência do usuário e por
que é importante
2. Como aplicá-la ao longo das etapas
de projetos e iniciativas de portais
corporativos

5. Situando as intranets
no mundo corporativo
(uma percepção)

6. Vocês
possuem
um
guia
de
identidade
visual
da
intranet?

7. Vocês
possuem
um
guia
de
identidade
visual
da
Não,
mas
vocês
podem
intranet?
usar
o
que
9izemos
para
o
site.

8. Podemos
conversar
com
alguém
de
infraestrutura?

9. Podemos
conversar
Desculpe,
mas
a
equipe
com
alguém
de
está
toda
alocada
em
infraestrutura?
um
projeto
mais
importante.

10. Quem
produzirá
o
conteúdo
institucional
da
intranet?

11. Quem
produzirá
o
conteúdo
institucional
É
só
pegar
o
texto
de
da
intranet?
“Quem
somos”,
que
está
no
site!

12. Se os veículos web fossem músicos

13. Se os veículos web fossem músicos
Super popular, ouvimos
falar dela a toda hora
Recebe toda a atenção da
mídia e do público geral
Ninguém sabe se é bom
ou se vai durar por muito
tempo
Lady Gaga
Mídias sociais

14. Se os veículos web fossem músicos
Já fez sucesso, mas hoje
não se fala tanto
De vez em quando volta e
vende bem
Parece que está por um
fio; mas não sabemos até
quando vai durar
Lady Gaga Rolling Stones
Mídias sociais Hotsite

15. Se os veículos web fossem músicos
Antes só se ouvia falar
dele, mas hoje muita
gente nem sabe quem é
Mesmo assim, ninguém
Lady Gagaousa questionarStones
Rolling sua Beatles
Mídias sociais Hotsite
importância para o Site institucional
cenário atual

16. Se os veículos web fossem músicos
Sempre perseguindo o
sucesso, mas poucas
vezes emplaca
Não ganha muita
atenção de ninguém
Muda de roupa e corte de
cabelo, mas no fundo
Lady Gaga Rolling Stonescontinua a mesma coisa
Beatles Latino
Mídias sociais Hotsite Site institucional Intranet

17. Para os usuários, o
contexto parece ser
bem parecido

18. Fora da empresa...

19. No trabalho.

20. No trabalho.
40% dos universitários nos EUA aceitariam
empregos com menor salário se pudessem
ter controle sobre suas plataformas de
trabalho (computador, smartphone).
Cisco, 2011

21. Por que as intranets não são “populares”?
 Foco em obrigações (políticas, normas,
manuais) e questões transacionais
(formulários, sistemas)
 Sistemas e conteúdos legados
 Mais (!) sistemas e conteúdos legados
 Falta de flexibilidade de plataformas de portal
– ou falta de recursos ou expertise para
customizá-las
 Não são prioridade dentro da agenda
organizacional

22. Mas também...
Porque não há um
cuidado adequado em
relação à experiência
de uso quando se trata
do público interno

23. “Nossa intranet é tão ruim que a minha
equipe criou sua própria versão, hospedada
fora do firewall. E ela é ótima.”
Fonte: Intranet Secrets

24. Apesar disso, há
luz no fim do
túnel

25. “Eu realmente tenho acesso à intranet pelo
meu celular. Acho que estou apaixonada.”
Fonte: Intranet Secrets

26. Como fazer os
usuários ♥ a
intranet?

27. Simples de usar
Agradável de usar
Com conteúdo relevante e
atualizado
Ferramenta de trabalho

28. }
de usar
el de usar
Experiência
teúdo relevante e do usuário
o
nta de trabalho

29. O que é experiência do usuário [UX]
É a soma das interações
– positivas ou negativas –
percebidas por um
usuário ou consumidor
de um produto, serviço
ou marca.

30. Explicando um pouco
melhor (o que é e o
que não é UX)

31. Experiência do usuário
não é apenas
interface

32. Interface
UX

33. “As
pessoas
olham
para
a
experiência
do
usuário
como
uma
etapa
especí9ica
de
um
projeto,
que
irá
resolver
todos
os
problemas
do
produto.”
m
Portal
Corpora0vo?
O
que
é
u
Dan
Brown

34. Fonte: Elements of user experience – Jesse James Garrett

35. Experiência do usuário
não é apenas
usabilidade

36. Fonte: User experience honeycomb – Peter Morville

37. Experiência do usuário
não quer dizer
foco total no usuário

38. tecnologia usuários
objetivos
organizacionais
Experiência do
usuário

39. Experiência do usuário
não custa
caro

40. Experiência do usuário
não custa
caro,
mas custa tempo

41. Experiência do usuário
não custa
caro,
mas custa tempo ?

42. tempo de
elaboração de
documentações
complexas

43. tempo de
elaboração de
documentações
complexas
tempo de
desenvolvimento

44. tempo de
elaboração de
documentações
complexas
tempo de
desenvolvimento
refações

45. tempo de
elaboração de
documentações
complexas
tempo de
desenvolvimento
refações
tempo de teste

46. tempo de
elaboração de
documentações
complexas
tempo de
desenvolvimento
refações
tempo de teste
treinamento

47. tempo de
elaboração de
documentações
complexas
tempo de
desenvolvimento
refações
tempo de teste
treinamento
suporte

48. Experiência do usuário
está
nos pequenos detalhes

49. Fonte: www.littlebigdetails.com

50. Experiência do usuário
vai além
do digital

51. Virgin Airlines Bank of America
Fonte: http://www.uxmatters.com/mt/archives/2011/10/the-rise-of-cross-channel-ux-design.php

52. Experiência do usuário
é mais do que
uma área ou disciplina

53. processo
&
cultura

54. Processo de desenvolvimento (típico) de portais corporativos
Diagnóstico e
Estratégia Planejamento Implementação
entendimento
Testes

55. Processo de desenvolvimento (típico) de portais corporativos
Diagnóstico e
Estratégia Planejamento Implementação
entendimento
Testes

56. Processo de desenvolvimento (típico) de portais corporativos
Diagnóstico e
Estratégia Planejamento Implementação
entendimento
UX
Testes

57. Entrevistas

58. Entrevistas ou conversas informais "
Grupos focais
são ferramentas poderosas

59. Questionários
Entrevistas ou conversas informais "
Grupos focais atingem um número
são ferramentas poderosas
maior de pessoas mais rapidamente

60. Entrevistas com stakeholders

61. Testes de usabilidade

62. Para ser bem sucedido, o
diagnóstico
precisa levantar
ideias e histórias

63. Para ser bem sucedido, o
diagnóstico
precisa levantar
ideias e histórias
depois tudo será priorizado – não é
hora de julgar

64. Para ser bem sucedido, o
diagnóstico
precisa levantar
ideias e histórias
histórias são um bom jeito de mostrar o valor do
projeto (e conseguir $)

65. Converse com as pessoas sobre o
trabalho delas e não sobre o portal

66. Saiba separar necessidade de
expectativa ou frustração

67. Processo de desenvolvimento (típico) de portais corporativos
Diagnóstico e
Estratégia Planejamento Implementação
entendimento
UX UX
Testes

68. Tabulando os resultados do diagnóstico
Fonte: http://www.slideshare.net/lrosenfeld/adaptable-ia-presentation

69. Objetivo Proposta de
Necessidade Feature
estratégico valor
Todos os Reduzir o uso
Serviços online
serviços online de papel
Diminuir
Informações Brochura de
número de
sobre produtos produtos online
erros
Redução de
custos
operacionais
Localização Diminuir
Páginas
fácil de pessoas tempo de início
amarelas
e especialistas de projetos
Diminuir
Agilidade na Instant
ligações
comunicação Messaging
telefônicas

70. Lembram disso?
tecnologia usuários
objetivos
organizacionais

71. Maturidade Facilidade de Relevância
organizacional implementação estratégica
Serviços online
Brochura de produtos online
Páginas amarelas
Instant Messaging

72. Para priorizar precisamos da
ajuda dos
stakeholders

74. Dinâmica de priorização
 Representantes de áreas e necessidades "
(a presença de TI e tomadores de decisão é
fundamental)
 Processo de discussão, não apenas votação
 Cria-se uma visão compartilhada do projeto
 Decisões tomadas em conjunto (e o
entendimento compartilhado) evita
regressos ou discussões desnecessárias em
fases posteriores

75. Roadmap (exemplo)
Fonte: Enterprise IA Roadmap – Louis Rosenfeld

76. Processo de desenvolvimento (típico) de portais corporativos
Diagnóstico e
Estratégia Planejamento Implementação
entendimento
UX UX UX
Testes

77. Tenha em mente o tempo todo
para quem
você está planejando

78. Fonte: http://boagworld.com/usability/an-experience-with-site-personas/

79. Defina a sequência das
atividades
de planejamento

80. Conteúdo Estrutura Navegação Busca

81. Conteúdo Estrutura Navegação Busca
O conteúdo não pode ficar por último!

82. A forma segue a função

83. 3 síndromes mortais para o conteúdo nas intranets
 Síndrome do ‘bannerzinho’ na home
 Síndrome do template coringa
 Síndrome do iframe

84. “Não
produzimos
informações
em
excesso.
Apenas
fracassamos
em
9iltrá-­‐las.”
O
que
é
um
Portal
Corpora0vo?
Clay
Shirky

85. “Deletei 70 mil páginas da nossa intranet.
Ninguém percebeu.”
Fonte: Intranet Secrets

86.  É redundante?
 Está na linguagem ou padrão
corretos? É claro e objetivo?
 Está atualizado?
 Está de acordo com a estratégia?
 Possui valor histórico?
 Dá pra deletar?

87. Para o conteúdo que fica,
precisamos pensar na
melhor forma
de apresentá-lo ao usuário

89. Organizar todos estes conteúdos é
difícil e subjetivo

90. Atender a todos ou conseguir consenso é "
praticamente impossível

91. 20
% dos problemas
que você resolver
atenderá
80
% das necessidades
dos usuários

92. Escolha uma
lógica de navegação
que seja mais adequada à
maioria dos usuários prioritários

93. Temas

94. Temas

95. Tipos de conteúdos

96. Ambientes/localidades

97. Pequenos elementos de navegação
podem fazer uma
grande diferença
na experiência geral do usuário
com o portal

98. Atalhos

99. Mega menu

100. Conteúdo relacionado

101. Índice de A a Z de páginas

102. Atividades recentes

103. Processo de desenvolvimento (típico) de portais corporativos
Diagnóstico e
Estratégia Planejamento Implementação
entendimento
UX UX UX UX
Testes

104. Como garantir que o portal entregue
seguirá premissas
de experiência do usuário
definidas no planejamento?

105. Você não precisa esperar que
o desenvolvedor
seja um especialista em
usabilidade ou UX...

106. Mas ele precisa pelo menos
entender
sua importância para o resultado
do projeto.

107. Sensibilizando desenvolvedores
 Envolvimento nas etapas iniciais do projeto
 Compartilhando a documentação produzida
(principalmente as personas)
 Compartilhando decisões
 Realizando reuniões periódicas de
acompanhamento
 Incluindo a usabilidade como tema de
homologação

108. Guidelines de identidade visual

109. Banco de padrões de desenvolvimento

110. Processo de desenvolvimento (típico) de portais corporativos
Diagnóstico e
Estratégia Planejamento Implementação
entendimento
UX UX UX UX
Testes
UX

111. Testar com 1 usuário é
100% melhor
do que não testar com nenhum.

112. 5 usuários = 85% dos problemas de usabilidade
Fonte: http://www.useit.com/alertbox/20000319.html

113. Mas os testes de usabilidade não
são muito caros?

114. Sim, eles podem ser.

115. Mas também podem custar muito
pouco.

116. Faça testes antecipados, com as "
ideias ainda no papel

117. Teste também com wireframes ou
protótipos não funcionais

118. Outras modalidades de teste
 Teste remoto
 Teste A/B
 Auto teste
 Diário de uso continuado

119. Obrigado!
paulo@neuestudio.com.br
twitter @prfloriano
http://neue.st
© Todos os slides desta apresentação possuem direitos reservados

120. Créditos das imagens e screenshots
 Slide 18: bit.ly/HPjWt3  Slide 94: bit.ly/J13gix
 Slide 19: bit.ly/HEa37O  Slide 95: bit.ly/IJGEDM
 Slide 32: bit.ly/Icf1Ch  Slide 96: bit.ly/IJHmB8
 Slide 57: wapo.st/IjGgNm  Slide 98: bit.ly/IGkas9
 Slide 58: bit.ly/HMrktt  Slide 99: bit.ly/IA7sY4
 Slide 61: bit.ly/HPl3Ju  Slide 100: bit.ly/IA7MWH
 Slide 65: bit.ly/HB11Yz  Slide 101: bit.ly/J13gix
 Slide 88: bit.ly/J13gix;  Slide 102: bit.ly/IGkas9
bit.ly/IGkas9
 Slide 114: bit.ly/IA9hXp
 Slide 89: bit.ly/HEv54s
 Slide 115: bit.ly/IJJecR
 Slide 90: bit.ly/HBBz4N
 Slide 93: bit.ly/IGkas9