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

3

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

NetCraft (2011)


4

INTRODUÇÃO

Motivos que podemos especular para esse aumento exponencial de sites

?domingo, 17 de novembro de 13

5

• Lei de Moore?

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

INTRODUÇÃO


6


7


8

INTRODUÇÃO

Gráfico 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)?


9

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.

POSSÍVEIS PROBLEMAS

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




É IMPORTANTE

AVALIAR COMO ESTÃO ORGANIZADAS E

COMO SÃO DISPONIBILIZADAS AS

INFORMAÇÕES NOS SISTEMAS DE

INFORMAÇÃO.

10


O QUE QUEREMOSDemonstrar 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

13

Arquitetura + Biblioteconomiade modo muito simplificado

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




Usabilidade

14

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


http://acessodigital.net/art_fred_o_que_e_usabilidade.html

http://acessodigital.net/art_fred_o_que_e_usabilidade.html

Literacia da informação

15

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




16

USABILIDADE APLICA AOS TEXTOS?

http://youtu.be/Tlt47diDnHUdomingo, 17 de novembro de 13

https://www.youtube.com/watch?v=Tlt47diDnHU

https://www.youtube.com/watch?v=Tlt47diDnHU

17

https://portuguesclaro.pt/exemplos/ http://prezi.com/f5cq-gmjn7nh/3-linguagem-clara/


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

fins indicados.







17





fins indicados.

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

autorização







17





fins indicados.


autorização

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





fins indicados.


autorização

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





fins indicados.


autorização

Posso pagar menos?






Cada cartão terá um prazo de validade que figurará

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

em data posterior à da referida validade.







rendimento.







17





fins indicados.


autorização

Posso pagar menos?






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

partir do qual não pode ser utilizado.

Cada cartão terá um prazo de validade que figurará

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

em data posterior à da referida validade.







rendimento.







Rotulação da informação

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

18


19

Crie dicionários!

tv têvê televisão televisao televizao televizão televizor televisor aparelho de tv aparelho de tevê ...


Como evitar este tipo de inconsistência?

20


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

The Three Circles of Information Architecture


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


22

Quem serão os usuários?

Como utilizarão o que estou projetando/desenvolvendo?

Qual o objetivo do que estamos desenvolvendo?


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

The User Experience Honeycomb




24http://www.kitd.com/what-we-do/services/design/

User Centered Design


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

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

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:

31

EU NÃO SEI!


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!

34

USE COM EXTREMA MODERAÇÃO O CONSELHO ACIMA!


35

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

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

SERÃO PROJETOS ASSIM




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?

39domingo, 17 de novembro de 13

• 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?


• 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?


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”!

45

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/




46

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]


“Mas o prático nem sempre é o certo,

muitas vezes ele é so prático”

Prof. Dr. Mário Sergio Cortella.

47

Não abuse do uso de frameworks!


48

É preciso pensar em todo o

fluxo, pensar na jornada

completa da tarefa


49

http://www1.valor.com.br/financas/2869862/itau-anuncia-corte-de-tarifas-de-ate-325https://www.itau.com.br/imprensa/releases/com-biometria-cliente-itau-pode-sacar-sem-uso-do-cartao.html


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

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

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




“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


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

Quão eficiente?


‘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


56

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




57

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




58

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

“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.”




59

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)


http://www.uxdesign.blog.br/

http://www.uxdesign.blog.br/

https://www.coursera.org/course/hci

https://www.coursera.org/course/hci

http://www.goodreads.com/group/bookshelf/43635-user-experience-design

http://www.goodreads.com/group/bookshelf/43635-user-experience-design

http://www.amazon.com/UX-Bibliography-Safari-Content-Team-ebook/dp/B00ARKLUJ8/

http://www.amazon.com/UX-Bibliography-Safari-Content-Team-ebook/dp/B00ARKLUJ8/

• 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


62

FIM

[email protected]

facebook.com/flaviowd

@flaviowd


mailto:[email protected]

mailto:[email protected]

Desenvolvimento centrado no usuário

Technology

Transcript of Desenvolvimento centrado no usuário