SlideShare ist ein Scribd-Unternehmen logo
1 von 133
Downloaden Sie, um offline zu lesen
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
Introdução
“a vida é permeada de
problemas e desafios”
INTERAÇÃO HUMANO-COMPUTADOR

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

Que tal um
iPhone pro
Nicolau ?

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

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

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

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

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

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

A solução pode existir em
outro lugar!

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

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

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

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

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

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

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

Algumas são
mais simples.

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

Algumas são
mais simples.

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

Algumas são
mais simples.

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

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

INTERAÇÃO HUMANO-COMPUTADOR - Licenciatura em Computação
“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.”
INTERAÇÃO HUMANO-COMPUTADOR

Uma solução inserida
no projeto é uma
Solução de design.
INTERAÇÃO HUMANO-COMPUTADOR

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

INTERAÇÃO HUMANO-COMPUTADOR - Licenciatura em Computação
Soluções de design

INTERAÇÃO HUMANO-COMPUTADOR - Licenciatura em Computação
Soluções de design

INTERAÇÃO HUMANO-COMPUTADOR - Licenciatura em Computação
Soluções de design

INTERAÇÃO HUMANO-COMPUTADOR - Licenciatura em Computação
Soluções de design

INTERAÇÃO HUMANO-COMPUTADOR - Licenciatura em Computação
“Mesmo o que
funciona
pode melhorar.”
Mesmo o que funciona, pode melhorar.

INTERAÇÃO HUMANO-COMPUTADOR - Licenciatura em Computação
Mesmo o que funciona, pode
melhorar.

INTERAÇÃO HUMANO-COMPUTADOR - Licenciatura em Computação
Mesmo o que funciona, pode melhorar.

INTERAÇÃO HUMANO-COMPUTADOR - Licenciatura em Computação
Mesmo o que funciona, pode melhorar.

INTERAÇÃO HUMANO-COMPUTADOR - Licenciatura em Computação
Mesmo o que funciona, pode melhorar.

INTERAÇÃO HUMANO-COMPUTADOR - Licenciatura em Computação
Mesmo o que funciona, pode melhorar.

INTERAÇÃO HUMANO-COMPUTADOR - Licenciatura em Computação
“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 ?

INTERAÇÃO HUMANO-COMPUTADOR - Licenciatura em Computação
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
Usabilidade
O que é usabilidade ?
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);

INTERAÇÃO HUMANO-COMPUTADOR - Licenciatura em Computação
O que é usabilidade mesmo ?
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.

INTERAÇÃO HUMANO-COMPUTADOR - Licenciatura em Computação
O que é usabilidade mesmo ?
“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)

INTERAÇÃO HUMANO-COMPUTADOR - Licenciatura em Computação
O que é usabilidade mesmo ?
“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)

INTERAÇÃO HUMANO-COMPUTADOR - Licenciatura em Computação
O que é usabilidade mesmo ?
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.”)

INTERAÇÃO HUMANO-COMPUTADOR - Licenciatura em Computação
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
UM POUCO DE HISTÓRIA

INTERAÇÃO HUMANO-COMPUTADOR - Licenciatura em Computação
1980 – IHC E DCU

INTERAÇÃO HUMANO-COMPUTADOR - Licenciatura em Computação
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.

INTERAÇÃO HUMANO-COMPUTADOR - Licenciatura em Computação
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).
INTERAÇÃO HUMANO-COMPUTADOR - Licenciatura em Computação
1986 | 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
INTERAÇÃO HUMANO-COMPUTADOR - Licenciatura em Computação
1986 | Design Centrado no Usuário (DCU)
“...é 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
INTERAÇÃO HUMANO-COMPUTADOR - Licenciatura em Computação
1986 | Design Centrado no Usuário (DCU)

USUÁRIOS
devemos perguntá-los como fazer nosso
trabalho ?

INTERAÇÃO HUMANO-COMPUTADOR - Licenciatura em Computação
1986 | Design Centrado no Usuário (DCU)

A princípio

não
INTERAÇÃO HUMANO-COMPUTADOR - Licenciatura em Computação
1986 | Design Centrado no Usuário (DCU)

INTERAÇÃO HUMANO-COMPUTADOR - Licenciatura em Computação
1986 | Design Centrado no Usuário (DCU)

INTERAÇÃO HUMANO-COMPUTADOR - Licenciatura em Computaçã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).
INTERAÇÃO HUMANO-COMPUTADOR - Licenciatura em Computação
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.

INTERAÇÃO HUMANO-COMPUTADOR - Licenciatura em Computação
1990 | Design de Interação

INTERAÇÃO HUMANO-COMPUTADOR - Licenciatura em Computaçã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
INTERAÇÃO HUMANO-COMPUTADOR - Licenciatura em Computação
Uma interface bem projetada deve ser guiada por

METAS DE
USABILIDADE

+
METAS DE EXPERIÊNCIA DO
USUÁRIO
INTERAÇÃO HUMANO-COMPUTADOR - Licenciatura em Computação
Metas de
usabilidade
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
INTERAÇÃO HUMANO-COMPUTADOR - Licenciatura em Computação
Metas de usabilidade - UTILIDADE

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

INTERAÇÃO HUMANO-COMPUTADOR - Licenciatura em Computação
Metas de usabilidade - UTILIDADE

Ferramenta
de Nicho

INTERAÇÃO HUMANO-COMPUTADOR - Licenciatura em Computação
Metas de usabilidade - UTILIDADE

Ferramenta
sem foco.

INTERAÇÃO HUMANO-COMPUTADOR - Licenciatura em Computação
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.

INTERAÇÃO HUMANO-COMPUTADOR - Licenciatura em Computação
Metas de usabilidade - Eficácia
Qual é o mais eficaz ?

INTERAÇÃO HUMANO-COMPUTADOR - Licenciatura em Computação
Metas de usabilidade - Eficácia
Depende, pra que, para quem?

INTERAÇÃO HUMANO-COMPUTADOR - Licenciatura em Computação
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.

INTERAÇÃO HUMANO-COMPUTADOR - Licenciatura em Computação
Metas de usabilidade - Eficiência

INTERAÇÃO HUMANO-COMPUTADOR - Licenciatura em Computação
Metas de usabilidade - Eficiência

?
INTERAÇÃO HUMANO-COMPUTADOR - Licenciatura em Computação
Metas de usabilidade – Eficácia x Eficiência

eficácia - fazer melhor
eficiência - produtividade

INTERAÇÃO HUMANO-COMPUTADOR - Licenciatura em Computação
Metas de usabilidade - Segurança
Segurança se refere a prevenção e
recuperação de erros.
Deve ser perceptível, transparente.

INTERAÇÃO HUMANO-COMPUTADOR - Licenciatura em Computação
Metas de usabilidade - Segurança

INTERAÇÃO HUMANO-COMPUTADOR - Licenciatura em Computação
Metas de usabilidade - Segurança

INTERAÇÃO HUMANO-COMPUTADOR - Licenciatura em Computação
Metas de usabilidade - Segurança
Prevenção de erros

INTERAÇÃO HUMANO-COMPUTADOR - Licenciatura em Computação
Metas de usabilidade - Segurança

INTERAÇÃO HUMANO-COMPUTADOR - Licenciatura em Computação
Metas de usabilidade - Segurança

INTERAÇÃO HUMANO-COMPUTADOR - Licenciatura em Computação
Metas de usabilidade – FACILIDADE DE

APRENDIZADO

Clareza na interface, compreensão das
funcionalidades

INTERAÇÃO HUMANO-COMPUTADOR - Licenciatura em Computação
Metas de usabilidade – FACILIDADE DE

APRENDIZADO

INTERAÇÃO HUMANO-COMPUTADOR - Licenciatura em Computação
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
• 10min apresentação
Princípios de
design
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)

INTERAÇÃO HUMANO-COMPUTADOR - Licenciatura em Computação
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
INTERAÇÃO HUMANO-COMPUTADOR - Licenciatura em Computação
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)

INTERAÇÃO HUMANO-COMPUTADOR - Licenciatura em Computação
PRINCÍPIOS DE DESIGN – VISIBILIDADE

INTERAÇÃO HUMANO-COMPUTADOR - Licenciatura em Computação
PRINCÍPIOS DE DESIGN – VISIBILIDADE

INTERAÇÃO HUMANO-COMPUTADOR - Licenciatura em Computação
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)

INTERAÇÃO HUMANO-COMPUTADOR - Licenciatura em Computação
PRINCÍPIOS DE DESIGN – FEEDBACK

INTERAÇÃO HUMANO-COMPUTADOR - Licenciatura em Computação
PRINCÍPIOS DE DESIGN – FEEDBACK

