Apresentaç_o - Prototipagem Em Papel

Prévia do material em texto

Prototipagem em Papel 
DESENVOLVER E TESTAR INTERFACES ANTES DE INICIAR A PROGRAMAÇÃO 
PONTIFÍCIA UNIVERSIDADE CATÓLICA DE MINAS GERAIS 
6º PERÍODO – SISTEMAS DE INFORMAÇÃO 
Integrantes do Grupo 
 Camila Valadares 
 Diego Neves 
 Guilherme Pessoa 
 João Guilherme 
 Lucas Santos 
 Mariana Sena 
 Renan Barbosa 
 Weverson Pereira 
 
Novos Desafios 
 Interfaces cada vez mais complexas; 
 Novos desafios através do uso de Rich Internet Applications; 
 Prazos de desenvolvimento cada vez mais curtos; 
 É necessário usar uma metodologia mais simples e rápida para 
modelação de interfaces. 
Protótipos? 
 Usados para identificar as interações em rascunho e o design das 
telas de interface; 
 Podem ser feitos testes e simulações rápidas; 
 Servem para transmitir aos designers/developers as interfaces e/ou 
as funcionalidades que a interface deverá ter, bem como os fluxos 
de informação; 
 Podem ser concebidos em papel ou outros formatos 
(PowerPoint/Keynote, Visio/OmniGraffle, etc...) 
Por que em papel e não outro 
formato? 
 Porque em papel dá para apagar e voltar a escrever por cima, tirar 
notas, dobrar, recortar... (mesmo durante os testes de usabilidade); 
 É mais rápido de desenhar do que usando qualquer software; 
 É mais fácil transpor as ideias diretamente para o papel; 
 É mais fácil envolver outras pessoas no desenvolvimento dos 
protótipos; 
 Os utilizadores conseguem ser mais críticos ao olharem para um 
protótipo em papel do que para uma página com um aspecto 
mais formal 
Poupar dinheiro usando protótipos 
 As maiores melhorias no interface de um produto são obtidas 
através do recolhimento de dados de usabilidade nas fases iniciais 
do seu desenvolvimento. 
 Os benefícios da aplicação de metodologias de usabilidade nas 
fases iniciais é10 vezes maior do que se for apenas utilizada numa 
fase posterior (para correção de erros e alteração de elementos na 
interface). 
 É mais barato alterar um produto na sua fase inicial do que fazer 
alterações a um produto acabado. Estima-se que seja 100 vezes 
mais barato efetuar alterações antes de se começar a programar 
do que esperar que todo o desenvolvimento tenha sido efetuado. 
Vantagens dos protótipos no geral 
A prototipagem é particularmente útil para recolher dados sobre: 
 Conceitos e terminologia; 
 Navegação; 
 Conteúdo; 
 Layout da página; 
 Funcionalidade. 
Vantagens dos 
Protótipos em Papel 
 Testar o layout antes de começar 
a programar; 
 Fazer alterações rapidamente; 
 Eliminar variáveis tecnológicas nos 
testes de usabilidade. 
 Baixo custo de implementação; 
 Documentação rápida 
Desvantagens dos Protótipos em 
Papel 
 Difícil “copiar” o comportamento de alguns elementos de 
interface: scrollbars, transmissão de informação através do uso de 
cores, animações, Rich Applications, etc... 
 Durante a concepção e testes aos protótipos, não é escrita 
nenhuma linha de código, o que pode atrasar o tempo total 
disponível para o projeto; 
 O aspecto das interfaces pode fazer com que os utilizadores (e o 
cliente) sinta que é um método pouco profissional; 
 Não permite encontrar todo o tipo de problemas de usabilidade. 
Em que fases aplicar a 
prototipagem? 
 Podem-se criar e testar protótipos em qualquer fase do processo de 
desenvolvimento; 
 Alterações nas fases iniciais são mais bem sucedidas e mais baratas 
do que correções numa fase posterior; 
 Podem fazer-se protótipos com base num interface já existente 
(para testar a implementação de novas funcionalidades). 
Prototipagem de 
Rich Internet Applications 
 Como mostrar em papel as 
interações deste tipo de aplicações 
web? 
O que é? 
 Aplicações de Internet Rica 
(da sigla em inglês RIA - Rich 
Internet Application). 
 São Aplicações Web que tem 
características e 
funcionalidades de softwares 
tradicionais do tipo aplicativo. 
 Interface mais elaborada que 
