Desenvolvimento centrado no usuário

DESENVOLVIMENTO CENTRADO NO
USUÁRIO

VII Semana de Inovação Tecnológica
08/11/2013
São José dos Campos - SP
1
domingo, 17 de novembro de 13

SOBRE
•

Hoje --> User Experience no Walmart.com

•

Antes:
•

Curriculum.com.br -- SP

•

Try Consultoria e Pesquisas -- SP

•

Grupo Focusnetworks -- São José dos Campos

•

ABG Comunicação -- São José dos Campos

•

Asist / JnJ -- São José dos Campos

•

TIVIT / NET -- São José dos Campos

2

INTRODUÇÃO

NetCraft (2011)

Março de 2011: 111.200.000 de sites ativos
Dezembro do mesmo ano: 166.800.000 de sites ativos
3

INTRODUÇÃO
Motivos que podemos especular para esse aumento
exponencial de sites

?
4

INTRODUÇÃO
•

Lei de Moore?
“número de transistores dos chips teria um aumento
de 60%, pelo mesmo custo, a cada período de 18
meses”

5

6

7

INTRODUÇÃO

Gráﬁco comparando a popularidade das ferramentas WordPress, Joomla, Drupal, Plone e Alfresco. (Fonte: GOOGLE TRENDS, 2012)

Criação e disponibilização de software livre para sistemas
de gestão de conteúdo (CMS – Content Management
System)?

8

POSSÍVEIS
PROBLEMAS
Os CMSs facilitam o trabalho de disseminação de
conteúdo e informação, mas também podem ser um
grande facilitador para a proliferação do caos
informacional.

http://capital-ﬂow-watch.net/wp-content/uploads/2009/05/information_hydrant.jpg

9

É IMPORTANTE
AVALIAR COMO ESTÃO ORGANIZADAS E
COMO SÃO DISPONIBILIZADAS AS
INFORMAÇÕES NOS SISTEMAS DE
INFORMAÇÃO.

10

O QUE QUEREMOS
Demonstrar que o emprego de disciplinas como
a Arquitetura da Informação, a Usabilidade e a
Literacia da Informação são fundamentais para
o projeto e desenvolvimento de sites e sistemas
de informação que atendam as necessidades
dos usuários.
11

Alguns sites oferecem estruturas lógicas que
nos ajudam a encontrar respostas e
completar tarefas.
Outros não têm sequer organização inteligível e
frustram as tentativas de navegação
(Morville e Rosenfeld, 2006).

12

Arquitetura da Informação

Arquitetura + Biblioteconomia
de modo muito simplificado

http://iainstitute.org/pt/translations/o_que_e_arquitetura_de_informacao.php

13

Usabilidade
Usabilidade é sinônimo de facilidade de uso. Se um
produto é fácil de usar, o usuário tem maior
produtividade: aprende mais rápido a usar,
memoriza as operações e comete menos erros.

Desenvolver de modo que facilite os
usuários a cumprirem tarefas sem dor,
sofrimento, agonia, tristeza ...
http://acessodigital.net/art_fred_o_que_e_usabilidade.html

14

Literacia da informação

A literacia de informação é um conjunto de competências de aprendizagem e
pensamento crítico necessárias para aceder, avaliar, e usar a informação de forma
eficiente.
http://www.b-on.pt/index.php?option=com_content&view=article&id=199&Itemid=19&lang=pt

15

USABILIDADE APLICA AOS
TEXTOS?

http://youtu.be/Tlt47diDnHU
16

https://portuguesclaro.pt/exemplos/

http://prezi.com/f5cq-gmjn7nh/3-linguagem-clara/

17

O cliente terá que manifestar expressamente a sua
oposição ou não oposição quanto à transmissão dos seus
dados pessoais a terceiros. Em caso de não
preenchimento, os dados não serão comunicados para os
ﬁns indicados.



17


Só cedemos os seus dados a outras empresas com a sua


autorização

ﬁns indicados.



17




autorização

ﬁns indicados.
Os trabalhadores que tenham auferido da atividade
exercida por conta própria, no ano de 2004, rendimento
ilíquido inferior a 18 vezes o valor da retribuição mínima
mensal podem requerer que lhes seja considerado como
base de incidência contributiva [para os pagamentos à
Segurança Social] o valor do duodécimo daquele
rendimento.



17




autorização

ﬁns indicados.

Posso pagar menos?


Sim, se em 2004 o rendimento bruto do seu trabalho por


conta própria não tiver chegado aos 6580,80 euros.


Nesse caso, o valor a pagar à Segurança Social passa a