INTERAÇÃO HUMANO-COMPUTADOR - Licenciatura em Computação
PRINCÍPIOS DE DESIGN – FEEDBACK

INTERAÇÃO HUMANO-COMPUTADOR - Licenciatura em Computação
PRINCÍPIOS DE DESIGN – FEEDBACK

INTERAÇÃO HUMANO-COMPUTADOR - Licenciatura em Computação
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)

INTERAÇÃO HUMANO-COMPUTADOR - Licenciatura em Computação
PRINCÍPIOS DE DESIGN – RESTRIÇÕES

INTERAÇÃO HUMANO-COMPUTADOR - Licenciatura em Computação
PRINCÍPIOS DE DESIGN – RESTRIÇÕES

INTERAÇÃO HUMANO-COMPUTADOR - Licenciatura em Computação
PRINCÍPIOS DE DESIGN – RESTRIÇÕES

INTERAÇÃO HUMANO-COMPUTADOR - Licenciatura em Computação
PRINCÍPIOS DE DESIGN – MAPEAMENTO

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

INTERAÇÃO HUMANO-COMPUTADOR - Licenciatura em Computação
PRINCÍPIOS DE DESIGN – MAPEAMENTO

INTERAÇÃO HUMANO-COMPUTADOR - Licenciatura em Computação
PRINCÍPIOS DE DESIGN – MAPEAMENTO

INTERAÇÃO HUMANO-COMPUTADOR - Licenciatura em Computação
PRINCÍPIOS DE DESIGN – MAPEAMENTO

INTERAÇÃO HUMANO-COMPUTADOR - Licenciatura em Computação
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)

INTERAÇÃO HUMANO-COMPUTADOR - Licenciatura em Computação
PRINCÍPIOS DE DESIGN – CONSISTÊNCIA

CONSISTÊNCIA
Entre aplicativos.

INTERAÇÃO HUMANO-COMPUTADOR - Licenciatura em Computação
PRINCÍPIOS DE DESIGN – CONSISTÊNCIA

CONSISTÊNCIA
Entre dispositivos
diferentes.

INTERAÇÃO HUMANO-COMPUTADOR - Licenciatura em Computação
PRINCÍPIOS DE DESIGN – CONSISTÊNCIA

CONSISTÊNCIA
Entre dispositivos
diferentes.

INTERAÇÃO HUMANO-COMPUTADOR - Licenciatura em Computação
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)

INTERAÇÃO HUMANO-COMPUTADOR - Licenciatura em Computação
PRINCÍPIOS DE DESIGN – AFFORDANCE

Affordance

INTERAÇÃO HUMANO-COMPUTADOR - Licenciatura em Computação
PRINCÍPIOS DE DESIGN – AFFORDANCE

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

INTERAÇÃO HUMANO-COMPUTADOR - Licenciatura em Computação
PRINCÍPIOS DE DESIGN – AFFORDANCE

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

INTERAÇÃO HUMANO-COMPUTADOR - Licenciatura em Computação
PRINCÍPIOS DE DESIGN – AFFORDANCE

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

INTERAÇÃO HUMANO-COMPUTADOR - Licenciatura em Computação
PRINCÍPIOS DE DESIGN – AFFORDANCE

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

INTERAÇÃO HUMANO-COMPUTADOR - Licenciatura em Computação
PRINCÍPIOS DE DESIGN – AFFORDANCE

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

INTERAÇÃO HUMANO-COMPUTADOR - Licenciatura em Computação
PRINCÍPIOS DE DESIGN – AFFORDANCE

Affordance

INTERAÇÃO HUMANO-COMPUTADOR - Licenciatura em Computação
PRINCÍPIOS DE DESIGN – AFFORDANCE

affordance

INTERAÇÃO HUMANO-COMPUTADOR - Licenciatura em Computação
PRINCÍPIOS DE DESIGN – APARÊNCIA

APARÊNCIA

INTERAÇÃO HUMANO-COMPUTADOR - Licenciatura em Computação
PRINCÍPIOS DE DESIGN – APARÊNCIA

APARÊNCIA

INTERAÇÃO HUMANO-COMPUTADOR - Licenciatura em Computação
PRINCÍPIOS DE DESIGN – APARÊNCIA

APARÊNCIA

INTERAÇÃO HUMANO-COMPUTADOR - Licenciatura em Computação
PRINCÍPIOS DE DESIGN – APARÊNCIA

APARÊNCIA

INTERAÇÃO HUMANO-COMPUTADOR - Licenciatura em Computação
PRINCÍPIOS DE DESIGN – APARÊNCIA

APARÊNCIA

INTERAÇÃO HUMANO-COMPUTADOR - Licenciatura em Computação
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
• 10min apresentação
Dúvidas ?

Prof. Márcio Cavalcante
mdarlen@gmail.com
Obrigado
Obrigado
Prof. Márcio Cavalcante
mdarlen@gmail.com

Weitere ähnliche Inhalte

Was ist angesagt?

Lógica de programação { para iniciantes }
Lógica de programação { para iniciantes }Lógica de programação { para iniciantes }
Lógica de programação { para iniciantes }Mariana Camargo
 
Aula 1 - Introdução a Engenharia de Software
Aula 1 -  Introdução a Engenharia de SoftwareAula 1 -  Introdução a Engenharia de Software
Aula 1 - Introdução a Engenharia de SoftwareLeinylson Fontinele
 
Apresentação UX e UI - Webdesign - Aula 07
Apresentação UX e UI - Webdesign - Aula 07Apresentação UX e UI - Webdesign - Aula 07
Apresentação UX e UI - Webdesign - Aula 07Renato Melo
 
Aula Lógica de Programação - cap1
Aula Lógica de Programação - cap1 Aula Lógica de Programação - cap1
Aula Lógica de Programação - cap1 Cloves da Rocha
 
Aula 5 - Fatores Humanos - Parte 2 - Disciplina de IHC
Aula 5 - Fatores Humanos - Parte 2 - Disciplina de IHCAula 5 - Fatores Humanos - Parte 2 - Disciplina de IHC
Aula 5 - Fatores Humanos - Parte 2 - Disciplina de IHCAndré Constantino da Silva
 
Usabilidade, IHC - Definições
Usabilidade, IHC - DefiniçõesUsabilidade, IHC - Definições
Usabilidade, IHC - DefiniçõesLuiz Agner
 
Aula 01 - Sistemas Operacionais - Windows 10
Aula 01 - Sistemas Operacionais - Windows 10Aula 01 - Sistemas Operacionais - Windows 10
Aula 01 - Sistemas Operacionais - Windows 10LucasMansueto
 
Pseudocódigo ou Portugol (Lógica de Programação)
Pseudocódigo ou Portugol (Lógica de Programação)Pseudocódigo ou Portugol (Lógica de Programação)
Pseudocódigo ou Portugol (Lógica de Programação)Gercélia Ramos
 
01 - IHC e usabilidade [Conceitos]
01 - IHC e usabilidade [Conceitos]01 - IHC e usabilidade [Conceitos]
01 - IHC e usabilidade [Conceitos]Robson Santos
 
Aula 6 - Design e Processo de Design de Interfaces de Usuário
Aula 6 - Design e Processo de Design de Interfaces de UsuárioAula 6 - Design e Processo de Design de Interfaces de Usuário
Aula 6 - Design e Processo de Design de Interfaces de UsuárioAndré Constantino da Silva
 
Engenharia De Software
Engenharia De SoftwareEngenharia De Software
Engenharia De SoftwareFelipe Goulart
 
IHM x IHM – INTERFACE x INTERAçÃO HOMEM-MÁQUINA
IHM x IHM – INTERFACE x INTERAçÃO HOMEM-MÁQUINAIHM x IHM – INTERFACE x INTERAçÃO HOMEM-MÁQUINA
IHM x IHM – INTERFACE x INTERAçÃO HOMEM-MÁQUINADiego BBahia
 
Usabilidade aula-01 Introdução
Usabilidade aula-01 IntroduçãoUsabilidade aula-01 Introdução
Usabilidade aula-01 IntroduçãoAlan Vasconcelos
 
Experiência do usuário
Experiência do usuárioExperiência do usuário
Experiência do usuárioVictor Rubens
 
Interface e Usabilidade: Como levar o usuário onde queremos!
Interface e Usabilidade: Como levar o usuário onde queremos!Interface e Usabilidade: Como levar o usuário onde queremos!
Interface e Usabilidade: Como levar o usuário onde queremos!Marcelo Prudente
 

Was ist angesagt? (20)