o HTML puro. 
 Divisão do processamento 
entre cliente e servidor. 
 
Prototipagem de 
Rich Internet Applications 
 O objetivo de testar um protótipo é o de criar um interface usável. 
Se for difícil de copiar o comportamento de algum efeito no papel, 
isso pode significar que o próprio efeito no site não será muito 
usável. 
 O objetivo da prototipagem não é testar se o site é bom, mas sim 
se os utilizadores conseguem realizar as suas tarefas. 
 Os protótipos não precisam de incorporar todos os elementos da 
página. Apenas necessitam de capturar a funcionalidade do site e 
fornecer as informações corretas e dentro do mesmo contexto. 
Prototipagem de 
Rich Internet Applications 
Prototipagem de 
Rich Internet Applications 
Prototipagem de 
Rich Internet Applications 
Case Study 
 Como o uso de protótipos em papel pode 
ser um êxito no desenho de uma nova 
aplicação 
O problema (deles) 
 Uma empresa tinha a necessidade de informatizar todos os seus 9 
departamentos que trocavam vários tipos de informação entre si; 
 A informação era escrita em documentos XLS e DOC, impressa e 
enviada para outro departamento, que, por sua vez, copiava os 
dados para o computador, alterava, imprimia e passava para outro 
departamento; 
 Relatórios financeiros e de contabilidade feitos à mão em folhas de 
cálculo; 
 Necessidade de uma aplicação web que permitisse eliminar passos 
desnecessários, gerar relatórios automaticamente, ser fácil de usar. 
O problema (nosso) 
 Como convencer a empresa da necessidade de um estudo 
elaborado antes de implementar uma solução qualquer? 
 Como explicar a importância do uso de entrevistas e protótipos em 
papel antes mesmo de começarmos a desenvolver a solução? 
 Receio da reação dos utilizadores e das chefias perante a 
apresentação de protótipos de baixa resolução e de aspecto 
tosco (em papel e desenhados à mão); 
Entrevista com 
Colaboradores 
 Foram feitas entrevistas com os 
colaboradores dos 9 departamentos; 
 Recolha de dados sobre as tarefas, 
procedimentos, workflows, dependências e 
métodos de trabalho; 
Elaboração de 
Protótipos em Papel 
 Com base nos resultados das entrevistas, foram elaborados 
protótipos em papel de uma futura aplicação web que permitisse 
informatizar todos os processos identificados; 
Elaboração de 
Protótipos em Papel 
Elaboração de 
Protótipos em Papel 
Testes de Usabilidade 
 Testes de usabilidade com todos os 9 departamentos usando os 
protótipos em papel; 
 Durante os testes foram identificados possíveis problemas de 
usabilidade, correção de algumas interfaces, confirmação (ou 
não) da qualidade/precisão da informação disponibilizada, etc... 
 Todos os participantes nas entrevistas estiveram presentes nos testes 
de usabilidade e deram sugestões para alterar algumas interfaces. 
Conhecer a Linguagem dos 
Utilizadores 
Passagem para a 
Equipe de Desenvolvimento 
 Após as correções aos protótipos, são desenhados wireframes 
(protótipos de resolução superior aos desenhos no papel) para 
passar para equipe de desenvolvimento; 
 Através desta metodologia foi possível testar todas as interfaces 
antes mesmo de se começar a programar; 
 Redução da probabilidade de possíveis correções ao interface no 
futuro; 
 Satisfação elevada dos utilizadores por sentirem que também 
ajudaram a desenvolver o software que estão a usar e que foi feito 
“por e para eles”. 
Com Protótipos em Papel... 
 Poupamos tempo e dinheiro; 
 Garantimos um nível elevado de satisfação dos utilizadores e 
diminuímos a probabilidade de ter que efetuar correções no futuro; 
 Fornecemos à equipe de desenvolvimento um conjunto de 
informaçõese especificações que lhes permitiram desenvolver 
toda a interface tendo em conta as recomendações dos seus reais 
utilizadores; 
 Temos um método simples e rápido para desenhar e testar 
interfaces. 
Perguntas? 
Referências 
 Ivo Gomes: 
http://www.ivogomes.com/blog/prototipagem-em-papel/ 
 
 Oficina da Net: 
http://www.oficinadanet.com.br/artigo/1374/ria_-
_rich_internet_application#ixzz2fMDqjY5N