Prototipao

Engenharia de Usabilidade Prof.: Clarindo Isaas Pereira da Silva e Pdua

Synergia / Gestus

Prototipao

Departamento de Cincia da Computao - UFMG

Clarindo Pdua
2

Prototipao

Prototipao

Referncias
l

Prototipa o
l l l l l

Hix, D.; Hartson, H. R. Developing User Interfaces: Ensuring Usability Through Product & Process, John Wiley and Sons, 1993. Nielsen, J. Usability Engineering. Chestnut Hill, MA, Academic Press, 1993. Boehm, C. W. et al. Prototyping vs. Specification: A MultiProject Experiment, Proc. Of seventh Int. Conf. On Software Engineering, New York: ACM and IEEE, 473-484, 1984. Alavi, M. An Assessment of the Prototyping Approach to Inofrmation Systema Development. CACM, 27(6), 556-563, 1984. Ehn, P. Work Oriented Design of Computer Artifacts, Hillsdale, NJ: Erlbaum, 1990
3

Introduo Tipos de prottipos Vantagens Riscos Ferramentas de prototipao

Prototipao

Prototipao > Introduo

Introduo
l

Prototipagem uma tcnica, no simplesmente uma ferramenta.

Dilema: - Voc no pode avaliar um desenho da interao antes que este esteja construdo, mas depois de constru do, mudan as no projeto so difceis (se no impossveis).
l

Essa tcnica pode ser eficaz mesmo com a utilizao de desenhos manuais ou outros meios no automatizados.

No comeo do projeto no h nada para testes e construir algo para testar gasta tempo, dinheiro e um alto investimento para um conceito de desenho que no foi avaliado - isso se torna um impasse e um dilema para os desenvolvedores.

Um desenvolvedor pode fazer o papel do computador; tais mtodos podem ser bastante eficazes.

Soluo - prototipagem rpida

l

O uso da criatividade na construo de prottipos pode dispensar maiores esforos de implementao.

Atravs da prototipagem rpida, um desenvolvedor da intera o tem a oportunidade de avaliar projetos propostos o mais cedo possvel.

Prototipao > Introduo

Prototipao > Introduo > Motivao

Motiva o
l

A tcnica de prototipao e o desenho iterativo vem surgindo com nfase no contexto de desenvolvimento de software interativo, principalmente para a interface do usurio

Maquetes, modelos e prottipos em geral oferecem a possibilidade de observar precocemente muitos aspectos sobre a natureza final do produto, avaliando id ias e pesando alternativas antes do comprometimento com o produto final.
l

Prototipao permite, como Hitchcock fazia com seus filmes, refinamento do produto baseado em feedback dos usurios.

O conceito de prototipao bem sedimentado em reas mais bem estabelecidas como a engenharia, a arquitetura e a escultura; no entanto no tem sido muito utilizado no desenvolvimento de software interativo.
l

A prototipao permite a deteco precoce de problemas, reduzindo custos e melhorando a qualidade do produto.

Voc encomendaria a construo de uma casa sem exigir uma planta ou maquete ?
7

Prototipao > Introduo > Motivao

Prototipao > Introduo

Prototipao tambm tem a vantagem de promover a participa o / comprometimento do usurio.

O uso de Prototipao para apoiar desenho iterativo no significa que os desenvolvedores possam se dar ao luxo de serem preguiosos ou descuidados com o projeto inicial.
l

Prottipos permitem que os desenvolvedores observem o comportamento dos usurios e suas reaes de forma semelhante ao que aconteceria com o produto final.
9

A questo simplesmente que no possvel, somente com o uso de diretrizes de projetos, ter um produto adequado da primeira vez.

10

Prototipao > Introduo

Prototipao > Introduo

Ciclo desenha prototipa -- avalia

Desenha Prototipa

Desenho / redesenho prototipao, implementao avaliao, anlise

Os testes com os primeiros prottipos em estgios iniciais de desenho so geralmente realizados pelos prprios desenvolvedores, mas devem tambm incluir representantes de usurios Prototipagem rpida uma tcnica natural que comea com detalhes especficos de um projeto de intera o, depois os estrutura e refina dentro do sistema.
12

Avalia

11

Prototipao > Introduo

