IHC - Slide 2 - Usabilidade e Princípios de Design

INTRODUÇÃO
À USABILIDADE
Prof. Márcio Cavalcante
UFRA – Licenciatura em Computação
Interação Humano-Computador

Plano de aula
Introdução à Usabilidade:
− Conceitos
− Origem (DCU, IHC)
− Aplicação (IxD)
− Tipos de design,
− Metas de usabilidade
− Princípios de design
Tarefas 1 2 3

INTERAÇÃO HUMANO-COMPUTADOR - Licenciatura em Computação

“a vida é permeada de
problemas e desafios”

INTERAÇÃO HUMANO-COMPUTADOR



Que tal um
iPhone pro
Nicolau ?



A solução pode existir em
outro lugar!



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



Algumas são
mais simples.


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

Soluções de design


“Mesmo o que
funciona
pode melhorar.”

Mesmo o que funciona, pode melhorar.


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

Pensar simples...
... E pensar sem limites.

Não focar em tecnologia...
... mas em comportamento.

O QUE OS PRODUTOS A
SEGUIR TEM EM COMUM ?

O QUE ELES TEM EM COMUM ?


Tarefa 1
1.Forme grupos
2.Pesquise na Internet um produto
inovador e com design
3.Apresente à turma
4.Tempo:
• 30min pesquisa
• 10min apresentação

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 propriedades de uma interface que reúne os
seguintes componentes:
1.
2.
3.
4.
5.

Fácil aprendizado;
Eficiência;
Capacidade de memorização;
Baixo índice de erros;
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.”)


10

Em
definições
aparecem as palavras
facilidade ou FÁCIL?

É o atributo que define a
facilidade de uso de algo.

UM POUCO DE HISTÓRIA


1980 – IHC E DCU


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úblicoalvo 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).

“…é 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

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.


1990 | Design de Interação


Por que Design de Interação?
Projetar dispositivos e interfaces usáveis vai além de
evitar erros: um projeto bem pesquisado, planejado,
desenvolvido e testado pode agregar valor ao uso,
negócio ou mesmo mudar totalmente a natureza do
produto/sistema para outra melhor e mais adequada.
“...Design de Interação não é apenas sobre corrigir
problemas; diz respeito a facilitar interações entre pessoas
de uma maneira mais rica, profunda e melhor - ou seja,
encontrar novas formas de melhor conectar as pessoas e
tornar o mundo um lugar melhor.” - Dan Saffer

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.
2.
3.
4.
5.
6.

Utilidade
Eficácia
Eficiência
Segurança
Facilidade de aprendizado
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 Utilidade é a medida que o sistema
propicia a funcionalidade adequada para o
objetivo específico do usuário.



Ferramenta
de Nicho



Ferramenta
sem foco.


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 é o mais eficaz ?


Depende, pra que, para quem?


Metas de usabilidade - Eficiência
Quanto uma ferramenta auxília na economia
de recursos para a realização de uma
atividade proposta, em um contexto de uso.



?

Metas de usabilidade – Eficácia x 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.


Prevenção de erros


Metas de usabilidade – FACILIDADE DE

APRENDIZADO

Clareza na interface, compreensão das
funcionalidades


Metas de usabilidade – FACILIDADE DE

APRENDIZADO


Tarefa 2
1. Forme grupos
2. SELECIONE NO SEU SMARTPHONE UM APLICATIVO
3. APRESENTE TODOS AS METAS DE USABILIDADES
PERCEBIDAS
4. Tempo:
• 30min ANÁLISE

PRINCÍPIOS DE DESIGN

“...são derivados de uma mistura de
conhecimento baseado em teoria,
experiência e senso comum [...] conjunto de
itens que devem ser assegurados” (PREECE, 2005)


PRINCÍPIOS DE DESIGN
Quais são os princípios que norteiam o design de
interação?
1.
2.
3.
4.
5.
6.

Visibilidade
Feedback
Restrições
Mapeamento
Consistência
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


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)


PRINCÍPIOS DE DESIGN – FEEDBACK


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)


PRINCÍPIOS DE DESIGN – RESTRIÇÕES


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


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
Entre aplicativos.



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



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)



affordance


PRINCÍPIOS DE DESIGN – APARÊNCIA

APARÊNCIA


Tarefa 3
1.Forme grupos
2.Analise os celulares, smartphones e
tablets pessoais
3.Procure Identificar alguns princípios de
design
4.Apresente à turma
5.Tempo:
• 30min pesquisa

Dúvidas ?

mdarlen@gmail.com

Obrigado
Obrigado
mdarlen@gmail.com

IHC - Slide 2 - Usabilidade e Princípios de Design

Recommended

Recommended

More Related Content

What's hot

What's hot (20)

Viewers also liked

Viewers also liked (20)

Similar to IHC - Slide 2 - Usabilidade e Princípios de Design

Similar to IHC - Slide 2 - Usabilidade e Princípios de Design (20)

More from Márcio Darlen Lopes Cavalcante

More from Márcio Darlen Lopes Cavalcante (20)

Recently uploaded

Recently uploaded (20)

IHC - Slide 2 - Usabilidade e Princípios de Design