IHC 05 Designs Alternativos

(1)

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

(2)

Prototipa¸c˜ao de interface Exerc´ıcios, Resumo e Referˆencias

Objetivos

Apresentar abordagens para cria¸

c˜

ao de prot´

otipos

Descrever meios para criar e escolher designs alternativos

(3)

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

(4)

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)

(5)

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’

(6)

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:

(7)

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)

(8)

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)

(9)

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.

(10)

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.

(11)

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

(12)

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

(13)

Projeto de intera¸c˜

ao com o usu´

ario: Prototipa¸c˜

ao criando

e escolhendo alternativas

(14)

Projeto de intera¸c˜

ao com o usu´

ario: Prototipa¸c˜

ao criando

e escolhendo alternativas

Motiva¸

c˜

ao

(15)

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?

(16)

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

(17)

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

(18)

Projeto de intera¸c˜

ao com o usu´

ario: Prototipa¸c˜

ao criando

e escolhendo alternativas

(19)

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

(20)

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)

(21)

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

(22)

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?

(23)

Perguntas?

Alexandre de Andrade Barbosa

alexandre.barbosa@arapiraca.ufal.br