Universidade Federal de Alagoas (UFAL)
Campus Arapiraca
Interface Homem Computador (IHC)
Intera¸
c˜
ao Humano Computador
04 - Projeto de intera¸c˜
ao com o usu´
ario: Prototipa¸
c˜
ao criando e
escolhendo alternativas
Alexandre de Andrade Barbosa
Prototipa¸c˜ao de interface Exerc´ıcios, Resumo e Referˆencias
Objetivos
Objetivos
Apresentar abordagens para cria¸
c˜
ao de prot´
otipos
Descrever meios para criar e escolher designs alternativos
Prototipa¸c˜ao de interface
Exerc´ıcios, Resumo e Referˆencias
Projeto de intera¸c˜
ao com o usu´
ario: Prototipa¸c˜
ao criando
e escolhendo alternativas
Prototipa¸
c˜
ao: criando e escolhendo alternativas
“If prototypes are questions, ask lots of them”
Scott Klemmer, HCI online course
Criar designs alternativos ´
e a maneira mais recomendada de
prototipa¸c˜
ao
O projetista n˜
ao deve criar apenas uma solu¸
c˜
ao que funciona, ´
e
necess´
ario criar v´
arias e estabelecer qual se apresentou a melhor
alternativa
Prototipa¸c˜ao de interface
Exerc´ıcios, Resumo e Referˆencias
Projeto de intera¸c˜
ao com o usu´
ario: Prototipa¸c˜
ao criando
e escolhendo alternativas
Prototipa¸
c˜
ao: criando e escolhendo alternativas
Duas abordagens para cria¸
c˜
ao de prot´
otipos:
Prototipa¸
c˜
ao evolutiva (ou desenvolvimento explorat´
orio)
Prototipa¸
c˜
ao descart´
avel (ou throwaway)
Prototipa¸c˜ao de interface
Exerc´ıcios, Resumo e Referˆencias
Projeto de intera¸c˜
ao com o usu´
ario: Prototipa¸c˜
ao criando
e escolhendo alternativas
Prototipa¸
c˜
ao: criando e escolhendo alternativas
Prototipa¸c˜
ao evolutiva (ou desenvolvimento explorat´
orio)
Caracter´ısticas:
explora¸
c˜
ao de requisitos
evolu¸
c˜
ao do prot´
otipo
Vantagem:
tempo de desenvolvimento de um prot´
otipo para outro ´
e ‘curto’
Desvantagem:
propaga¸
c˜
ao de erros pode ocorrer de uma vers˜
ao para outra
pensamento ‘estamos desenvolvendo um prot´
otipo’
Prototipa¸c˜ao de interface
Exerc´ıcios, Resumo e Referˆencias
Projeto de intera¸c˜
ao com o usu´
ario: Prototipa¸c˜
ao criando
e escolhendo alternativas
Prototipa¸
c˜
ao: criando e escolhendo alternativas
Prototipa¸c˜
ao descart´
avel (ou throwaway)
Caracter´ısticas:
prot´
otipo ´
e criado e abandonado
melhor compreens˜
ao dos requisitos
Vantagem:
evita propaga¸
c˜
ao de erros de uma vers˜
ao para outra
Desvantagem:
Prototipa¸c˜ao de interface
Exerc´ıcios, Resumo e Referˆencias
Projeto de intera¸c˜
ao com o usu´
ario: Prototipa¸c˜
ao criando
e escolhendo alternativas
Prototipa¸
c˜
ao: criando e escolhendo alternativas
Como buscar alternativas:
sendo criativo;
observando sistemas similares
observando sistemas concorrentes
estudando a evolu¸
c˜
ao de inven¸
c˜
oes relacionadas (ex. m´
aquina de
datilografia - processador de textos)
Prototipa¸c˜ao de interface
Exerc´ıcios, Resumo e Referˆencias
Projeto de intera¸c˜
ao com o usu´
ario: Prototipa¸c˜
ao criando
e escolhendo alternativas
Prototipa¸
c˜
ao: criando e escolhendo alternativas
Como buscar alternativas:
sendo criativo;
observando sistemas similares
observando sistemas concorrentes
estudando a evolu¸
c˜
ao de inven¸
c˜
oes relacionadas (ex. m´
aquina de
datilografia - processador de textos)
Prototipa¸c˜ao de interface
Exerc´ıcios, Resumo e Referˆencias
Projeto de intera¸c˜
ao com o usu´
ario: Prototipa¸c˜
ao criando
e escolhendo alternativas
Prototipa¸
c˜
ao: criando e escolhendo alternativas
Caracter´ısticas externas vs internas
Para o projeto de UI as caracter´ısticas externas se sobresaem
Como escolher uma dentre v´
arias alternativas:
observa¸
c˜
ao;
compara¸
c˜
ao;
ado¸
c˜
ao de m´
etricas;
outras.
Prototipa¸c˜ao de interface
Exerc´ıcios, Resumo e Referˆencias
Projeto de intera¸c˜
ao com o usu´
ario: Prototipa¸c˜
ao criando
e escolhendo alternativas
Prototipa¸
c˜
ao: criando e escolhendo alternativas
Caracter´ısticas externas vs internas
Para o projeto de UI as caracter´ısticas externas se sobresaem
Como escolher uma dentre v´
arias alternativas:
observa¸
c˜
ao;
compara¸
c˜
ao;
ado¸
c˜
ao de m´
etricas;
outras.
Prototipa¸c˜ao de interface
Exerc´ıcios, Resumo e Referˆencias
Projeto de intera¸c˜
ao com o usu´
ario: Prototipa¸c˜
ao criando
e escolhendo alternativas
Prototipa¸
c˜
ao: criando e escolhendo alternativas
Desenvolver um s´
o ou v´
arios prototipos?
Desenvolver em paralelo ou serial?
Desenvolver compartilhando os prot´
otipos ou n˜
ao?
Compartilhando:
(a) todos os designs
(b) apenas um design
(c) apenas o melhor design
Prototipa¸c˜ao de interface
Exerc´ıcios, Resumo e Referˆencias
Projeto de intera¸c˜
ao com o usu´
ario: Prototipa¸c˜
ao criando
e escolhendo alternativas
Prototipa¸
c˜
ao: criando e escolhendo alternativas
Desenvolver um s´
o ou v´
arios prototipos? R. v´
arios
Desenvolver em paralelo ou serial? R. paralelo
Desenvolver compartilhando os prot´
otipos ou n˜
ao? R.
compartilhando
Compartilhando:
(a) todos os designs
(b) apenas um design
(c) apenas o melhor design
Prototipa¸c˜ao de interface
Exerc´ıcios, Resumo e Referˆencias
Projeto de intera¸c˜
ao com o usu´
ario: Prototipa¸c˜
ao criando
e escolhendo alternativas
Prototipa¸c˜ao de interface
Exerc´ıcios, Resumo e Referˆencias
Projeto de intera¸c˜
ao com o usu´
ario: Prototipa¸c˜
ao criando
e escolhendo alternativas
Motiva¸
c˜
ao
Prototipa¸c˜ao de interface
Exerc´ıcios, Resumo e Referˆencias
Projeto de intera¸c˜
ao com o usu´
ario: Prototipa¸c˜
ao criando
e escolhendo alternativas
Motiva¸
c˜
ao
Atividade: Construir um paraquedas
Usu´
arios foram identificados?
Requisitos/necessidades foram estabelecidos?
O produto final foi criado na primeira tentativa ou diversas
vers˜
oes foram criadas?
Uma vers˜
ao era diferente da outra em quais aspectos?
Prototipa¸c˜ao de interface
Exerc´ıcios, Resumo e Referˆencias
Projeto de intera¸c˜
ao com o usu´
ario: Prototipa¸c˜
ao criando
e escolhendo alternativas
Prototipa¸
c˜
ao: criando e escolhendo alternativas
Steven Dow, A. Glassco, J. Kass, M. Schwarz, D. Schwartz, Scott
Klemmer
Prototyping Dynamics: Sharing Multiple Designs Improves
Exploration, Group Rapport, and Results
Steven Dow, J. Fortuna, D. Schwartz, B. Altringer, D. Schwartz,
Scott Klemmer
Parallel Prototyping Leads to Better Design Results, More
Divergence, and Increased Self-Efficacy
Prototipa¸c˜ao de interface
Exerc´ıcios, Resumo e Referˆencias
Projeto de intera¸c˜
ao com o usu´
ario: Prototipa¸c˜
ao criando
e escolhendo alternativas
Prototipa¸
c˜
ao: criando e escolhendo alternativas
Quantidade vs. Qualidade? (Bayles and Orland, 2001) apud
Scott Klemmer (HCI online course)
Quantidade
aprendizado a partir dos erros
ciclo criar testar, melhorar...
Qualidade
Prototipa¸c˜ao de interface
Exerc´ıcios, Resumo e Referˆencias
Projeto de intera¸c˜
ao com o usu´
ario: Prototipa¸c˜
ao criando
e escolhendo alternativas
Prototipa¸c˜ao de interface
Exerc´ıcios, Resumo e Referˆencias
Projeto de intera¸c˜
ao com o usu´
ario: Prototipa¸c˜
ao criando
e escolhendo alternativas
Prototipa¸
c˜
ao: criando e escolhendo alternativas
Experimento serial vs. paralelo (Resultados)
Compreens˜
ao da cr´ıtica design (n˜
ao ao autor)
Incentivo `
a compara¸
c˜
ao e transferˆ
encia
Prototipa¸c˜ao de interface
Exerc´ıcios, Resumo e Referˆencias
Projeto de intera¸c˜
ao com o usu´
ario: Prototipa¸c˜
ao criando
e escolhendo alternativas
Prototipa¸
c˜
ao: criando e escolhendo alternativas
Experimento compartilhar todos, um, ou o melhor (Resultados)
Prototipa¸c˜ao de interface
Exerc´ıcios, Resumo e Referˆencias
Resumo
Resumo
Prot´
otipos s˜
ao vers˜
oes incompletas de um produto que servem para investigar um
ou mais aspectos
Diferentes prot´
otipos possuem diferentes objetivos
No cen´
ario ideal devem ser criados v´
arios prototipos em paralelo de maneira a
compartilhar/combinar todos os prot´
otipos
Prototipa¸c˜ao de interface
Exerc´ıcios, Resumo e Referˆencias
Leituras recomendadas
Preece, Rogers e Sharp
Design de intera¸
c˜
ao
Se¸c˜
ao 6.3.3 - Como criar designs alternativos
Se¸c˜
ao 6.3.4 - Como escolher uma dentre as alternativas de
design?
Prototipa¸c˜ao de interface
Exerc´ıcios, Resumo e Referˆencias