UNA - Eng Usa '12 - aula 01

Engenharia de Usabilidade / Marcello Cardoso

Apresentação da disciplina e introdução à

Engenharia de Usabilidade

Engenharia de Software Centrada Em Métodos Ágeis

Engenharia de Usabilidade
Marcello de Campos Cardoso | www.mcardoso.com.br | mcardoso@gmail.com


Professor
Marcello de Campos Cardoso
‣ Especialista em Design de Interação pela PUC MG
‣ Professor na PUC, UNA, Newton Paiva e Faculdade Cotemig
‣ Sócio/consultor na Latitude14
‣ Mentor de Usabilidade na Aceleradora
‣ Coordenador regional da Interaction Design Association (IxDA)
‣ Organizador do Interaction South America 2011 (ISA’11)
‣ 6 anos como gerente de produtos na Studio Sol (16 iBest)
‣ +10 anos de mercado web (2001 - atual)


Ementa
Definições e aplicação de Usabilidade, Design Centrado no Usuário e Design de
Interação. Metodologia de design baseado no ciclo de vida do produto, com técnicas
para o desenvolvimento de produtos digitais interativos tais como: definição de
personas, aplicação de questionários e entrevistas, Análise Heurística, prototipação
rápida, testes de usabilidade.

Objetivos
Introduzir conceitos e processos essenciais para integração de equipes de criação e
desenvolvimento na elaboração de produtos interativos complexos, através da
abordagem do Design Centrado no Usuário (DCU) e desenvolvimento ágil.

Carga horária: 20h/a (5 encontros)


Bibliografia
SAFFER, Dan; Designing for interaction. Berkeley, New Riders, 2010.

PREECE, Jennifer; ROGERS, Yvone; SHARP, Helen. Design de interação: além da
interação homem-computador. Porto Alegre: Bookman, 2005.

Kuniavsky, Mike. Observing the User Experience. San Francisco, MKP, 2003.

COOPER, Alan. About face 3.0 - the essentials of Interaction Design. Indianapolis:
Wiley Publishing, 2009

MEMÓRIA, Felipe. Design para Internet – projetando a experiência perfeita, Rio de
Janeiro: Campus/Elsevier, 2005.

NORMAN, Donald. The design of everyday things, New York: Basic Books, 1988.


Referências online
www.useit.com

www.acm.org

www.interactions.acm.org

www.upassoc.org

www.cooper.com

www.mcardoso.com.br

www.slideshare.net/marcellocardoso

www.slideshare.net/dansaffer

www.slideshare.net/LaneHalley


Plano de curso
1ª Introdução à EngUsa -

2ª Técnica de Modelagem: Personas ágeis 25pts

3ª Fatiando releases com User Story Mapping 25pts

4ª Projetando a interface: Task Flow + Prototipação rápida 25pts

5ª Perguntando a especialistas: As 10 heurísticas de Nielsen 25pts


O que é usabilidade?


Antes de responder,
vamos falar de problemas.


A vida é permeada de
problemas e desafios.


Seu Nicolau tem 76 anos, mas é muito ativo. Gosta de fazer suas coisas sozinho,
retirar a pensão no banco, visitar vizinhos... Mas nem sempre dá satisfação pra família,
e não gosta de usar celular, pois acha “Muito difícil”.

A família se preocupa, pois o velhinho tem pressão
alta, e gostaria que o Seu Nicolau usasse um celular.

Como este celular poderia ser?


Que tal um iPhone pro Nicolau?


melhor ≠ mais sofisticado
solução simples = solução elegante


O na demanda REAL.
FOC


Dona Lucinha adora um cházinho com bolo de fubá, quando recebe as amigas em casa
pra falar de novela. Mas a senhorinha tem artrite e ultimamente reclama muito de
usar a chaleira.

“É pesada meu filho, e machuca minha mão. Quase não
consigo virá-la na xícara, fico com medo de me queimar.”

Vamos pensar uma chaleira pra ela?


OXO - Good Grips


OXO - Good Grips

ser melhor para TODOS
maior acessibilidade pode


ser melhor para TODOS
maior acessibilidade pode


Mariana tem 5 anos, e queria aprender a cozinhar com a mãe. Sua mãe gostaria que a filha
comesse mais legumes, mas não quer ver a filha usando facas. Quase tudo na cozinha é perigoso!

“Eu queria que a menina cortasse os rabanetes,
batatas, cenouras, mas é perigoso”


