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

Prototipao Introduo Tipos de prottipos Vantagens Riscos Ferramentas de prototipao

Prototipao

Prototipao > Introduo Prototipagem uma tcnica, no simplesmente uma ferramenta. Essa tcnica pode ser eficaz mesmo com a utilizao de desenhos manuais ou outros meios no automatizados. Um desenvolvedor pode fazer o papel do computador; tais mtodos podem ser bastante eficazes. O uso da criatividade na construo de prottipos pode dispensar maiores esforos de implementao.

Introduo
Dilema: - Voc no pode avaliar um desenho da interao antes que este esteja construdo, mas depois de construdo, mudanas no projeto so difceis (se no impossveis).
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.

Soluo - prototipagem rpida

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

Prototipao > Introduo

Prototipao > Introduo > Motivao

Motivao
Maquetes, modelos e prottipos em geral oferecem a possibilidade de observar precocemente muitos aspectos sobre a natureza final do produto, avaliando idias e pesando alternativas antes do comprometimento com o produto final. 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. Voc encomendaria a construo de uma casa sem exigir uma planta ou maquete ?
7

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 Prototipao permite, como Hitchcock fazia com seus filmes, refinamento do produto baseado em feedback dos usurios. A prototipao permite a deteco precoce de problemas, reduzindo custos e melhorando a qualidade do produto.

Prototipao > Introduo > Motivao

Prototipao > Introduo

Prototipao tambm tem a vantagem de promover a participao / comprometimento do usurio. Prottipos permitem que os desenvolvedores observem o comportamento dos usurios e suas reaes de forma semelhante ao que aconteceria com o produto final.
9

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.
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 Desenho / redesenho prototipao, implementao avaliao, anlise
Desenha Prototipa

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 interao, 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
Objetivo: testar globalmente a metfora de interao Fidelidade pode ser um pouco menor Deve incluir funes representativas seqenciar subtarefas quando importante.

Prottipos finais
Objetivo: testar partes importantes ou ainda no bem resolvidas.

13

14

Prototipao

Prototipao > Tipos de Prottipos

Tipos de Prottipos
Prottipos podem ser classificados quanto a:
Dimenso Horizontal x Vertical Global x Local

Classificao por dimenso Representao: como o desenho da interao representado no prottipo?

15

16

Prototipao > Tipos de Prottipos > Classificao por dimenso

Prototipao > Tipos de Prottipos > Classificao por dimenso

Escopo
O prottipo inclui todo o sistema ou somente a interface?
Quando representa-se somente a interface chamado de fachada, modelo (mock-up).
Neste caso, perde-se em possibilidade de antecipao de funes do sistema.

Executabilidade
O prottipo pode ser executado a qualquer tempo?
A implementao e prottipo podem se fundir. Estgios intermedirios de implementao podem impedir a exibio de prottipos. Pode-se ter prottipo compilado/ligado ou interpretado.

17

18

Prototipao > Tipos de Prottipos > Classificao por dimenso

Prototipao > Tipos de Prottipos

Amadurecimento
Como o prottipo evolui para o produto?
Durante o amadurecimento de prottipo para o produto, usual um sistema interativo passar por vrias etapas: um ou mais prottipos; uma implementao no desenvolvimento; o produto final. O amadurecimento pode ser revolucionrio ou evolucionrio.
19

Classificao Horizontal x Vertical (Nielsen, 93)

Horizontal: menor profundidade maior largura com relao ao nmero de caractersticas (features) ou funes contempladas no prottipo. A avaliao da usabilidade nesse tipo de prottipo geralmente menos realstica, mas abrange mais funcionalidades do sistema final. So mais usados para prottipos iniciais.

20

Prototipao > Tipos de Prottipos > Classificao Horizontal x Vertical

Prototipao > Tipos de Prottipos

Vertical
Utiliza um menor nmero de caractersticas, abordadas em maior profundidade
So mais usados em prottipos quando o desenvolvimento do sistema est mais adiantado.

Classificao Global x Local

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. Um usurio pode, exercitando com uma prottipo global, ter uma boa percepo 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
um prottipo de um detalhe especfico, mas que seja importante o suficiente para potencializar a usabilidade de todo o sistema.
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. 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.

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

23

24

Prototipao > Tipos de Prottipos > Vantagens

Prototipao > Tipos de Prottipos > Vantagens

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.
Facilita quebrar a resistncia de usurios a mudanas.

25

26

Prototipao > Tipos de Prottipos

Prototipao > Tipos de Prottipos > Riscos

Riscos
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.
Prototipao no brinquedo e deve ser feita com metodologia.

Equipe de desenvolvedores e usurios podem perder entusiasmo aps a apresentao de vrias verses de prottipos. Prototipao pode ser em si um processo caro e trabalhoso.
Por exemplo, o prottipo de um sistema de controle de trfego areo para a aviao americana custou milhes de dlares e demorou 2 anos.

27

28

Prototipao > Tipos de Prottipos > Riscos

Prottipos podem ser confundidos pelos usurios com o sistema verdadeiro; isso cria falsas expectativas com relao a prazos. Usurios 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. preciso cuidado para no criar-se falsas expectativas de provimento de mais funcionalidades do que o real.
Por exemplo, se o sistema final no permitir o uso de mouse, tambm no deve o prottipo permitir.

Prototipao > Tipos de Prottipos > Riscos Plataforma de desenvolvimento do prottipo deve ser bem escolhida para permitir a representao das caractersticas desejadas do prottipo. Armadilha de superdesenhar (overdesign): tendncia a sofisticar demais o prottipo. Apresenta dificuldades para o desenvolvedor acostumado com a abordagem top-down de projeto. Tendncia do desenvolvedor a subestimar dificuldades de implementao de tarefas prototipadas como fachada (stub).

29

30

Prototipao

Prototipao > Ferramentas de Prototipao

Ferramentas de Prototipao
Permitem ganho em produtividade
Permitem diminuio significativa do tempo de desenvolvimento

Caractersticas desejadas
A escolha da ferramenta muito importante para um projeto. Observar principalmente as seguintes caractersticas:
Facilidade de desenvolver e modificar telas.

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

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

Permite chamada de procedimentos externos. Permite importao de textos, grficos e outras mdias. Possui atributos de usabilidade: facilidade de aprender, facilidade de uso, reteno, etc. Tem bom suporte de fornecedor.

Exemplos de Ferramentas
HyperCard - ferramenta muito utilizada.
O HyperCard permite associao com a produo de documentao. Ferramenta fcil de aprender, fcil de usar e possui biblioteca de objetos de interao embutida (botes, menus, e outros). 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