Aula 8_Usabilidade_Estacio Ceara
14 pág.

Aula 8_Usabilidade_Estacio Ceara

Disciplina:Engenharia de Usabilidade1.919 materiais3.874 seguidores
Pré-visualização1 página
ENGENHARIA DE USABILIDADE

Professor: David Falcão, M.Sc.
davidfalcaoprof@gmail.com

CURSO SUPERIOR DE TECNOLOGIA
DE DESENVOLVIMENTO DE SISTEMAS

Engenharia de Usabilidade – Prof. David Falcão

Processo de Design Centrado no Usuário

Engenharia de Usabilidade – Prof. David Falcão

Design – Criação / Concepção

Técnica – Uso de Protótipos

Porque fazer protótipos?

• São muito úteis quando se estão discutindo ideias com stakeholders

• Facilitam a comunicação entre os membros da equipe

• Auxiliam a testar a viabilidade técnica de uma ideia de implementação

• Esclarecem alguns requisitos vagos

• Antecipam possíveis problemas de construção da interface

Engenharia de Usabilidade – Prof. David Falcão

Design – Criação / Concepção

Técnica – Uso de Protótipos

• Protótipo de baixa fidelidade (mockups,
wireframes..)

• é um modelo de um artefato ou dispositivo,
que normalmente é usado para ensinar,
demonstrar e testar interfaces

• é uma maneira de prototipar uma interface,
podendo ser em papel ou com imagens feitas
no computador

Engenharia de Usabilidade – Prof. David Falcão

Design – Criação / Concepção

Técnica – Uso de Protótipos

• Protótipo de baixa fidelidade
(mockups, wireframes..)

• Focam na interação, componentes da
interface e na estrutura do sistema

• Não se preocupam com o Guia de Estilo

• Protótipos usando papel e lápis

• Útil para demonstrar as atividades do sistema
e as possibilidades denavegação

• Fácil de criar, com possibilidade de
participação dos usuários

• São baratos

Engenharia de Usabilidade – Prof. David Falcão

Design – Criação / Concepção

Técnica – Uso de Protótipos

• Protótipos de baixa fidelidade

Engenharia de Usabilidade – Prof. David Falcão

Design – Criação / Concepção

Técnica – Uso de Protótipos

• Protótipo de alta fidelidade

• Os protótipos de alta fidelidade consideram padrões e guias
de estilos e demonstram um layout bem próximo ao das interfaces
finais do sistema.

Engenharia de Usabilidade – Prof. David Falcão

Design – Criação / Concepção

Técnica – Uso de Protótipos

• Protótipo de alta fidelidade

• Produzem imagem detalhada do sistema, baseada no protótipo de baixa
fidelidade.

• Uso de ferramentas como Adobe Photoshop, Corel Draw, Dreamweaver

• Útil para demonstrar padrões gráficos do sistema e o guia de estilo
selecionado.

• Serve como instrumento de aceitação junto ao cliente

• Pode ser navegável

Engenharia de Usabilidade – Prof. David Falcão

Design – Criação / Concepção

““Baixa Fidelidade Alta Fidelidade

Engenharia de Usabilidade – Prof. David Falcão

Design – Criação / Concepção

Engenharia de Usabilidade – Prof. David Falcão

Design – Criação / Concepção

Técnica – Uso de Protótipos

Engenharia de Usabilidade – Prof. David Falcão

Design – Criação / Concepção

Técnica – Uso de Protótipos

• Como prototipar em papel

• Entender quais são os requerimentos do projeto

• Definir as tarefas mais importantes

• Fazer brainstorming sobre as ideias e conceitos do projeto

• Formar times com pessoas de diferentes áreas da empresa (máximo de 6
pessoas)

• Facilita o entendimento e divide a responsabilidade
• Reduz a competição e conflitos
• Existe uma base de conhecimento maior
• Gera ideias mais criativas

• Crie um protótipo que permita executar estas tarefas

Engenharia de Usabilidade – Prof. David Falcão

Design – Criação / Concepção

Técnica – Uso de Protótipos

• Exercício 4 – Protótipos
– Resolver exercício proposto;
– Enviar para davidfalcaoprof@gmail.com

Engenharia de Usabilidade – Prof. David Falcão

Referências

• PREECE, J.; ROGERS, Y.; SHARP, H. Design de interação: Além da interação homem-computador. 1a.
Edição. Porto Alegre: Bookman, 2005 (bibliografia principal);

• Bastien, C. & Scapin, D. Human factors criteria, principles, and recommandations for HCI:
methodological and standardisation issues. (Internal Repport) INRIA, 1993.