ser calculado a partir daquilo que ganhou em média por


mês durante esse ano.

rendimento.



17




autorização

ﬁns indicados.

Posso pagar menos?











rendimento.
Cada cartão terá um prazo de validade que ﬁgurará
impresso na frente do mesmo e não poderá ser utilizado
em data posterior à da referida validade.


17




autorização

ﬁns indicados.

Posso pagar menos?











rendimento.
Cada cartão terá um prazo de validade que ﬁgurará

O cartão tem escrito na frente um prazo de validade a

impresso na frente do mesmo e não poderá ser utilizado

partir do qual não pode ser utilizado.

em data posterior à da referida validade.


17

Rotulação da informação

Não use termos internos pra falar
com um público externo

18

Crie dicionários!
tv têvê televisão televisao televizao televizão
televizor televisor aparelho de tv aparelho de
tevê ...

19

Como evitar este tipo
de inconsistência?

20

The Three Circles of Information Architecture

http://semanticstudios.com/publications/semantics/000029.php

21

Quem serão os usuários?
Como utilizarão o que estou projetando/
desenvolvendo?
Qual o objetivo do que estamos
desenvolvendo?

22

The User Experience Honeycomb

http://semanticstudios.com/publications/semantics/000029.php

23


User Centered Design
http://www.kitd.com/what-we-do/services/design/

24


Para evitar este tipo de
inconsistência, alguns
questionamentos podem ser
feitos logo no início como:

25

Qual o objetivo
desse S.I.?

26

Com quem
quero me
comunicar com
este S.I?

27

Será que este modelo
é o modelo ideal para
o usuário encontrar/
entender a
informação?

28

Será que estou
disponibilizando
realmente a informação
que o usuário necessita?

29

Estamos
disponibilizando
informação
irrelevante?

30

Resposta para as perguntas
anteriores:

31

Resposta para as perguntas
anteriores:

EU NÃO SEI!
31

Faça pesquisa
Identifique seu público
Se não der, crie personas
Faça protótipos
Teste os protótipos (não saia escrevendo código não)

32

DESENVOLVA PARA SEUS
USUÁRIOS

33

QUEM PAGA O
PROJETO SÓ
PAGA O
PROJETO, E
MAIS NADA!

USE COM EXTREMA MODERAÇÃO O CONSELHO ACIMA!
34

SENÃO VOCÊ DESENVOLVERÁ UM PROJETO CENTRADO NO
DONO DO DINHEIRO, E NÃO NO USUÁRIO E O RESULTADO
SERÃO PROJETOS ASSIM

http://imgs.xkcd.com/comics/university_website.png

35

A má qualidade dos projetos
de sistemas de navegação em
uma grande empresa, pode
aumentar em milhões de
dólares o custo da
produtividade dos
funcionários.
Morville e Rosenfeld (2006, p.
11).

36

Teste com apenas 5 usuários e
evite 80% da possibilidade de
erros de interface e interação

37

Se os argumentos anteriores
não ajudaram a convencer,
ponha o dedo na ferida!

38

• Qual o custo gerado pelo fato de que cada funcionário
gasta todos os dias 5 minutos a mais para encontrar
determinada informação na intranet da empresa, por
conta de um conteúdo mal organizado?

39

• Quantas más decisões são tomadas todos os dias por
conta do fato de que a informação necessária não foi
encontrada?

40

• Quanto você gasta todos os dias oferecendo suporte por
telefone aos seus clientes, pois eles odeiam navegar pelas
páginas de suporte técnico do seu site?

41

Quando tudo vai bem, ninguém dá a
mínima, apenas quando a coisa vai mal!

42

Os benefícios trazidos pela Arquitetura da Informação ficam na
superfície e dificilmente um usuário vai olhar para um site ou um
sistema e exclamar algo como “oh, vejam só como este site é bem
organizado” ou algo como “que brilhante esquema de
classificação”. No entanto, ainda há aquelas questões como se você
não pode tocar, sentir, experimentar ou cheirar, então não existe. O
objetivo não é fazer com que o usuário reconheça nosso árduo
trabalho, mas sim, que ele possa completar tarefas e encontrar a
informação que deseja nos sites que projetamos (MORVILLE E
ROSENFELD, 2006, p. 12 e 13, tradução nossa, grifo nosso).
43