Mariana tem 5 anos, e queria aprender a cozinhar com a mãe. Sua mãe gostaria que a filha
comesse mais legumes, mas não quer ver a filha usando facas. Quase tudo na cozinha é perigoso!

“Eu queria que a menina cortasse os rabanetes,
batatas, cenouras, mas é perigoso”

Vamos pensar um cortador de legumes
seguro e interessante?


Mushroom Chopper

problema.
solução resolve mais de um
boa


problema.
solução resolve mais de um
boa


Mário tem 32 anos, trabalha em Betim, mas
mora em Belo Horizonte. Todos os dias pega o
transporte da empresa às 7 da manhã na
Praça da Liberdade e escuta músicas no
trajeto. Às vezes divide o fone com sua
paquera, Ana Luiza.

“Os fios do fone embolam porque são muito
separados. Mas se fossem menos separados,
também não ia dar pra dividir com a Aninha.”


YI | Sound Invention

existir em outro lugar!
A solução pode


Existem várias soluções
para um problema.


Evolution Pillow

Algumas são “robustas”.


Music Branch Headphone Splitter

Algumas são mais simples.


Luíz mudou há pouco para Belo Horizonte, e achou
os preços de imóveis muito caros. Veio com mulher
e dois filhos, e teve condições de financiar um
pequeno imóvel de 2 quartos com 80 m2.

“Precisava, na verdade, de um quarto e um escritório, pois trabalho
em casa. E meus filhos também precisam de um lugar pra estudar.”


Resource Furniture
(ver vídeo)


A solução para espaço pequeno não precisa ser mais espaço.

Temos de identificar o problema
e usar os recursos que temos.


Uma solução inserida no projeto é uma
Solução de design


mesmo o que funciona
pode melhorar.


Para resolver bem,
precisamos entender o problema...

“Se eu perguntasse para as pessoas o que queriam,
me diriam cavalos mais rápidos.” -Henry Ford


Para resolver bem,
precisamos entender o problema...

...pensar simples...
... e pe
nsar se
m limit
“Se eu perguntasse para as pessoas o que queriam, es.
me diriam cavalos mais rápidos.” -Henry Ford


simples a princípio
Pensar

regra de Paretto, MV
P


r em tecnologia...
não foca

...mas em comportamento


em comum?
O que eles têm

!

es ign
d


undo é designer!
todo m


Design = Projeto


negócio

pessoas tecnologia


Qual é o melhor
ara criar
ções
p
caminho
olu


sorte...


...ou tática/metodologia


tablets da microsoft (2001): fracasso de vendas


iPad da Apple (2010): 15 milhões vendidos em 1 ano


sorte
0,00001% ... 50%

metodologia
...15%, 25%, 40%, 70%...


Ciclo de vida do produto

o
çã

o
a

çã
ipa
uis

lida
ot
sq

ot
pe

va
pr


O que é usabilidade mesmo?

Segundo Jeffrey Rubin (Handbook of Usability Testing): Um conjunto
de quatro fatores reunidos em um dispositivo:

1. Capacidade de ser usado com sucesso (utilidade, eficácia);

2. Facilidade de ser usado (objetividade, eficiência);

3. Capacidade de o usuário aprender a usar o dispositivo de forma simples e
rápida (fácil compreensão e aprendizado);

4. Provocar satisfação visual ao usuário (experiência);



Segundo Jakob Nielsen (Usability Engineering): Um conjunto de
proporiedades de uma interface que reúne os seguintes componentes:

1. Fácil aprendizado;

2. Eficiência;

3. Capacidade de memorização;

4. Baixo índice de erros;

5. Satisfação e prazer ao uso.



“Facilidade de uso e facilidade de aprendizado” -Albert Badre (Shaping Web Usability)

“Capacidade, em termos funcionais humanos, de um sistema ser usado com facilidade
e de forma eficiente” -Brian Shackel (Usability)

“Princípios de design que, quando seguidos, dão respostas aos usuários tornando o uso
dos dispositivos mais fácil” -Don Norman (O Design do dia-a-dia)



“Pensar em usabilidade é pensar em produtos fáceis de usar” – Jesse James
Garrett (The Elements of User Experience)

“Fator que assegura que os produtos sejam fáceis de usar, eficientes e
agradáveis” - Preece, Rogers e Sharp (Design de Interação)

“A ciência de aplicação de metodologias ao design para a criação de dispositivos
fáceis de usar, de fácil aprendizado e que sejam úteis com o menor índice de
desconforto possível” - Mark Pearrow (Web Site Usability Handbook)



