PROTOTIPAGEM

Robson Santos

PROTOTIPAGEM
O que veremos:

Conceitos e definies Tipologia de prototipagem Prototipagem em papel Exerccio Plano de teste com prottipo Ferramentas bsicas para prototipagem

PROTOTIPAGEM

Prottipos so modelos construdos para simular a aparncia e a funcionalidade de um produto em desenvolvimento.

PROTOTIPAGEM

Um prottipo uma representao da interface com a qual o usurio pode interagir e oferece informaes para propor mudanas e melhorias.

PROTOTIPAGEM
Um prottipo pode ser:

um pequeno guia para o usurio; uma simulao em papel; uma simulao usando o prprio computador
a partir de uma ferramenta de prototipagem; uma verso inicial do programa; o sistema a ser substitudo, em funcionamento.

PROTOTIPAGEM
Por meio de um prottipo, os futuros usurios do software e desenvolvedores, podem interagir, avaliar, alterar e aprovar as caractersticas mais marcantes da interface e da funcionalidade da aplicao.

PROTOTIPAGEM
Ao se desenvolver um prottipo no necessrio representar toda a funcionalidade do produto.
Pelo contrrio, somente deve ser representada a funcionalidade que atenda aos objetivos do teste ou da avaliao.

Tipologia de prototipagem

PROTOTIPAGEM
PROTOTIPAGEM HORIZONTAL

Apresenta toda a funcionalidade do nvel

mais alto projetada e habilitada. Permite testar a organizao geral do sistema. Representa a pgina inicial com todas as chamadas principais, com cada link ligado apelo menos uma pgina. Permite testar o nvel de compreenso das categorias principais.

PROTOTIPAGEM
PROTOTIPAGEM VERTICAL

Permite verificar como o usurio se

desloca pelos nveis da hierarquia. Representa a funcionalidade do sistema em um grupo de atividades. Permite que o usurio interaja em nveis aprofundados. Apenas um pequeno nmero de caminhos implementado totalmente.

Pgina index

Prototipagem horizontal

Sees no implementadas Prototipagem vertical

PROTOTIPAGEM
PROTOTIPAGEM DE CENRIO

orientada tarefa. Em teste devem ser estabelecidas trs

tarefas importantes que exponham a funcionalidade devem ser planejadas. o formato ideal para avaliar usabilidade, pois o tamanho limitado o torna fcil de ser alterado a partir das respostas do usurio.

Diferentes caractersticas

Prototipagem horizontal

Prototipagem de cenrio

Prototipagem vertical

Funcionalidade

PROTOTIPAGEM

PROTTIPOS ESTTICOS feitos em papel PROTTIPOS INTERATIVOS desenvolvidos com aplicativos especficos

PROTOTIPAGEM
Dimenses de fidelidade de modelos

1. DETALHAMENTO: a quantidade de detalhes que o modelo suporta. 2. GRAU DE FUNCIONALIDADE: a extenso na qual os detalhes de operao so completos 3. SIMILARIDADE DE INTERAO: o quo similar as interaes como o modelo sero com o produto final 4. REFINAMENTO ESTTICO: o quo realstico o modelo .

PROTOTIPAGEM
PROTOTIPAGEM DE BAIXA FIDELIDADE

Possui baixo grau de detalhamento. Somente apresenta visualmente a funcionalidade. No possui recursos interao. No exibido no mesmo suporte que o produto final. No exibe, necessariamente, o aspecto visual
definitivo. composto por representao das telas em papel. til para avaliar solues na fase inicial de desenvolvimento do projeto de interface. til para resolver problemas de hierarquia de menus.

PROTOTIPAGEM
PROTOTIPAGEM DE BAIXA FIDELIDADE

O prottipo pode ser executado em algum programa para criao ou edio de imagens, sem que haja preocupao com o contedo, podendo mesmo o texto ser simulado, somente para apresentar sua localizao.

PROTOTIPAGEM
PROTOTIPAGEM DE MDIA FIDELIDADE

Deve exibido no suporte final. Apresentar o aspecto visual mais prximo do

definitivo mais realstico que o de baixa fidelidade O grau de funcionalidade e a similaridade de interao no so fatores fundamentais nesse tipo de prottipo. Pode ser implementado em uma apresentao de telas em seqncia, com algumas zonas de salto predefinidas para simular a navegao.

PROTOTIPAGEM
PROTTIPO DE ALTA FIDELIDADE

Possibilita a interao do usurio como se fosse

o produto final. Representa fielmente o produto final em termos de aparncia visual, interatividade e navegao. Possui razovel funcionalidade implementada e contm amostra do contedo. desenvolvido e apresentado no computador.

PROTOTIPAGEM
ETAPAS DO PROCESSO DE PROTOTIPAGEM 1. Desenvolver modelo conceitual 2. Desenvolver prottipo 3. Avaliar prottipo Com base nos resultados da avaliao, essas trs etapas podem ser repetidas ciclicamente at que o resultado desejado seja alcanado.

PROTOTIPAGEM
No modelo conceitual se considera somente o mais alto nvel do design da interface, com tomada de decises sobre:

orientao a processo ou a produto; definio dos produtos ou processos; apresentao dos produtos ou processos; regras para o uso de tipos de janelas; definio de maiores telas e caminhos de
navegao entre elas.

PROTOTIPAGEM
MODELO CONCEITUAL O modelo conceitual deve incluir regras para:

localizao e apresentao da identidade visual; dimenses e localizao de painis; links para os diferentes nveis da organizao do site; links versus outras aes (Enviar, p.ex); links versus no links (Ilustraes, p.ex); links externos versus links internos; informaes visuais que indiquem interao ou
navegao.

PROTOTIPAGEM
PADRES DE PROJETO DE TELAS
Asseguram consistncia e simplicidade, o que contribui para facilidade de aprendizagem, para rememorao e para a facilidade de uso.

PROTOTIPAGEM
PADRES DE PROJETO DE TELAS
O uso de padres reduz tempo e custo tanto no desenvolvimento quanto na manuteno, por fornecerem para o desenvolvimento cdigo reutilizvel.

PROTOTIPAGEM
PADRES DE PROJETO DE TELAS Os seguintes elementos podem ser padronizados: uso de controles; posicionamento e formato padro de componentes da tela; terminologia; uso da cor; uso de tipografia e estilos; interaes de dispositivos de apontamento e atalhos do teclado; tipo, localizao, formato e linguagem de mensagens e instrues.

Ferramentas Bsicas para Prototipagem

PROTOTIPAGEM