Lógica de programação { para iniciantes }
Lógica de programação { para iniciantes }Lógica de programação { para iniciantes }
Lógica de programação { para iniciantes }
 
Aula 1 - Introdução a Engenharia de Software
Aula 1 -  Introdução a Engenharia de SoftwareAula 1 -  Introdução a Engenharia de Software
Aula 1 - Introdução a Engenharia de Software
 
Apresentação UX e UI - Webdesign - Aula 07
Apresentação UX e UI - Webdesign - Aula 07Apresentação UX e UI - Webdesign - Aula 07
Apresentação UX e UI - Webdesign - Aula 07
 
Ux design - Conceitos Básicos
Ux design - Conceitos BásicosUx design - Conceitos Básicos
Ux design - Conceitos Básicos
 
Aula Lógica de Programação - cap1
Aula Lógica de Programação - cap1 Aula Lógica de Programação - cap1
Aula Lógica de Programação - cap1
 
Aula 5 - Fatores Humanos - Parte 2 - Disciplina de IHC
Aula 5 - Fatores Humanos - Parte 2 - Disciplina de IHCAula 5 - Fatores Humanos - Parte 2 - Disciplina de IHC
Aula 5 - Fatores Humanos - Parte 2 - Disciplina de IHC
 
Aula01 - Logica de Programação
Aula01 - Logica de ProgramaçãoAula01 - Logica de Programação
Aula01 - Logica de Programação
 
Usabilidade, IHC - Definições
Usabilidade, IHC - DefiniçõesUsabilidade, IHC - Definições
Usabilidade, IHC - Definições
 
Aula - Metodologias Ágeis
Aula - Metodologias ÁgeisAula - Metodologias Ágeis
Aula - Metodologias Ágeis
 
Aula 01 - Sistemas Operacionais - Windows 10
Aula 01 - Sistemas Operacionais - Windows 10Aula 01 - Sistemas Operacionais - Windows 10
Aula 01 - Sistemas Operacionais - Windows 10
 
Fatores Humanos (IHC)
Fatores Humanos (IHC)Fatores Humanos (IHC)
Fatores Humanos (IHC)
 
Interface Homem Computador - Aula01- Introdução a IHC
Interface Homem Computador - Aula01- Introdução a IHCInterface Homem Computador - Aula01- Introdução a IHC
Interface Homem Computador - Aula01- Introdução a IHC
 
Pseudocódigo ou Portugol (Lógica de Programação)
Pseudocódigo ou Portugol (Lógica de Programação)Pseudocódigo ou Portugol (Lógica de Programação)
Pseudocódigo ou Portugol (Lógica de Programação)
 
01 - IHC e usabilidade [Conceitos]
01 - IHC e usabilidade [Conceitos]01 - IHC e usabilidade [Conceitos]
01 - IHC e usabilidade [Conceitos]
 
Aula 6 - Design e Processo de Design de Interfaces de Usuário
Aula 6 - Design e Processo de Design de Interfaces de UsuárioAula 6 - Design e Processo de Design de Interfaces de Usuário
Aula 6 - Design e Processo de Design de Interfaces de Usuário
 
Engenharia De Software
Engenharia De SoftwareEngenharia De Software
Engenharia De Software
 
IHM x IHM – INTERFACE x INTERAçÃO HOMEM-MÁQUINA
IHM x IHM – INTERFACE x INTERAçÃO HOMEM-MÁQUINAIHM x IHM – INTERFACE x INTERAçÃO HOMEM-MÁQUINA
IHM x IHM – INTERFACE x INTERAçÃO HOMEM-MÁQUINA
 
Usabilidade aula-01 Introdução
Usabilidade aula-01 IntroduçãoUsabilidade aula-01 Introdução
Usabilidade aula-01 Introdução
 
Experiência do usuário
Experiência do usuárioExperiência do usuário
Experiência do usuário
 
Interface e Usabilidade: Como levar o usuário onde queremos!
Interface e Usabilidade: Como levar o usuário onde queremos!Interface e Usabilidade: Como levar o usuário onde queremos!
Interface e Usabilidade: Como levar o usuário onde queremos!
 

Andere mochten auch

Princípios de Design de Interação
Princípios de Design de InteraçãoPrincípios de Design de Interação
Princípios de Design de InteraçãoFelipe Dal Molin
 
Design e Usabilidade na Web
Design e Usabilidade na WebDesign e Usabilidade na Web
Design e Usabilidade na WebMarcelo Vianna
 
Balsamiq e Pencil - W
Balsamiq e Pencil - WBalsamiq e Pencil - W
Balsamiq e Pencil - WLuiz Agner
 
Usabilidade 2 - Metas, princípios e leis do design, agile vs dcu
Usabilidade 2 - Metas, princípios e leis do design, agile vs dcuUsabilidade 2 - Metas, princípios e leis do design, agile vs dcu
Usabilidade 2 - Metas, princípios e leis do design, agile vs dcuMarcello Cardoso
 
Identificação de Necessidades dos Usuários e Requisitos IHC
Identificação de Necessidades dos Usuários e Requisitos IHCIdentificação de Necessidades dos Usuários e Requisitos IHC
Identificação de Necessidades dos Usuários e Requisitos IHCAlanna Gianin
 
Palestra "Usabilidade: conceito, aplicações e testes" de Renato Rosa
Palestra "Usabilidade: conceito, aplicações e testes" de Renato RosaPalestra "Usabilidade: conceito, aplicações e testes" de Renato Rosa
Palestra "Usabilidade: conceito, aplicações e testes" de Renato Rosawudrs
 
Palestra Fundamentos do Design de Objetos
Palestra Fundamentos do Design de ObjetosPalestra Fundamentos do Design de Objetos
Palestra Fundamentos do Design de ObjetosKao Tokio
 
Design para Inovação Social
Design para Inovação SocialDesign para Inovação Social
Design para Inovação SocialVoël
 
Aula: Princípios de design de interfaces
Aula: Princípios de design de interfacesAula: Princípios de design de interfaces
Aula: Princípios de design de interfacesJanynne Gomes
 
Una - Testes de usabilidade - aula 03
Una - Testes de usabilidade - aula 03Una - Testes de usabilidade - aula 03
Una - Testes de usabilidade - aula 03Marcello Cardoso
 
Usabilidade para Pequenos e Médios Projetos Web
Usabilidade para Pequenos e Médios Projetos WebUsabilidade para Pequenos e Médios Projetos Web
Usabilidade para Pequenos e Médios Projetos WebPaulo Coimbra
 
Webinar Usabilidade no E-commerce
Webinar Usabilidade no E-commerceWebinar Usabilidade no E-commerce
Webinar Usabilidade no E-commerceHorácio Soares
 
Usabilidade 7-8 - Teste de Usabilidade
Usabilidade 7-8 - Teste de UsabilidadeUsabilidade 7-8 - Teste de Usabilidade
Usabilidade 7-8 - Teste de UsabilidadeMarcello Cardoso
 
Una - Testes de usabilidade - aula 04
Una - Testes de usabilidade - aula 04Una - Testes de usabilidade - aula 04
Una - Testes de usabilidade - aula 04Marcello Cardoso
 
Heurística, Principios e Usabilidade na web
Heurística, Principios e Usabilidade na webHeurística, Principios e Usabilidade na web
Heurística, Principios e Usabilidade na webDaniel Brandão
 
Ergonomia & Usabilidade
Ergonomia & UsabilidadeErgonomia & Usabilidade
Ergonomia & UsabilidadeLuiz China
 
A Arte de Prototipar
A Arte de PrototiparA Arte de Prototipar
A Arte de PrototiparAppStartup
 
O Diferencial do Design de Interação
O Diferencial do Design de InteraçãoO Diferencial do Design de Interação
O Diferencial do Design de InteraçãoUTFPR
 
Design de Interação Estratégico
Design de Interação EstratégicoDesign de Interação Estratégico
Design de Interação EstratégicoUTFPR
 

Andere mochten auch (20)

Princípios de Design de Interação
Princípios de Design de InteraçãoPrincípios de Design de Interação
Princípios de Design de Interação
 
IHC Slide 1 - Visão Geral
IHC Slide 1 -  Visão GeralIHC Slide 1 -  Visão Geral
IHC Slide 1 - Visão Geral
 
Design e Usabilidade na Web
Design e Usabilidade na WebDesign e Usabilidade na Web
Design e Usabilidade na Web
 
Balsamiq e Pencil - W
Balsamiq e Pencil - WBalsamiq e Pencil - W
Balsamiq e Pencil - W
 