Prototipao > Introduo

Trabalhando do concreto para o abstrato um modo pelo qual o ser humano naturalmente investiga, entende e assimila novos conceitos e resolve novos problemas. Para os usurios e desenvolvedores, um prottipo uma coisa concreta, enquanto especificaes so conceitos abstratos. Para Ehn (1990), requisitos de projeto so melhores expressados mostrando-os do que somente falando sobre eles.

Prottipos iniciais
l

Objetivo: testar globalmente a metfora de interao Fidelidade pode ser um pouco menor Deve incluir funes representativas
l

seqenciar subtarefas quando importante.

Prottipos finais
l

Objetivo: testar partes importantes ou ainda no bem resolvidas.

13

14

Prototipao

Prototipao > Tipos de Prottipos

Tipos de Prottipos
l

Classificao por dimenso

l

Prottipos podem ser classificados quanto a:

l

Representao: como o desenho da interao representado no prottipo?

Dimenso Horizontal x Vertical Global x Local

15

16

Prototipao > Tipos de Prottipos > Classificao por dimenso

Prototipao > Tipos de Prottipos > Classificao por dimenso

Escopo
l

Executabilidade
l

O prottipo inclui todo o sistema ou somente a interface?

l

O prottipo pode ser executado a qualquer tempo?

l

Quando representa-se somente a interface chamado de fachada, modelo (mock-up).

l

A implementao e prottipo podem se fundir. Estgios intermedirios de implementao podem impedir a exibio de prottipos.

Neste caso, perde -se em possibilidade de antecipao de funes do sistema.

l

Pode-se ter prottipo compilado/ligado ou interpretado.

17

18

Prototipao > Tipos de Prottipos > Classificao por dimenso

Prototipao > Tipos de Prottipos

Amadurecimento
l

Classificao Horizontal x Vertical (Nielsen, 93)

l

Como o prottipo evolui para o produto?

l

Horizontal: menor profundidade maior largura com relao ao nmero de caractersticas ( features) ou funes contempladas no prottipo.
l

Durante o amadurecimento de prottipo para o produto, usual um sistema interativo passar por vrias etapas:
l

A avalia o da usabilidade nesse tipo de prottipo geralmente menos realstica, mas abrange mais funcionalidades do sistema final.

um ou mais prottipos; uma implementao no desenvolvimento; o produto final.

l

So mais usados para prottipos iniciais.

O amadurecimento pode ser revolucionrio ou evolucionrio.

19 20

Prototipao > Tipos de Prottipos > Classificao Horizontal x Vertical

Prototipao > Tipos de Prottipos

Vertical
l

Classificao Global x Local

l

Global : visa representar o sistema inteiro, trabalhando tanto em alto nvel, paradigmtico, como em nvel de detalhes.
Esta classificao semelhante de prototipao horizontal x vertical, mas um prottipo global pode tambm ter profundidade em algumas partes.
l

Utiliza um menor nmero de caractersticas, abordadas em maior profundidade

l

So mais usados em prottipos quando o desenvolvimento do sistema est mais adiantado.

l

Um usu rio pode, exercitando com uma prottipo global, ter uma boa percep o do produto final. Prottipos globais so usados por todo o ciclo de prototipagem, do comeo at o final.

21

22

Prototipao > Tipos de Prottipos > Classificao Global x Local

Prototipao > Tipos de Prottipos

Local
l

Vantagens
l l

um prottipo de um detalhe especfico, mas que seja importante o suficiente para potencializar a usabilidade de todo o sistema.
l

Sistemas mais fceis de aprender e utilizar. Desenvolvedores menos sujeitos a presses de prazos. Cdigo dos sistemas tende a ficar menor. Sistemas so desenvolvidos com menos esforo.

Um prottipo local usado para avaliar alternativas de desenho para um detalhe particular de interao. Um prottipo local tipicamente isolado (stand-alone) dos prottipos restantes.

l l

O prottipo local tende a ser usado por um breve perodo de tempo, quando detalhes especficos de uma ou outra questo de desenho esto sendo trabalhadas.

23

24

Prototipao > Tipos de Prottipos > Vantagens l

Prototipao > Tipos de Prottipos > Vantagens

l l l

