Fundamentos de Prototipagem e Avaliação de Usabilidade

O que é um Protótipo?

O Protótipo é uma representação correta, mas parcial, do sistema que se pretende desenvolver. Ele permite aos usuários interagirem com o sistema e explorarem sua adequação, reduzindo o tempo e o custo de desenvolvimento.

Exemplos de Protótipos:

• Telas ou conjunto de telas feitas em papel;
• Vídeo simulando uma tarefa;
• Modelo 3D.

Vantagens da Prototipagem:

• São mais rápidos de construir;
• Podem ser avaliados, mesmo feitos em papel;
• Pode-se experimentar várias alternativas de design;
• Quando um problema é encontrado, sua alteração é fácil e rápida;
• Falhas graves podem ser descartadas sem muito custo;
• Permite manter o design centrado no usuário (User-Centered Design), na medida em que se constrói algo concreto para mostrar/testar com os usuários, mantendo-os envolvidos no processo de design.

Design Paralelo (Parallel Design)

No Design Paralelo, cada pessoa cria soluções alternativas para a mesma interface. Após a conclusão, a equipe analisa todas as soluções e cada designer aproveita as melhores ideias para a interface final.

Classificação de Protótipos

1. Abrangência e Profundidade

• Profundidade: Relacionada com a quantidade de funcionalidade de cada tarefa. Um Protótipo com muita profundidade (Protótipo Vertical) apresenta muitas funcionalidades para poucas tarefas. Permite testar apenas uma parte do sistema usando uma base de dados real (com front-end e back-end).
• Abrangência: Refere-se à fração de tarefas oferecidas pelo protótipo. Um Protótipo com muita abrangência (Protótipo Horizontal) permite testar várias tarefas. Pode-se considerar o front-end completo, mas sem back-end. Não consegue testar uma tarefa real, porém é mais rápido de desenvolver e permite testar toda a interface.

2. Fidelidade e Funcionalidade

A Fidelidade refere-se ao visual do protótipo (interface ou dispositivo físico). Existem 3 tipos:

• PBF (Protótipo de Baixa Fidelidade): Representações artísticas usando esboços em papel.
• PMF (Protótipo de Média Fidelidade): Wireframes com detalhamento através de componentes de interface.
• PAF (Protótipo de Alta Fidelidade): Assemelha-se ao produto final, permitindo controle de transições e interações complexas.

Métodos de Prototipagem

Storyboards

Sequências de desenhos ou imagens que representam de que modo uma interface seria usada para completar uma determinada tarefa.

Protótipos em Papel

Vantagens do Protótipo em Papel:

• Mais rápido de construir e de alterar do que codificar;
• No tempo de programar 1, você pode fazer vários esboços alternativos;
• Concentra-se no design;
• Melhora os feedbacks.

Ferramentas: Cacoo, Balsamiq Mockups, Mockingbird e Gliffy.

Avaliação Heurística

A Avaliação Heurística consiste em coletar informações sobre um projeto ou produto em relação à funcionalidade e interação. É uma estimativa do sucesso ou insucesso das hipóteses do projetista sobre a solução proposta. Envolve desde "o que você acha desta ideia" até avaliações rigorosas.

Por que Avaliar?

• Conhecer o que os usuários querem e os problemas que experimentam;
• Verificar se as ideias estão de acordo com as necessidades e os desejos dos usuários;
• Responder dúvidas.

O que Avaliar?

• Funcionalidade do Sistema: Qualidade de adequação aos problemas e se o design permite ao usuário efetuar tarefas de modo fácil e eficiente.
• Usabilidade da Interface: Qualidade de interação, se é fácil aprender a usar o sistema, e se o uso é agradável e eficiente.
• Comunicabilidade: Qualidade de comunicação projetista/usuário. A interface deve expressar o modelo de interação previsto.
• Aprendizado do Usuário: O conhecimento do usuário evolui através da interação.

Quando Avaliar?

A avaliação deve ocorrer:

• Durante o ciclo de vida do sistema (resultados utilizados para melhorias gradativas da interface);
• Nas primeiras fases (para verificar se os projetistas entenderam as necessidades dos usuários e testar ideias);
• Nas fases finais (para identificar dificuldades dos usuários e melhoria do produto).

Tipos de Avaliação

• Formativa: Feita durante o processo de desenvolvimento. Permite identificar e consertar um problema de interação antes que seja implementado. Uso de modelos, protótipos e storyboards.
• Somativa: Avaliar o produto já terminado. Testa se o produto está de acordo com o estilo padrão da empresa.