Usabilidade 2 - Metas, princípios e leis do design, agile vs dcu
Usabilidade 2 - Metas, princípios e leis do design, agile vs dcuUsabilidade 2 - Metas, princípios e leis do design, agile vs dcu
Usabilidade 2 - Metas, princípios e leis do design, agile vs dcu
 
Identificação de Necessidades dos Usuários e Requisitos IHC
Identificação de Necessidades dos Usuários e Requisitos IHCIdentificação de Necessidades dos Usuários e Requisitos IHC
Identificação de Necessidades dos Usuários e Requisitos IHC
 
Palestra "Usabilidade: conceito, aplicações e testes" de Renato Rosa
Palestra "Usabilidade: conceito, aplicações e testes" de Renato RosaPalestra "Usabilidade: conceito, aplicações e testes" de Renato Rosa
Palestra "Usabilidade: conceito, aplicações e testes" de Renato Rosa
 
Palestra Fundamentos do Design de Objetos
Palestra Fundamentos do Design de ObjetosPalestra Fundamentos do Design de Objetos
Palestra Fundamentos do Design de Objetos
 
Design para Inovação Social
Design para Inovação SocialDesign para Inovação Social
Design para Inovação Social
 
Aula: Princípios de design de interfaces
Aula: Princípios de design de interfacesAula: Princípios de design de interfaces
Aula: Princípios de design de interfaces
 
Una - Testes de usabilidade - aula 03
Una - Testes de usabilidade - aula 03Una - Testes de usabilidade - aula 03
Una - Testes de usabilidade - aula 03
 
Usabilidade para Pequenos e Médios Projetos Web
Usabilidade para Pequenos e Médios Projetos WebUsabilidade para Pequenos e Médios Projetos Web
Usabilidade para Pequenos e Médios Projetos Web
 
Webinar Usabilidade no E-commerce
Webinar Usabilidade no E-commerceWebinar Usabilidade no E-commerce
Webinar Usabilidade no E-commerce
 
Usabilidade 7-8 - Teste de Usabilidade
Usabilidade 7-8 - Teste de UsabilidadeUsabilidade 7-8 - Teste de Usabilidade
Usabilidade 7-8 - Teste de Usabilidade
 
Una - Testes de usabilidade - aula 04
Una - Testes de usabilidade - aula 04Una - Testes de usabilidade - aula 04
Una - Testes de usabilidade - aula 04
 
Heurística, Principios e Usabilidade na web
Heurística, Principios e Usabilidade na webHeurística, Principios e Usabilidade na web
Heurística, Principios e Usabilidade na web
 
Ergonomia & Usabilidade
Ergonomia & UsabilidadeErgonomia & Usabilidade
Ergonomia & Usabilidade
 
A Arte de Prototipar
A Arte de PrototiparA Arte de Prototipar
A Arte de Prototipar
 
O Diferencial do Design de Interação
O Diferencial do Design de InteraçãoO Diferencial do Design de Interação
O Diferencial do Design de Interação
 
Design de Interação Estratégico
Design de Interação EstratégicoDesign de Interação Estratégico
Design de Interação Estratégico
 

Ähnlich wie IHC - Slide 2 - Usabilidade e Princípios de Design

A importancia de IHC no desenvolvimento de software
A importancia de IHC no desenvolvimento de softwareA importancia de IHC no desenvolvimento de software
A importancia de IHC no desenvolvimento de softwareFlavia Negrao
 
O que é design de interação
O que é design de interaçãoO que é design de interação
O que é design de interaçãoHugo Albuquerque
 
Interface homem máquina
Interface homem máquinaInterface homem máquina
Interface homem máquinaLucas Santos
 
Retorno do Investimento em Usabilidade
Retorno do Investimento em UsabilidadeRetorno do Investimento em Usabilidade
Retorno do Investimento em UsabilidadeBernardo Mattos
 
O que é design de interação
O que é design de interaçãoO que é design de interação
O que é design de interaçãoUFPE
 
Da IHC ao UX: Uma história de ressignificação para o mercado / Webinar BR-CH...
Da IHC ao UX: Uma história de ressignificação  para o mercado / Webinar BR-CH...Da IHC ao UX: Uma história de ressignificação  para o mercado / Webinar BR-CH...
Da IHC ao UX: Uma história de ressignificação para o mercado / Webinar BR-CH...Rafael Burity
 
Interface Homem Computador - IHC
Interface Homem Computador - IHCInterface Homem Computador - IHC
Interface Homem Computador - IHCNeilda Costa
 
Tecnologia da Informação
Tecnologia da InformaçãoTecnologia da Informação
Tecnologia da Informaçãocleusamoreira
 
Modulo i arquiteturainformacaousabilidade_thaiscampas
Modulo i arquiteturainformacaousabilidade_thaiscampasModulo i arquiteturainformacaousabilidade_thaiscampas
Modulo i arquiteturainformacaousabilidade_thaiscampasThais Campas
 
Novas formas de interação Homem-máquina
Novas formas de interação Homem-máquinaNovas formas de interação Homem-máquina
Novas formas de interação Homem-máquinaJoana Moura Ferreira
 
Interação Humano Computador 1
Interação Humano Computador 1Interação Humano Computador 1
Interação Humano Computador 1Robson Santos
 
1.Aula1-Introducao-conceitosbasicos.ppt
1.Aula1-Introducao-conceitosbasicos.ppt1.Aula1-Introducao-conceitosbasicos.ppt
1.Aula1-Introducao-conceitosbasicos.pptMário Peixoto
 
C.E.S.A.R - Prototipación Electronica en Diseño
C.E.S.A.R - Prototipación Electronica en DiseñoC.E.S.A.R - Prototipación Electronica en Diseño
C.E.S.A.R - Prototipación Electronica en DiseñoTiago Barros
 
Introdução à Arquitetura de Informação
Introdução à Arquitetura de InformaçãoIntrodução à Arquitetura de Informação
Introdução à Arquitetura de InformaçãoInstituto Faber-Ludens
 

Ähnlich wie IHC - Slide 2 - Usabilidade e Princípios de Design (20)

A importancia de IHC no desenvolvimento de software
A importancia de IHC no desenvolvimento de softwareA importancia de IHC no desenvolvimento de software
A importancia de IHC no desenvolvimento de software
 
O que é design de interação
O que é design de interaçãoO que é design de interação
O que é design de interação
 
Interface homem máquina
Interface homem máquinaInterface homem máquina
Interface homem máquina
 
O retorno do investimento no projeto adequado de interfaces de usuário
O retorno do investimento no projeto adequado de interfaces de usuárioO retorno do investimento no projeto adequado de interfaces de usuário
O retorno do investimento no projeto adequado de interfaces de usuário
 
Capitulo1
Capitulo1Capitulo1
Capitulo1
 
Retorno do Investimento em Usabilidade
Retorno do Investimento em UsabilidadeRetorno do Investimento em Usabilidade
Retorno do Investimento em Usabilidade
 
O que é design de interação
O que é design de interaçãoO que é design de interação
O que é design de interação
 
Sc ad-tp-g4-a.ppt
Sc ad-tp-g4-a.pptSc ad-tp-g4-a.ppt
Sc ad-tp-g4-a.ppt
 
Da IHC ao UX: Uma história de ressignificação para o mercado / Webinar BR-CH...
Da IHC ao UX: Uma história de ressignificação  para o mercado / Webinar BR-CH...Da IHC ao UX: Uma história de ressignificação  para o mercado / Webinar BR-CH...
Da IHC ao UX: Uma história de ressignificação para o mercado / Webinar BR-CH...
 
Ihc Aula7
Ihc Aula7Ihc Aula7
Ihc Aula7
 
Interface Homem Computador - IHC
Interface Homem Computador - IHCInterface Homem Computador - IHC
Interface Homem Computador - IHC
 
Tecnologia da Informação
Tecnologia da InformaçãoTecnologia da Informação
Tecnologia da Informação
 
Modulo i arquiteturainformacaousabilidade_thaiscampas
Modulo i arquiteturainformacaousabilidade_thaiscampasModulo i arquiteturainformacaousabilidade_thaiscampas
Modulo i arquiteturainformacaousabilidade_thaiscampas
 
Novas formas de interação Homem-máquina
Novas formas de interação Homem-máquinaNovas formas de interação Homem-máquina
Novas formas de interação Homem-máquina
 
Fatenp ihc-aula4
Fatenp ihc-aula4Fatenp ihc-aula4
Fatenp ihc-aula4
 
Interação Humano Computador 1
Interação Humano Computador 1Interação Humano Computador 1
Interação Humano Computador 1
 
1.Aula1-Introducao-conceitosbasicos.ppt
1.Aula1-Introducao-conceitosbasicos.ppt1.Aula1-Introducao-conceitosbasicos.ppt
1.Aula1-Introducao-conceitosbasicos.ppt
 