ISO 9126 - 1991
“Esforço necessário para seu uso e para o julgamento individual de
tal uso.”

ISO 9241, 11 - 1998
“Capacidade de um produto ser usado por usuários específicos para
atingir objetivos específicos com eficácia, eficiência e satisfação
em um contexto específico de uso.”



em

10 definições,
vezes aparecem as palavras “facilidade” ou “fácil”.


Usabilidade é o atributo que
define a facilidade de uso de algo.


Quem define o que é fácil de ser usado?


Um pouco de
História


1960-1970 | Inspeção de software

Voltado à qualidade do código: encontrar e corrigir bugs.

Modelo wartefall: processos ao final do trabalho realizado.

Estudos do tipo tempo/erro: caros e pouco informativos.


1980 | IHC e DCU
Gradualmente o hardware evoluiu permitindo softwares robustos e
interfaces complexas e o uso em novos nichos. Surge o computador pessoal.

Para produzir produtos com funcionalidades e interfaces adequadas, nascem dois campos
de estudo: Interface Humano-Computador e Design Centrado no usuário.


1982 | Interface Humano-Computador (IHC)

Campo de estudos que surgiu em 1982 no congresso “Human
Factors in Computing Systems”, realizado por psicólogos cognitivos
principalmente.

Características: ciência da computação com foco nos aspectos sociais, cognitivos e
comportamentais.


1986 | Design Centrado no Usuário (DCU)

Design Centrado no Usuário (DCU) é o campo de estudo que
reúne metodologias de design nos quais o público-alvo de um
produto ou serviço influencia as diretrizes e requisitos do sistema.

Termo cunhado por Norman enquanto trabalhava como pesquisador na Universidade
California San Diego (UCSD), no artigo User-Centered System Design: New Perspectives on
Human-Computer Interaction (Norman & Draper, 1986) e popularizado em 1988 no
popular Psychology of everyday things (mais tarde rebatizado como The design of
everyday things).


Design Centrado no Usuário (DCU)
“…é uma filosofia baseada nas necessidades e interesses do usuário, com ênfase em fazer
produtos usáveis e inteligíveis.” – Donald Norman

“A filosofia por trás do Design Centrado no Usuário é simplesmente esta: O usuário sabe mais.
Pessoas que utilizarão um produto ou serviço sabem de suas necessidades, metas e
preferências, e é papel do designer descobrir isto e projetar para eles.” – Dan Saffer

“...é uma abordagem ao design que fundamenta o processo em informações sobre as pessoas
que usarão o produto. Processos de UCD focam em usuários através de planejamento, design
e desenvolvimento do produto.” – Usability Professionals Association (UPA)

“...é um estabelecido processo usado pela IBM e muitas outras organizações para prover
produtos que atendam as expectativas dos usuários.” – IBM

“...é focar o design no usuário, simples assim.” – Peter J. Bogaards



Usuários
devemos perguntá-los como fazer nosso trabalho?



a princípio,
NÃO



Devemos identificar seus padrões de comportamento

e projetarmos soluções adequadas.


1988 | Engenharia de Usabilidade

O termo foi cunhado por John Bennett (IBM) e John Whiteside (Digital
Equipment Corporation) em alguns artigos em 1988. A princípio era chamado
de “Engenharia de Usabilidade”.

Abordagem qualitativa e prática de desenvolvimento de produtos, orientada
para a qualidade e focada em: definição de tarefas, prototipação e avaliação
iterativa (Whiteside, Bennett, & Holtzblatt,1988).


1990 | Design de Interação

Bill Morgride, diretor da IDEO, sintetizou no livro Designing for
Interactions uma série de metodologias de design + comunicação
usadas e aprimoradas na empresa para a elaboração de produtos
úteis e usáveis.


Espaço do Design de Interação

Este campo multidisciplinar centraliza e integra
as diversas áreas de conhecimento relacionadas
a interação entre artefato / usuários


Uma interface bem projetada deve ser guiada por

METAS DE USABILIDADE
+
METAS DE EXPERIÊNCIA DO USUÁRIO


Metas de Usabilidade
Servem para guiar o desenvolvimento de produtos fáceis de
usar, eficientes e agradáveis. São elas (Preece, Rogers, Sharp):

1. Utilidade
2. Eficácia
3. Eficiência
4. Segurança
5. Facilidade de aprendizado
6. Facilidade de lembrar como se usa

Eficácia: O quanto um produto é bom em se fazer o que se espera dele
Eficiência: Como um produto auxilia a execução de suas tarefas com o mínimo de recursos