O processo de Arquitetura da Informação é como uma
viagem atribulada, com muitas reviravoltas e sérios
desafios a serem enfrentados e resolvidos, como por
exemplo, melhorar a questão da literacia da
informação contida nos sites. (MORVILLE 2005, tradução

44

Uma coisa é certa: Não se deve
“implementar UX depois”!

Hoje vamos só abrir, olhar
e costurar de novo, quando
der a gente volta e faz a
cirurgia

http://blog.soliant.com/careers-in-healthcare/11-steps-to-becoming-a-space-surgeon/

45

Esboço Protótipo
evocativo didático
sugerir descrever
explorar refinar
pergunta responder
propor teste
provocar resolver
experimental específico
imparcial representação
Sketching User Experiences: Getting the Design Right and the Right Design (Interactive Technologies) [Bill Buxton]

46

Não abuse do uso de frameworks!

“Mas o prático nem sempre é o certo,
muitas vezes ele é so prático”
Prof. Dr. Mário Sergio Cortella.

47

É preciso pensar em todo o
fluxo, pensar na jornada
completa da tarefa

48

https://www.itau.com.br/imprensa/releases/com-biometria-cliente-itau-pode-sacar-sem-uso-docartao.html

http://www1.valor.com.br/ﬁnancas/2869862/itau-anuncia-corte-de-tarifas-de-ate-325

49

“não me faça pensar”
50

“no primeiro momento quando um usuário acessa
uma página de um site, esta deva possuir a
capacidade de ser evidente o tanto quanto
possível, ou em suas palavras “eu devo ser capaz
de ‘entendê-la’ – o que ela é, como usá-la – sem
despender esforço nisso”. (KRUG, 2008)

51

Quão eficiente?
Bem, suficientemente evidente, por exemplo, para que
seu vizinho, que não

possui interesse no

assunto do seu site e mal sabe usar o botão
Voltar, pudesse olhar a página inicial do seu site e dizer:
‘Ah, é um __.’ (K RUG, 2008).

52

‘Hum. Cheio de coisas, por onde começo?’;
‘Porque eles dão esse nome?’;
‘Posso clicar aqui?’;
‘A navegação é por aqui? Ou será lá?’;
‘Esses dois links parecem ser a mesma coisa. Será que são
mesmo?’
(KRUG, 2008)
53

É importante observar os usuários utilizando sites e
sistemas de informação para verificar se erros não estão
sendo cometidos (Krug, 2008)

54

Nem sempre farão uso do que
projetou para o fim que
esperava!

55

http://www.wired.com/wiredenterprise/2013/03/series-seed/

56

http://www.wired.com/wiredenterprise/2013/09/github-for-anything/

57

“Como funciona
WhatsApp Messenger é um aplicativo de mensagens multiplataforma que permite trocar mensagens pelo
celular sem pagar por SMS. Está disponível para iPhone, BlackBerry, Android, Windows Phone, e Nokia e sim,
esses telefones podem trocar mensagens entre si! Como o WhatsApp Messenger usa o mesmo plano de dados
de internet que você usa para e-mails e navegação, não há custo para enviar mensagens e ficar em contato com
seus amigos.
Além das mensagens básicas, os usuários do WhatsApp podem criar grupos, enviar mensagens ilimitadas com
imagens, vídeos e áudio.”

http://www.administradores.com.br/noticias/cotidiano/caso-de-jovem-que-teve-fotos-intimas-espalhadas-aquece-debate-sobre-limites-do-whatsapp/80815/

58

Onde aprender mais sobre o
assunto?
•arquiteturadeinformacao.com (Blog Brasileiro)
•http://www.uxdesign.blog.br/ (Blog Brasileiro)
•https://www.coursera.org/course/hci (Curso de IHC Online e Gratuito de Stanford)
•http://www.goodreads.com/group/bookshelf/43635-user-experience-design (Lista de livros elaborada pelo Blog de AI)
•http://www.amazon.com/UX-Bibliography-Safari-Content-Team-ebook/dp/B00ARKLUJ8/ (Lista de livros selecionados pela Amazon com descrição de cada livro, gratuito para
download)

59

•

Conclusão

•

Nem sempre o que você pensa que vai ser melhor pro usuário e o que ele realmente
quer ou necessita: converse com eles

•

Heurísticas não são bíblias: use-as a seu favor, dentro da sua realidade e do seu
contexto!

•

Faça testes o quanto antes e com usuários

•

Refine e teste novamente

•

Prototipe mais - codifique menos e mais tarde

•

Mais lápis e papel

60

?
61

FIM
flaviowd@gmail.com
facebook.com/flaviowd
@flaviowd
62

Desenvolvimento centrado no usuário

Recomendados

Recomendados

Mais conteúdo relacionado

Semelhante a Desenvolvimento centrado no usuário

Semelhante a Desenvolvimento centrado no usuário (20)

Desenvolvimento centrado no usuário