C.E.S.A.R - Prototipación Electronica en Diseño
C.E.S.A.R - Prototipación Electronica en DiseñoC.E.S.A.R - Prototipación Electronica en Diseño
C.E.S.A.R - Prototipación Electronica en Diseño
 
Apresentação Aula 01
Apresentação  Aula 01Apresentação  Aula 01
Apresentação Aula 01
 
Introdução à Arquitetura de Informação
Introdução à Arquitetura de InformaçãoIntrodução à Arquitetura de Informação
Introdução à Arquitetura de Informação
 

Mehr von Márcio Darlen Lopes Cavalcante

Seminário: Profissão Professor - Mestrado em Educação 2020
Seminário: Profissão Professor - Mestrado em Educação 2020Seminário: Profissão Professor - Mestrado em Educação 2020
Seminário: Profissão Professor - Mestrado em Educação 2020Márcio Darlen Lopes Cavalcante
 
Oficina: UX Design - Ferramenta para Prototipagem de Software
Oficina: UX Design - Ferramenta  para Prototipagem de SoftwareOficina: UX Design - Ferramenta  para Prototipagem de Software
Oficina: UX Design - Ferramenta para Prototipagem de SoftwareMárcio Darlen Lopes Cavalcante
 
Palestra: Tecnologias Digitais para Professores Inovadores
Palestra: Tecnologias Digitais para Professores InovadoresPalestra: Tecnologias Digitais para Professores Inovadores
Palestra: Tecnologias Digitais para Professores InovadoresMárcio Darlen Lopes Cavalcante
 
Jalequim 2018 - Palestra Gamifiação para o ensino de Ciências
Jalequim 2018 - Palestra Gamifiação para o ensino de CiênciasJalequim 2018 - Palestra Gamifiação para o ensino de Ciências
Jalequim 2018 - Palestra Gamifiação para o ensino de CiênciasMárcio Darlen Lopes Cavalcante
 
Palestra Estratégias para Posicionamento Digital - IESPES 2018
Palestra Estratégias para Posicionamento Digital - IESPES 2018Palestra Estratégias para Posicionamento Digital - IESPES 2018
Palestra Estratégias para Posicionamento Digital - IESPES 2018Márcio Darlen Lopes Cavalcante
 
Minicurso - Tecnologia Digital para Professores Inovadores
Minicurso -  Tecnologia Digital para Professores InovadoresMinicurso -  Tecnologia Digital para Professores Inovadores
Minicurso - Tecnologia Digital para Professores InovadoresMárcio Darlen Lopes Cavalcante
 
Palestra Gamificação na Educação - Congresso Internacional do IESPES 2018
Palestra Gamificação na Educação - Congresso Internacional do IESPES 2018Palestra Gamificação na Educação - Congresso Internacional do IESPES 2018
Palestra Gamificação na Educação - Congresso Internacional do IESPES 2018Márcio Darlen Lopes Cavalcante
 

Mehr von Márcio Darlen Lopes Cavalcante (20)

A cloud no doutorado 2ª Turma
A cloud no doutorado   2ª TurmaA cloud no doutorado   2ª Turma
A cloud no doutorado 2ª Turma
 
Curso: A cloud no Doutorado
Curso: A cloud no DoutoradoCurso: A cloud no Doutorado
Curso: A cloud no Doutorado
 
Seminário: Profissão Professor - Mestrado em Educação 2020
Seminário: Profissão Professor - Mestrado em Educação 2020Seminário: Profissão Professor - Mestrado em Educação 2020
Seminário: Profissão Professor - Mestrado em Educação 2020
 
Oficina Base de Dados Científicos
Oficina Base de Dados CientíficosOficina Base de Dados Científicos
Oficina Base de Dados Científicos
 
Dependência Digital - Nomofobia
Dependência Digital -  NomofobiaDependência Digital -  Nomofobia
Dependência Digital - Nomofobia
 
Oficina: UX Design - Ferramenta para Prototipagem de Software
Oficina: UX Design - Ferramenta  para Prototipagem de SoftwareOficina: UX Design - Ferramenta  para Prototipagem de Software
Oficina: UX Design - Ferramenta para Prototipagem de Software
 
Minicurso: Criação de ChatBot com Google DialogicFlow
Minicurso: Criação de ChatBot com Google DialogicFlowMinicurso: Criação de ChatBot com Google DialogicFlow
Minicurso: Criação de ChatBot com Google DialogicFlow
 
Palestra: Tecnologias Digitais para Professores Inovadores
Palestra: Tecnologias Digitais para Professores InovadoresPalestra: Tecnologias Digitais para Professores Inovadores
Palestra: Tecnologias Digitais para Professores Inovadores
 
Palestra Educacao Midiática - ERECT 2018 - UFOPA
Palestra Educacao Midiática - ERECT 2018 - UFOPAPalestra Educacao Midiática - ERECT 2018 - UFOPA
Palestra Educacao Midiática - ERECT 2018 - UFOPA
 
Jalequim 2018 - Palestra Gamifiação para o ensino de Ciências
Jalequim 2018 - Palestra Gamifiação para o ensino de CiênciasJalequim 2018 - Palestra Gamifiação para o ensino de Ciências
Jalequim 2018 - Palestra Gamifiação para o ensino de Ciências
 
Scoop 2018 - Palestra Cloud Discovery
Scoop 2018 - Palestra Cloud DiscoveryScoop 2018 - Palestra Cloud Discovery
Scoop 2018 - Palestra Cloud Discovery
 
Palestra Estratégias para Posicionamento Digital - IESPES 2018
Palestra Estratégias para Posicionamento Digital - IESPES 2018Palestra Estratégias para Posicionamento Digital - IESPES 2018
Palestra Estratégias para Posicionamento Digital - IESPES 2018
 
V Workshop de Letramento Acadêmico
V Workshop de Letramento Acadêmico V Workshop de Letramento Acadêmico
V Workshop de Letramento Acadêmico
 
Palestra Educação Digital e Midiática
Palestra Educação Digital e MidiáticaPalestra Educação Digital e Midiática
Palestra Educação Digital e Midiática
 
Minicurso - Tecnologia Digital para Professores Inovadores
Minicurso -  Tecnologia Digital para Professores InovadoresMinicurso -  Tecnologia Digital para Professores Inovadores
Minicurso - Tecnologia Digital para Professores Inovadores
 
Palestra Gamificação na Educação - Congresso Internacional do IESPES 2018
Palestra Gamificação na Educação - Congresso Internacional do IESPES 2018Palestra Gamificação na Educação - Congresso Internacional do IESPES 2018
Palestra Gamificação na Educação - Congresso Internacional do IESPES 2018
 
Plataforma digitais online para ensino à distância
Plataforma digitais online para ensino à distânciaPlataforma digitais online para ensino à distância
Plataforma digitais online para ensino à distância
 
Palestra Ufopa - Gamificação na educação
Palestra Ufopa - Gamificação na educação Palestra Ufopa - Gamificação na educação
Palestra Ufopa - Gamificação na educação
 
Games: da diversão à profissão
Games:   da diversão à profissãoGames:   da diversão à profissão
Games: da diversão à profissão
 
Palestra ULBRA - IV Workshop Letramento Acadêmico
Palestra ULBRA - IV Workshop Letramento AcadêmicoPalestra ULBRA - IV Workshop Letramento Acadêmico
Palestra ULBRA - IV Workshop Letramento Acadêmico
 

Kürzlich hochgeladen

A Arte de Escrever Poemas - Dia das Mães
A Arte de Escrever Poemas - Dia das MãesA Arte de Escrever Poemas - Dia das Mães
A Arte de Escrever Poemas - Dia das MãesMary Alvarenga
 
Regência Nominal e Verbal português .pdf
Regência Nominal e Verbal português .pdfRegência Nominal e Verbal português .pdf
Regência Nominal e Verbal português .pdfmirandadudu08
 
Gerenciando a Aprendizagem Organizacional
Gerenciando a Aprendizagem OrganizacionalGerenciando a Aprendizagem Organizacional
Gerenciando a Aprendizagem OrganizacionalJacqueline Cerqueira
 
HORA DO CONTO4_BECRE D. CARLOS I_2023_2024
HORA DO CONTO4_BECRE D. CARLOS I_2023_2024HORA DO CONTO4_BECRE D. CARLOS I_2023_2024
HORA DO CONTO4_BECRE D. CARLOS I_2023_2024Sandra Pratas
 