Metas de Usabilidade | Utilidade

A medida que o sistema propicia a funcionalidade
adequada para o objetivo específico do usuário.



Ferramenta de nicho



Ferramenta sem foco
Pra que serve?

Elevator pitch,

Twitter pitch!


Metas de Usabilidade | Eficácia

Eficácia se refere a quão bem uma ferramenta auxilia na
realização de uma atividade proposta, em um contexto de uso.

É uma característica analógica, em escala.



Qual é mais eficaz?


Depende, pra que, para quem?


Metas de Usabilidade | Eficiência

=
Eficiência

economia de recursos



recursos podem ser medidos em tempo, cliques... se traduzem em trabalho/custo


O dilema do AJAX.


Metas de Usabilidade | Eficácia vs Eficiência

eficácia - fazer melhor
eficiência - produtividade


Metas de Usabilidade | Segurança

Segurança se refere a prevenção e recuperação de erros.

Deve ser perceptível, transparente.



Física



Lógica



Prevenção de erros



Prevenção de erros, transparente.



Segurança percebida


Metas de Usabilidade | Facilidade de aprendizado

Clareza na interface, compreensão das funcionalidades

metáforas e modelos mentais


Metas de Usabilidade | Facilidade de aprendizado

Interface profissional, especialista


TO DO DONE

(5 pessoas)!
EM GRUPO rdo com
:
valiar de aco
ro d u t o e a
algum p
Escolher

ade
1) Utilid
cia
2) Eficá
ncia
3) Eficiê
rança
4) Segu do
prendiza
ade de a se usa
5) Facilid r ar como
de lemb
6) Facilidade

apostila
ina 1 2 da
Ref: pág


Princípios de Design

O que são os princípios de design?
“...são derivados de uma mistura de conhecimento baseado
em teoria, experiência e senso comum [...] conjunto de
items que devem ser assegurados” (PREECE, 2005)


Princípios de Design

Quais são os princípios que norteiam o design de interação?

1. Visibilidade
2. Feedback
3. Restrições
4. Mapeamento
5. Consistência
6. Affordance

(PREECE) Desgin de Interação Cap. 1 - pag 42 a 53
(NORMAN) Design do dia-a-dia Cap.7 - pag 221 a 255


Princípios de Design | Visibilidade

Visibilidade
“...O sistema deve fornecer indicações do estado do sistema, que
sejam prontamente perceptíveis e interpretáveis e correspondam
às intenções e às expectativas.” (NORMAN, 2006)


Princípios de Design | Visibilidade

Visibilidade
Quanto mais visíveis forem as funções, mais os usuários saberão como proceder.


Princípios de Design | Feedback

Feedback

“O feedback se refere ao retorno de informações a
respeito da ação que foi feita e do que foi realizado,
permitindo a pessoa continuar a atividade.” (PREECE, 2005)



Feedback
Fornecer ao usuário informações
sobre a ação realizada



Feedback pode ser
Visual

Tátil

Verbal

Auditivo

Combinado


Princípios de Design | Restrições

Restrições
“... refere-se às formas de delimitar o tipo de interação que
pode ocorrer [...] para impedir o usuário de selecionar a opção
incorreta e reduzir as chances de erro...” (PREECE, 2005)



Restrições lógicas
Exploram o bom senso das pessoas a respeito de como o mundo funciona.



Restrições físicas
Se referem à maneira como os objetos restringem mecanicamente.



Restrições culturais
Convenções aprendidas – universais ou específicas de culturas diferentes.


Princípios de Design | Mapeamento

Mapeamento
“... refere-se a relação entre controles e
seus efeitos no artefato” (PREECE, 2005)


Princípios de Design | Mapeamento

Mapeamento
“... refere-se a relação entre controles e seus efeitos no artefato”
(PREECE, 2005)


Princípios de Design | Consistência

Consistência
“Refere-se a projetar interfaces de modo que tenham
operações semelhantes e que utilizem elementos semelhantes
para a realização de tarefas similares” (PREECE, 2005)



Consistência
No mesmo dispositivo



Consistência
Entre dispositivos diferentes


Princípios de Design | Affordance

Affordance
“É um atributo do objeto que permite ao usuário saber como
utilizá-lo” (PREECE, 2005)

“É uma ‘dica’ de como devemos interagir com o objeto.” (Karine e
Leandro, 2010)



Affordance
“É um atributo do objeto que permite ao usuário saber como utilizá-lo” (PREECE, 2005)