Usurios demonstram um maior nvel de satisfao e aceitao do produto. Maior entusiasmo dos usurios. Melhoria da comunicao sobre o sistema. Prottipos geram uma referncia comum para discusses. Prototipao facilita uma resposta mais rpida dos desenvolvedores.

Permitem um maior nmero de iteraes no desenho. Facilitam a assimilao de um novo paradigma pelos usurios de um sistema que est sendo substitudo.
l

Facilita quebrar a resistncia de usurios a mudanas.

25

26

Prototipao > Tipos de Prottipos

Prototipao > Tipos de Prottipos > Riscos

Riscos
l

Equipe de desenvolvedores e usurios podem perder entusiasmo aps a apresentao de vrias verses de prottipos.

perigoso adotar-se prototipao sem um comprometimento de todas as partes envolvidas. Gerentes podem ver a tcnica como desperdcio de dinheiro. Pode haver uma reduo da disciplina da equipe que tende a enxergar a prototipao como um treino que no para valer.
l

Prototipao pode ser em si um processo caro e trabalhoso.

l

Por exemplo, o prottipo de um sistema de controle de trfego areo para a aviao americana custou milhes de dlares e demorou 2 anos.

Prototipao no brinquedo e deve ser feita com metodologia.

27

28

Prototipao > Tipos de Prottipos > Riscos

Prototipao > Tipos de Prottipos > Riscos

Prottipos podem ser confundidos pelos usu rios com o sistema verdadeiro; isso cria falsas expectativas com relao a prazos.

Plataforma de desenvolvimento do prottipo deve ser bem escolhida para permitir a representao das caractersticas desejadas do prottipo.

Usu rios so bons em produzir crticas mas no so bons em antecipar ou articular necessidades. H limitaes quanto fidelidade com que prottipos representam os sistemas verdadeiros: isso deve ser bem compreendido.
l

Armadilha de superdesenhar (overdesign): tendncia a sofisticar demais o prottipo.

preciso cuidado para no criar -se falsas expectativas de provimento de mais funcionalidades do que o real.
l

Apresenta dificuldades para o desenvolvedor acostumado com a abordagem top-down de projeto.

Por exemplo, se o sistema final no permitir o uso de mouse, tamb m no deve o prottipo permitir.

Tendncia do desenvolvedor a subestimar dificuldades de implementao de tarefas prototipadas como fachada (stub).

29

30

Prototipao

Prototipao > Ferramentas de Prototipao

Ferramentas de Prototipao
l

Caractersticas desejadas
l

Permitem ganho em produtividade

l

A escolha da ferramenta muito importante para um projeto. Observar principalmente as seguintes caractersticas:
l

Permitem diminuio significativa do tempo de desenvolvimento

Facilidade de desenvolver e modificar telas.

l

Muito importantes em grandes projetos Facilitam a gesto da evoluo de desenhos de projetos, muito importante dada a natureza iterativa do ciclo desenho / avaliao
l l l

Permite mistura de parte grfica com textos ?

Suporta o tipo de interface que se deseja desenvolver. Suporta uma boa variedade de dispositivos de entrada / sada. fcil ligar telas ou modificar ligaes.

31

32

Prototipao > Ferramentas de Prototipao > Caractersticas desejadas

Prototipao > Ferramentas de Prototipao

l l

Permite chamada de procedimentos externos. Permite importao de textos, grficos e outras mdias.
l
l

Exemplos de Ferramentas
HyperCard - ferramenta muito utilizada.
O HyperCard permite associao com a produo de documentao.

Possui atributos de usabilidade: facilidade de aprender, facilidade de uso, reteno, etc.

Ferramenta fcil de aprender, fcil de usar e possui biblioteca de objetos de interao embutida (botes, menus, e outros).

Tem bom suporte de fornecedor.

Possui linguagem script que permite extenses para objetos embutidos - HyperTalk.

33

34

Prototipao > Ferramentas de Prototipao > Exemplos de ferramentas

SuperCard, SmethersBarnes Prototyper - Macintosh MacroMind Director - produto baseado no Mac, originalmente criado para desenvolvimento instrucional e programas de ajuda ao aprendizado. Permite animaes.

Visio diagramas em geral, Microsoft

35