Aula - 1º Ano - Émile Durkheim - Um dos clássicos da sociologia
Aula - 1º Ano - Émile Durkheim - Um dos clássicos da sociologiaAula - 1º Ano - Émile Durkheim - Um dos clássicos da sociologia
Aula - 1º Ano - Émile Durkheim - Um dos clássicos da sociologiaaulasgege
 
Apresentação | Eleições Europeias 2024-2029
Apresentação | Eleições Europeias 2024-2029Apresentação | Eleições Europeias 2024-2029
Apresentação | Eleições Europeias 2024-2029Centro Jacques Delors
 
FCEE - Diretrizes - Autismo.pdf para imprimir
FCEE - Diretrizes - Autismo.pdf para imprimirFCEE - Diretrizes - Autismo.pdf para imprimir
FCEE - Diretrizes - Autismo.pdf para imprimirIedaGoethe
 
Slides Lição 03, Central Gospel, O Arrebatamento, 1Tr24.pptx
Slides Lição 03, Central Gospel, O Arrebatamento, 1Tr24.pptxSlides Lição 03, Central Gospel, O Arrebatamento, 1Tr24.pptx
Slides Lição 03, Central Gospel, O Arrebatamento, 1Tr24.pptxLuizHenriquedeAlmeid6
 
trabalho wanda rocha ditadura
trabalho wanda rocha ditaduratrabalho wanda rocha ditadura
trabalho wanda rocha ditaduraAdryan Luiz
 
DIA DO INDIO - FLIPBOOK PARA IMPRIMIR.pdf
DIA DO INDIO - FLIPBOOK PARA IMPRIMIR.pdfDIA DO INDIO - FLIPBOOK PARA IMPRIMIR.pdf
DIA DO INDIO - FLIPBOOK PARA IMPRIMIR.pdfIedaGoethe
 
BRASIL - DOMÍNIOS MORFOCLIMÁTICOS - Fund 2.pdf
BRASIL - DOMÍNIOS MORFOCLIMÁTICOS - Fund 2.pdfBRASIL - DOMÍNIOS MORFOCLIMÁTICOS - Fund 2.pdf
BRASIL - DOMÍNIOS MORFOCLIMÁTICOS - Fund 2.pdfHenrique Pontes
 
Época Realista y la obra de Madame Bovary.
Época Realista y la obra de Madame Bovary.Época Realista y la obra de Madame Bovary.
Época Realista y la obra de Madame Bovary.keislayyovera123
 
QUARTA - 1EM SOCIOLOGIA - Aprender a pesquisar.pptx
QUARTA - 1EM SOCIOLOGIA - Aprender a pesquisar.pptxQUARTA - 1EM SOCIOLOGIA - Aprender a pesquisar.pptx
QUARTA - 1EM SOCIOLOGIA - Aprender a pesquisar.pptxIsabellaGomes58
 
HORA DO CONTO3_BECRE D. CARLOS I_2023_2024
HORA DO CONTO3_BECRE D. CARLOS I_2023_2024HORA DO CONTO3_BECRE D. CARLOS I_2023_2024
HORA DO CONTO3_BECRE D. CARLOS I_2023_2024Sandra Pratas
 
UFCD_10392_Intervenção em populações de risco_índice .pdf
UFCD_10392_Intervenção em populações de risco_índice .pdfUFCD_10392_Intervenção em populações de risco_índice .pdf
UFCD_10392_Intervenção em populações de risco_índice .pdfManuais Formação
 
ALMANANHE DE BRINCADEIRAS - 500 atividades escolares
ALMANANHE DE BRINCADEIRAS - 500 atividades escolaresALMANANHE DE BRINCADEIRAS - 500 atividades escolares
ALMANANHE DE BRINCADEIRAS - 500 atividades escolaresLilianPiola
 
Modelos de Desenvolvimento Motor - Gallahue, Newell e Tani
Modelos de Desenvolvimento Motor - Gallahue, Newell e TaniModelos de Desenvolvimento Motor - Gallahue, Newell e Tani
Modelos de Desenvolvimento Motor - Gallahue, Newell e TaniCassio Meira Jr.
 

Kürzlich hochgeladen (20)

A Arte de Escrever Poemas - Dia das Mães
A Arte de Escrever Poemas - Dia das MãesA Arte de Escrever Poemas - Dia das Mães
A Arte de Escrever Poemas - Dia das Mães
 
Orientação Técnico-Pedagógica EMBcae Nº 001, de 16 de abril de 2024
Orientação Técnico-Pedagógica EMBcae Nº 001, de 16 de abril de 2024Orientação Técnico-Pedagógica EMBcae Nº 001, de 16 de abril de 2024
Orientação Técnico-Pedagógica EMBcae Nº 001, de 16 de abril de 2024
 
Regência Nominal e Verbal português .pdf
Regência Nominal e Verbal português .pdfRegência Nominal e Verbal português .pdf
Regência Nominal e Verbal português .pdf
 
Gerenciando a Aprendizagem Organizacional
Gerenciando a Aprendizagem OrganizacionalGerenciando a Aprendizagem Organizacional
Gerenciando a Aprendizagem Organizacional
 
XI OLIMPÍADAS DA LÍNGUA PORTUGUESA -
XI OLIMPÍADAS DA LÍNGUA PORTUGUESA      -XI OLIMPÍADAS DA LÍNGUA PORTUGUESA      -
XI OLIMPÍADAS DA LÍNGUA PORTUGUESA -
 
HORA DO CONTO4_BECRE D. CARLOS I_2023_2024
HORA DO CONTO4_BECRE D. CARLOS I_2023_2024HORA DO CONTO4_BECRE D. CARLOS I_2023_2024
HORA DO CONTO4_BECRE D. CARLOS I_2023_2024
 
Aula - 1º Ano - Émile Durkheim - Um dos clássicos da sociologia
Aula - 1º Ano - Émile Durkheim - Um dos clássicos da sociologiaAula - 1º Ano - Émile Durkheim - Um dos clássicos da sociologia
Aula - 1º Ano - Émile Durkheim - Um dos clássicos da sociologia
 
Apresentação | Eleições Europeias 2024-2029
Apresentação | Eleições Europeias 2024-2029Apresentação | Eleições Europeias 2024-2029
Apresentação | Eleições Europeias 2024-2029
 
Em tempo de Quaresma .
Em tempo de Quaresma                            .Em tempo de Quaresma                            .
Em tempo de Quaresma .
 
FCEE - Diretrizes - Autismo.pdf para imprimir
FCEE - Diretrizes - Autismo.pdf para imprimirFCEE - Diretrizes - Autismo.pdf para imprimir
FCEE - Diretrizes - Autismo.pdf para imprimir
 
Slides Lição 03, Central Gospel, O Arrebatamento, 1Tr24.pptx
Slides Lição 03, Central Gospel, O Arrebatamento, 1Tr24.pptxSlides Lição 03, Central Gospel, O Arrebatamento, 1Tr24.pptx
Slides Lição 03, Central Gospel, O Arrebatamento, 1Tr24.pptx
 
trabalho wanda rocha ditadura
trabalho wanda rocha ditaduratrabalho wanda rocha ditadura
trabalho wanda rocha ditadura
 
DIA DO INDIO - FLIPBOOK PARA IMPRIMIR.pdf
DIA DO INDIO - FLIPBOOK PARA IMPRIMIR.pdfDIA DO INDIO - FLIPBOOK PARA IMPRIMIR.pdf
DIA DO INDIO - FLIPBOOK PARA IMPRIMIR.pdf
 
BRASIL - DOMÍNIOS MORFOCLIMÁTICOS - Fund 2.pdf
BRASIL - DOMÍNIOS MORFOCLIMÁTICOS - Fund 2.pdfBRASIL - DOMÍNIOS MORFOCLIMÁTICOS - Fund 2.pdf
BRASIL - DOMÍNIOS MORFOCLIMÁTICOS - Fund 2.pdf
 
Época Realista y la obra de Madame Bovary.
Época Realista y la obra de Madame Bovary.Época Realista y la obra de Madame Bovary.
Época Realista y la obra de Madame Bovary.
 
QUARTA - 1EM SOCIOLOGIA - Aprender a pesquisar.pptx
QUARTA - 1EM SOCIOLOGIA - Aprender a pesquisar.pptxQUARTA - 1EM SOCIOLOGIA - Aprender a pesquisar.pptx
QUARTA - 1EM SOCIOLOGIA - Aprender a pesquisar.pptx
 
HORA DO CONTO3_BECRE D. CARLOS I_2023_2024
HORA DO CONTO3_BECRE D. CARLOS I_2023_2024HORA DO CONTO3_BECRE D. CARLOS I_2023_2024
HORA DO CONTO3_BECRE D. CARLOS I_2023_2024
 