Affordance
“É um atributo do objeto que permite ao
usuário saber como utilizá-lo” (PREECE, 2005)


Princípios de Design | Aparência


Leis do Design de Interação

Lei de Fitt
O tempo gasto para se mover de um ponto inicial para outro é proporcional ao
tamanho do alvo e sua distância.

Significa que
Elementos de uma interface devem possuir um tamanho adequado a sua importância. e
elementos relacionados devem se posicionar em um contexto de uso coerente.

Paul Fitt, psicólogo - 1954



Lei de Hick
O tempo que leva para uma pessoa tomar uma decisão é proporcional ao
número das escolhas possíveis.

Significa que
Usuários encontram a informação separando-as em blocos e eliminando a metade a cada
etapa do processo.

Desconsiderando outras decisões de design, seria mais simples encontrar um atalho em um
grupo de 10 do que em dois de 5.

Devemos ser criteriosos na categorização de conteúdos.
Willian Hick, psicólogo - 1952



Lei de Miller (complementar à lei de Hick)
A memória de curta duração humana registra 7 informações em média,
variando em torno de 2 para cima ou para baixo.

Significa que...
Não é uma regra rígida, mas uma orientação. Interfaces devem ser projetadas no
intuito de minimizar a sobrecarga cognitiva.

Por exemplo, não devemos criar interações que forcem usuários a memorizar elementos
estranhos em telas diferentes.

George Miller, psicólogo - 1956



Lei de Moore
A capacidade de processamento cresce exponencialmete (duplica a cada 18
meses).

Significa que...
Devemos nos adequar a mudança de paradigmas tecnológicos. Novos dispositivos, novas
formas de interagir, novas possibilidades!

Gordon Moore, co-fundador da Intel - 1965


Agile User Centered Design | Agile UCD

Semelhanças
São abordagens iterativas,
focadas na qualidade,
horizontais (bottom-up)
e colaborativas.

Sistematizam uma série de diretrizes/métodos/práticas pouco burocráticas
com foco em resultados qualitativos.



Limitações do Agile
Dificulta a visão do todo, é incremental.
Limita o desenvolvimento de estórias complexas, que
envolvem user experience e estratégia do produto.



Limitações do Design Centrado no Usuário
Falta de foco, pouco compromisso com prazos.
Visão romântica do produto.



Incrementar...

http://agileproductdesign.com/blog/dont_know_what_i_want.html



1

Incrementar...




1 2

Incrementar...




1 2 3

Incrementar...




...é diferente de Iterar.




1





1 2





1 2 3





DCU complementa o Agile!
Segundo Colfelt (2010):

“O negócio não sabe o que quer.”
Marketing é uma ferramenta de pesquisa essencial, mas seu foco nnao é no desenvolvimento, e
sim comunicação. A perspectiva do designer embasado em DCU é a da qualidade e foco do
produto.

Leitura altamente
recomendada!
http://www.boxesandarrows.com/view/bringing-user




“Desenvolvedores e homens de negócio devem
trabalhar juntos. Onde entra o designer?”

“Nos melhores cenários, temos algum desenvolvedor com noções de design. Mas é

incomum. Entre os próprios designers, não é fácil encontrar profissionais qualificados.”





“Da perspectiva do desenvolvedor,
requerimentos caem do céu, dos
homens do negócio.”




“Agile is good for refining,”
not defining.”




Típico processo DCU




O melhor de dois mundos




no
ial acontece
ento inic

ZERO
planejam

Sprint



...
Planejamento
Ideação
Benchmarking Prototipação Design Visual
Demanda
Brainstorming Wireframe layout
Viabilidade técnica
Briefing

{ Ferramentas de pesquisa, levantamento de Requisitos
}


TO DO DONE

O!
E M GRUP
a aula:
r na próxim
e traze
Discutir
a
m sistem
1) A id eia de u
lve
ele reso
p roblema
2) Que lvo os
úblico-a e indiret
3) Qual o p es diretos
ncorrent
s ão os co
4) Quem


igad o!
o br
Este arquivo contém a apresentação realizada por Marcello de Campos
Cardoso, em Agosto de 2012, para a disciplina Engenharia de Usabilidade
ministrada no curso de especialização Engenharia de Software Centrada em
Métodos Ágeis, no Centro Universitário UNA.

UNA - Eng Usa '12 - aula 01

Mais conteúdo relacionado

Mais procurados

Destaque

Semelhante a UNA - Eng Usa '12 - aula 01

Mais de Marcello Cardoso

UNA - Eng Usa '12 - aula 01