UFCD_10392_Intervenção em populações de risco_índice .pdf
UFCD_10392_Intervenção em populações de risco_índice .pdfUFCD_10392_Intervenção em populações de risco_índice .pdf
UFCD_10392_Intervenção em populações de risco_índice .pdf
 
ALMANANHE DE BRINCADEIRAS - 500 atividades escolares
ALMANANHE DE BRINCADEIRAS - 500 atividades escolaresALMANANHE DE BRINCADEIRAS - 500 atividades escolares
ALMANANHE DE BRINCADEIRAS - 500 atividades escolares
 
Modelos de Desenvolvimento Motor - Gallahue, Newell e Tani
Modelos de Desenvolvimento Motor - Gallahue, Newell e TaniModelos de Desenvolvimento Motor - Gallahue, Newell e Tani
Modelos de Desenvolvimento Motor - Gallahue, Newell e Tani
 

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

  • 1. INTRODUÇÃO À USABILIDADE Prof. Márcio Cavalcante UFRA – Licenciatura em Computação Interação Humano-Computador
  • 2. 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
  • 4. “a vida é permeada de problemas e desafios”
  • 6. INTERAÇÃO HUMANO-COMPUTADOR Que tal um iPhone pro Nicolau ? INTERAÇÃO HUMANO-COMPUTADOR - Licenciatura em Computação
  • 12. INTERAÇÃO HUMANO-COMPUTADOR A solução pode existir em outro lugar! INTERAÇÃO HUMANO-COMPUTADOR - Licenciatura em Computação
  • 15. INTERAÇÃO HUMANO-COMPUTADOR Existem várias soluções para um problema. INTERAÇÃO HUMANO-COMPUTADOR - Licenciatura em Computação
  • 18. INTERAÇÃO HUMANO-COMPUTADOR Algumas são mais simples. INTERAÇÃO HUMANO-COMPUTADOR - Licenciatura em Computação
  • 19. INTERAÇÃO HUMANO-COMPUTADOR Algumas são mais simples. INTERAÇÃO HUMANO-COMPUTADOR - Licenciatura em Computação
  • 20. INTERAÇÃO HUMANO-COMPUTADOR Algumas são mais simples. INTERAÇÃO HUMANO-COMPUTADOR - Licenciatura em Computação
  • 23. “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.”
  • 24. INTERAÇÃO HUMANO-COMPUTADOR Uma solução inserida no projeto é uma Solução de design.
  • 25. INTERAÇÃO HUMANO-COMPUTADOR Uma solução inserida no projeto é uma Solução de design. INTERAÇÃO HUMANO-COMPUTADOR - Licenciatura em Computação
  • 26. Soluções de design INTERAÇÃO HUMANO-COMPUTADOR - Licenciatura em Computação
  • 27. Soluções de design INTERAÇÃO HUMANO-COMPUTADOR - Licenciatura em Computação
  • 28. Soluções de design INTERAÇÃO HUMANO-COMPUTADOR - Licenciatura em Computação
  • 29. Soluções de design INTERAÇÃO HUMANO-COMPUTADOR - Licenciatura em Computação
  • 31. Mesmo o que funciona, pode melhorar. INTERAÇÃO HUMANO-COMPUTADOR - Licenciatura em Computação
  • 32. Mesmo o que funciona, pode melhorar. INTERAÇÃO HUMANO-COMPUTADOR - Licenciatura em Computação
  • 33. Mesmo o que funciona, pode melhorar. INTERAÇÃO HUMANO-COMPUTADOR - Licenciatura em Computação
  • 34. Mesmo o que funciona, pode melhorar. INTERAÇÃO HUMANO-COMPUTADOR - Licenciatura em Computação
  • 35. Mesmo o que funciona, pode melhorar. INTERAÇÃO HUMANO-COMPUTADOR - Licenciatura em Computação
  • 36. Mesmo o que funciona, pode melhorar. INTERAÇÃO HUMANO-COMPUTADOR - Licenciatura em Computação
  • 37. “para resolver bem, precisamos entender o problema”
  • 38. “Se eu perguntasse para as pessoas o que queriam, me diriam: cavalos mais rápidos.” - Henry Ford
  • 39. Pensar simples... ... E pensar sem limites.
  • 40.
  • 41. Não focar em tecnologia... ... mas em comportamento.
  • 42.
  • 43. O QUE OS PRODUTOS A SEGUIR TEM EM COMUM ?
  • 44. O QUE ELES TEM EM COMUM ? INTERAÇÃO HUMANO-COMPUTADOR - Licenciatura em Computação
  • 45.
  • 46.
  • 47. 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
  • 49. O que é usabilidade ?
  • 50. 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); INTERAÇÃO HUMANO-COMPUTADOR - Licenciatura em Computação
  • 51. O que é usabilidade mesmo ? 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. INTERAÇÃO HUMANO-COMPUTADOR - Licenciatura em Computação
  • 52. O que é usabilidade mesmo ? “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) INTERAÇÃO HUMANO-COMPUTADOR - Licenciatura em Computação
  • 53. O que é usabilidade mesmo ? “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) INTERAÇÃO HUMANO-COMPUTADOR - Licenciatura em Computação
  • 54. O que é usabilidade mesmo ? 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.”) INTERAÇÃO HUMANO-COMPUTADOR - Licenciatura em Computação
  • 56. É o atributo que define a facilidade de uso de algo.
  • 58. UM POUCO DE HISTÓRIA INTERAÇÃO HUMANO-COMPUTADOR - Licenciatura em Computação
  • 59. 1980 – IHC E DCU INTERAÇÃO HUMANO-COMPUTADOR - Licenciatura em Computação
  • 60. 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. INTERAÇÃO HUMANO-COMPUTADOR - Licenciatura em Computação
  • 61. 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). INTERAÇÃO HUMANO-COMPUTADOR - Licenciatura em Computação
  • 62. 1986 | 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 INTERAÇÃO HUMANO-COMPUTADOR - Licenciatura em Computação
  • 63. 1986 | Design Centrado no Usuário (DCU) “...é 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 INTERAÇÃO HUMANO-COMPUTADOR - Licenciatura em Computação
  • 64. 1986 | Design Centrado no Usuário (DCU) USUÁRIOS devemos perguntá-los como fazer nosso trabalho ? INTERAÇÃO HUMANO-COMPUTADOR - Licenciatura em Computação
  • 65. 1986 | Design Centrado no Usuário (DCU) A princípio não INTERAÇÃO HUMANO-COMPUTADOR - Licenciatura em Computação
  • 66. 1986 | Design Centrado no Usuário (DCU) INTERAÇÃO HUMANO-COMPUTADOR - Licenciatura em Computação
  • 67. 1986 | Design Centrado no Usuário (DCU) INTERAÇÃO HUMANO-COMPUTADOR - Licenciatura em Computação
  • 68. 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). INTERAÇÃO HUMANO-COMPUTADOR - Licenciatura em Computação
  • 69. 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. INTERAÇÃO HUMANO-COMPUTADOR - Licenciatura em Computação
  • 70. 1990 | Design de Interação INTERAÇÃO HUMANO-COMPUTADOR - Licenciatura em Computação
  • 71. 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 INTERAÇÃO HUMANO-COMPUTADOR - Licenciatura em Computação
  • 72. Uma interface bem projetada deve ser guiada por METAS DE USABILIDADE + METAS DE EXPERIÊNCIA DO USUÁRIO INTERAÇÃO HUMANO-COMPUTADOR - Licenciatura em Computação
  • 74. 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 INTERAÇÃO HUMANO-COMPUTADOR - Licenciatura em Computação
  • 75. Metas de usabilidade - UTILIDADE A Utilidade é a medida que o sistema propicia a funcionalidade adequada para o objetivo específico do usuário. INTERAÇÃO HUMANO-COMPUTADOR - Licenciatura em Computação
  • 76. Metas de usabilidade - UTILIDADE Ferramenta de Nicho INTERAÇÃO HUMANO-COMPUTADOR - Licenciatura em Computação
  • 77. Metas de usabilidade - UTILIDADE Ferramenta sem foco. INTERAÇÃO HUMANO-COMPUTADOR - Licenciatura em Computação
  • 78. 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. INTERAÇÃO HUMANO-COMPUTADOR - Licenciatura em Computação
  • 79. Metas de usabilidade - Eficácia Qual é o mais eficaz ? INTERAÇÃO HUMANO-COMPUTADOR - Licenciatura em Computação
  • 80. Metas de usabilidade - Eficácia Depende, pra que, para quem? INTERAÇÃO HUMANO-COMPUTADOR - Licenciatura em Computação
  • 81. 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. INTERAÇÃO HUMANO-COMPUTADOR - Licenciatura em Computação
  • 82. Metas de usabilidade - Eficiência INTERAÇÃO HUMANO-COMPUTADOR - Licenciatura em Computação
  • 83. Metas de usabilidade - Eficiência ? INTERAÇÃO HUMANO-COMPUTADOR - Licenciatura em Computação
  • 84. Metas de usabilidade – Eficácia x Eficiência eficácia - fazer melhor eficiência - produtividade INTERAÇÃO HUMANO-COMPUTADOR - Licenciatura em Computação
  • 85. Metas de usabilidade - Segurança Segurança se refere a prevenção e recuperação de erros. Deve ser perceptível, transparente. INTERAÇÃO HUMANO-COMPUTADOR - Licenciatura em Computação
  • 86. Metas de usabilidade - Segurança INTERAÇÃO HUMANO-COMPUTADOR - Licenciatura em Computação
  • 87. Metas de usabilidade - Segurança INTERAÇÃO HUMANO-COMPUTADOR - Licenciatura em Computação
  • 88. Metas de usabilidade - Segurança Prevenção de erros INTERAÇÃO HUMANO-COMPUTADOR - Licenciatura em Computação
  • 89. Metas de usabilidade - Segurança INTERAÇÃO HUMANO-COMPUTADOR - Licenciatura em Computação
  • 90. Metas de usabilidade - Segurança INTERAÇÃO HUMANO-COMPUTADOR - Licenciatura em Computação
  • 91. Metas de usabilidade – FACILIDADE DE APRENDIZADO Clareza na interface, compreensão das funcionalidades INTERAÇÃO HUMANO-COMPUTADOR - Licenciatura em Computação
  • 92. Metas de usabilidade – FACILIDADE DE APRENDIZADO INTERAÇÃO HUMANO-COMPUTADOR - Licenciatura em Computação
  • 93. 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 • 10min apresentação
  • 95. 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) INTERAÇÃO HUMANO-COMPUTADOR - Licenciatura em Computação
  • 96. 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 INTERAÇÃO HUMANO-COMPUTADOR - Licenciatura em Computação
  • 97. 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) INTERAÇÃO HUMANO-COMPUTADOR - Licenciatura em Computação
  • 98. PRINCÍPIOS DE DESIGN – VISIBILIDADE INTERAÇÃO HUMANO-COMPUTADOR - Licenciatura em Computação
  • 99. PRINCÍPIOS DE DESIGN – VISIBILIDADE INTERAÇÃO HUMANO-COMPUTADOR - Licenciatura em Computação
  • 100. 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) INTERAÇÃO HUMANO-COMPUTADOR - Licenciatura em Computação
  • 101. PRINCÍPIOS DE DESIGN – FEEDBACK INTERAÇÃO HUMANO-COMPUTADOR - Licenciatura em Computação
  • 102. PRINCÍPIOS DE DESIGN – FEEDBACK INTERAÇÃO HUMANO-COMPUTADOR - Licenciatura em Computação
  • 103. PRINCÍPIOS DE DESIGN – FEEDBACK INTERAÇÃO HUMANO-COMPUTADOR - Licenciatura em Computação
  • 104. PRINCÍPIOS DE DESIGN – FEEDBACK INTERAÇÃO HUMANO-COMPUTADOR - Licenciatura em Computação
  • 105. 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) INTERAÇÃO HUMANO-COMPUTADOR - Licenciatura em Computação
  • 106. PRINCÍPIOS DE DESIGN – RESTRIÇÕES INTERAÇÃO HUMANO-COMPUTADOR - Licenciatura em Computação
  • 107. PRINCÍPIOS DE DESIGN – RESTRIÇÕES INTERAÇÃO HUMANO-COMPUTADOR - Licenciatura em Computação
  • 108. PRINCÍPIOS DE DESIGN – RESTRIÇÕES INTERAÇÃO HUMANO-COMPUTADOR - Licenciatura em Computação
  • 109. PRINCÍPIOS DE DESIGN – MAPEAMENTO MAPEAMENTO “... refere-se a relação entre controles e seus efeitos no artefato”(PREECE, 2005) INTERAÇÃO HUMANO-COMPUTADOR - Licenciatura em Computação
  • 110. PRINCÍPIOS DE DESIGN – MAPEAMENTO INTERAÇÃO HUMANO-COMPUTADOR - Licenciatura em Computação
  • 111. PRINCÍPIOS DE DESIGN – MAPEAMENTO INTERAÇÃO HUMANO-COMPUTADOR - Licenciatura em Computação
  • 112. PRINCÍPIOS DE DESIGN – MAPEAMENTO INTERAÇÃO HUMANO-COMPUTADOR - Licenciatura em Computação
  • 113. 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) INTERAÇÃO HUMANO-COMPUTADOR - Licenciatura em Computação
  • 114. PRINCÍPIOS DE DESIGN – CONSISTÊNCIA CONSISTÊNCIA Entre aplicativos. INTERAÇÃO HUMANO-COMPUTADOR - Licenciatura em Computação
  • 115. PRINCÍPIOS DE DESIGN – CONSISTÊNCIA CONSISTÊNCIA Entre dispositivos diferentes. INTERAÇÃO HUMANO-COMPUTADOR - Licenciatura em Computação
  • 116. PRINCÍPIOS DE DESIGN – CONSISTÊNCIA CONSISTÊNCIA Entre dispositivos diferentes. INTERAÇÃO HUMANO-COMPUTADOR - Licenciatura em Computação
  • 117. 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) INTERAÇÃO HUMANO-COMPUTADOR - Licenciatura em Computação
  • 118. PRINCÍPIOS DE DESIGN – AFFORDANCE Affordance INTERAÇÃO HUMANO-COMPUTADOR - Licenciatura em Computação
  • 119. PRINCÍPIOS DE DESIGN – AFFORDANCE Affordance “É um atributo do objeto que permite ao usuário saber como utilizá-lo” (PREECE, 2005) INTERAÇÃO HUMANO-COMPUTADOR - Licenciatura em Computação
  • 120. PRINCÍPIOS DE DESIGN – AFFORDANCE Affordance “É um atributo do objeto que permite ao usuário saber como utilizá-lo” (PREECE, 2005) INTERAÇÃO HUMANO-COMPUTADOR - Licenciatura em Computação
  • 121. PRINCÍPIOS DE DESIGN – AFFORDANCE Affordance “É um atributo do objeto que permite ao usuário saber como utilizá-lo” (PREECE, 2005) INTERAÇÃO HUMANO-COMPUTADOR - Licenciatura em Computação
  • 122. PRINCÍPIOS DE DESIGN – AFFORDANCE Affordance “É um atributo do objeto que permite ao usuário saber como utilizá-lo” (PREECE, 2005) INTERAÇÃO HUMANO-COMPUTADOR - Licenciatura em Computação
  • 123. PRINCÍPIOS DE DESIGN – AFFORDANCE Affordance “É um atributo do objeto que permite ao usuário saber como utilizá-lo” (PREECE, 2005) INTERAÇÃO HUMANO-COMPUTADOR - Licenciatura em Computação
  • 124. PRINCÍPIOS DE DESIGN – AFFORDANCE Affordance INTERAÇÃO HUMANO-COMPUTADOR - Licenciatura em Computação
  • 125. PRINCÍPIOS DE DESIGN – AFFORDANCE affordance INTERAÇÃO HUMANO-COMPUTADOR - Licenciatura em Computação
  • 126. PRINCÍPIOS DE DESIGN – APARÊNCIA APARÊNCIA INTERAÇÃO HUMANO-COMPUTADOR - Licenciatura em Computação
  • 127. PRINCÍPIOS DE DESIGN – APARÊNCIA APARÊNCIA INTERAÇÃO HUMANO-COMPUTADOR - Licenciatura em Computação
  • 128. PRINCÍPIOS DE DESIGN – APARÊNCIA APARÊNCIA INTERAÇÃO HUMANO-COMPUTADOR - Licenciatura em Computação
  • 129. PRINCÍPIOS DE DESIGN – APARÊNCIA APARÊNCIA INTERAÇÃO HUMANO-COMPUTADOR - Licenciatura em Computação
  • 130. PRINCÍPIOS DE DESIGN – APARÊNCIA APARÊNCIA INTERAÇÃO HUMANO-COMPUTADOR - Licenciatura em Computação
  • 131. 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 • 10min apresentação
  • 132. Dúvidas ? Prof. Márcio Cavalcante mdarlen@gmail.com