The solution must clearly illustrate the benefits of walking to both the person walking and the environment where the walk takes place. This project is in accordance to the parameters from CHI2010 Design Contest for Students (ACM Conference on Human Factors in Computing Systems).

The article summarizes all the stages of the project development. Some changes have been made for the publication on the CHI2010 (http://www.chi2010.org/)

[Article CHI2010 Version EN-US]

[To view PDF documents, you need ]

O objetivo deste trabalho é elaborar a proposta do sistema projetado para a disciplina INE5624-0638 (20092) – Engenharia de Usabilidade , como parte do trabalho de Projeto de Interface. Como tema principal do projeto é desenvolver um projeto de interface de computador com a intenção de motivar pessoas para fazer caminhadas.

A solução precisa ilustrar claramente o valor positivo de caminhar para ambos a pessoa caminhando e o impacto ao local em que a caminhada acontece. O trabalho está alinhado a competição de design de estudantes da CHI (ACM Conference on Human Factors in Computing Systems).

O Artigo resume todas as etapas do projeto, algumas modificações foram realizada para publicação no CHI2010(http://www.chi2010.org/).

[Artigo CHI2010 Versão PT-BR]

[Para visualização do documento, é necessário o ]

Com base nos resultados da A3. Análise e A4. Síntese será realizado um teste de usabilidade do protótipo do sistema proposto. Como resultado deste trabalho será continuada a documentação da A4 acrescentando uma descrição detalhada do teste de usabilidade.
1. Instruções
O objetivo deste trabalho é realizar um teste de usabilidade do protótipo de interface do seu sistema com base nos resultados da análise (A3) e dos protótipos desenvolvidos (A4). Para isto, cada grupo de trabalho precisa:

1. 1. Determinar os objetivos da avaliação com base nos requisitos de usabilidade definidos na Análise (A3). O teste será realizado referente ao objetivo/tarefa principal do sistema proposto para qual foi feito o protótipo na Síntese (A4).
2. 2. Explorar as perguntas a serem respondidas conforme os objetivos da avaliação identificados no passo 1.
3. 3. Preparar o material a ser utilizado durante o teste (protótipo, descrição da tarefa, script da introdução, termo de consentimento livre e esclarecido, etc.)
4. 4. Selecionar participantes que precisam representar as categorias de usuário identificadas na Análise (A3). Trabalhos feitos por um único aluno precisam envolver no mínimo 1 participante, trabalhos sendo realizados em grupo (2-4 alunos) precisam envolver no mínimo 2-3 usuários representativos.
5. 5. Planejar a execução do teste de usabilidade (quando, onde, como etc.)
6. 6. Tratar das questões éticas.
7. 7. Realizar o teste de usabilidade conforme planejado.
8. 8. Analisar e interpretar os dados respondendo as perguntas levantadas no passo 2 para atingir o objetivo do teste definido no passo 1.
9. 9. Documentar o teste de usabilidade conforme o template abaixo.

O trabalho é composto do trabalho escrito e da apresentação do trabalho em sala de aula.
IMPORTANTE: A apresentação deste trabalho (incluindo todas as partes A2/A3/A4/A5) será realizada em formato de sessão de pôsters durante a aula. Para isto é necessário que cada grupo prepare um pôster que será colado na parede da sala. Durante a aula, a professora e os alunos da turma analisarão os trabalhos e no final será realizada uma votação do melhor trabalho.

Diretrizes para preparação dos pôsteres:

• O tamanho do pôster deve ser aprox. ABNT A0 (84cm x 119cm). Vocês podem criar um pôster simplesmente colando 16 papeis ABNT A4.
• O pôster deve identificar o projeto de vocês, os nomes dos participantes, instituição e incluir informações referentes a todos os trabalhos (A2/A3/A4/A5). Incluam fotos dos protótipos, avaliações, etc. Se foram realizados protótipos em papelão, madeira etc. também podem ser trazidos para complementar os pôsteres.

Exemplos podem ser encontrados aqui:
http://brainsideout.com/portfolio/energymonitorposter
http://www.hci.iastate.edu/News/chi2009.php
http://joshuamorse.com/portfolio/academic-projects/

A entrega completa e com sucesso deste trabalho inclui:

1. Capitulo 4. Avaliação (conforme template abaixo e enviado via moodle)
2. Pôster (uma foto do pôster também deve ser enviada via moodle)
3. Atualização do website

2. Template de Avaliação
Projeto de Interface
Sistema: [sigla e titulo]
Equipe: [nomes]
Data: [data]
Web site do projeto:
Resumo
[Resuma em 100 palavras o projeto de interface]
Sumário
Abreviações e Siglas
1. Especificação de proposta
[resultado do trabalho A2]
2. Análise
[resultado do trabalho A3]
3. Síntese
4. Avaliação
4.1 Definição da avaliação
Objetivo da avaliação: [Identifique o objetivo da avaliação]
Perguntas da avaliação: [Identifique as perguntas a serem respondidas pela avaliação com base nos requisitos de usabilidade especificadas na A3. Análise]
Material da avaliação: [Documente qualquer material utilizado, como termo de consentimento livre e esclarecido, descrição de tarefas, script de introdução, questionários, etc.]
4.2 Execução da avaliação
[Descreva onde, quando e como o teste de usabilidade foi realizado. Descreva como os participantes foram escolhidos e descreva os participantes em termos demográficos].
4.3 Resultados da avaliação
[Com base nos dados analisados, responda as perguntas de avaliação definidas no capitulo]
4.1. Mostre fotos dos protótipos para ilustrar pontos fortes e fracos identificados. Faça sugestões de melhoria.

Referências
[Seguindo a norma ABNT (www.bu.ufsc.br/framerefer.html), liste todas as referências utilizadas].

[Download A5]
[Download Poster (Formato CorelDraw)]
[Protótipo 9.11.12]
[Download Planinha de dados A5]

[Para visualização do documento A5, é necessário o ]

Com base nos resultados da A3. Análise será construído um protótipo do sistema proposto.
Como resultado deste trabalho é continuado a documentação da A3 acrescentando uma
descrição e ilustração detalhada do(s) protótipo(s).
1. Instruções
O objetivo deste trabalho é criar protótipos de interface do seu sistema proposto (A2) com
base nos resultados da análise (A3). Para isto, cada grupo de trabalho precisa:
1. Escolher o principal objetivo/tarefa identificado na análise e desenvolver no mínimo 2
(duas) alternativas diferentes de protótipos de baixa fidelidade para este objetivo/tarefa,
que visualizam o design das interfaces (via sketches) e a seqüência de navegação
(p.ex. por meio de fluxogramas, narrativas de história, etc.). Não há necessidade de
projetar todas as interfaces do sistema proposto, mas todos os interfaces referente ao
objetivo/tarefa escolhida precisam ser projetadas. (Observação: Este objetivo/tarefa
escolhida deve necessitar no mínimo o desenho de uma seqüência de 3 interfaces).
2. Escolher a melhor alternativa de design para continuar. Justifique, porque esta
alternativa foi escolhida com base em dados, heurísticas/ diretrizes, restrições ou,
simplesmente, intuição.
3. Para esta alternativa escolhida são desenvolvidos protótipos de papel, papelão, etc. ou
criado simulações de vídeo ou slideshows, gerando como resultado a versão 1.0 dos
protótipos de baixa fidelidade. (Obs.: Os protótipos (seqüência de protótipos) criados
precisam possibilitar a avaliação tanto via percurso cognitivo, quanto via testes de
usabilidade).
4. Avaliar por meio de um percurso cognitivo a usabilidade do protótipo de interface. Como
resultados são anotados os principais pontos fortes & fracos observados e sugestões de
melhoria.
5. Revisar e melhorar os protótipos de baixa fidelidade (sketches, seqüência de
navegação, protótipos de papel, etc.) com base nos resultados desta avaliação gerando
como resultado a versão 2.0 dos protótipos de baixa fidelidade.
6. Com base na versão 2.0 dos protótipos de baixa fidelidade, criar protótipos de alta
fidelidade (p.ex. usando HTML, Flash, VB, JAVA, etc.).
Observação: Todo os protótipos de fluxo de navegação etc. precisam estar em consistência
com os resultados da análise, considerando características dos usuários, cenários, etc.
O trabalho é composto do trabalho escrito e da apresentação do trabalho em sala de aula.
O trabalho escrito deve ser realizado utilizando o template abaixo, criando um documento
texto (formato pdf). O documento deve obrigatoriamente ser carregado no Moodlle antes da
apresentação. A apresentação deverá ser realizada utilizando-se o documento (não é
necessário preparar transparências). A apresentação de trabalhos, que não tenham sido
previamente carregados no Moodle não será permitida. Durante a apresentação precisam
ser mostrados os protótipos de papel, papelão, espuma, etc.
Para apresentar todos os resultados dos trabalhos A2/A3/A4/A5. Projeto de Interface, cada
grupo necessita também atualizar o web site do trabalho. Antes da apresentação do
trabalho A4, os resultados deste trabalho já precisam estar disponíveis no web site.
Prof. Dr. rer. nat. Christiane Gresse von Wangenheim, PMP CreativeCommons©2009

2. Template de Síntese
Projeto de Interface
Sistema: [sigla e titulo]
Equipe: [nomes]
Data: [data]
Web site do projeto:
Resumo
[Resuma em 100 palavras o projeto de interface]
Sumário
Abreviações e Siglas
1. Especificação de proposta
[resultado do trabalho A2]
2. Análise
[resultado do trabalho A3]
3. Síntese
Objetivo/tarefa escolhida: [Identifique o objetivo/tarefa escolhida para realizar a
prototipação e justifique a sua escolha.]
3.1 Protótipos de baixa fidelidade (v1.0)
3.1.1 Sketches e seqüência de navegação
3.1.1.1 Alternativa de design A
3.1.1.2 Alternativa de design B
3.1.1.3 Escolha da alternativa de design [Indique a alternativa escolhida e justifique a
escolha.]
3.1.2 Protótipos (v1.0) [Documento os protótipos desenvolvidos referente a alternativa de
design escolhida. Documente os protótipos criados de papel, papelão etc. via fotos e
descrições textuais, documente slide shows mostrando a seqüência de slides com
explicações. Caso que vocês criaram um vídeo, o vídeo deve ser colocado no web site do
trabalho e incluído o link aqui na documentação.]
3.2 Avaliação dos protótipos (v1.0)
3.2.1 Processo da avaliação [Explique como, por quem, quando etc. foi realizado a
avaliação.]
3.2.2 Resultados da avaliação
Pontos fortes
Pontos fracos
Sugestões de melhoria
3.3 Protótipos de baixa fidelidade (v2.0)
3.1.1 Sketches e seqüência de navegação (revisados)
3.1.2 Protótipos (revisados)
3.4 Protótipos de alta fidelidade [Documente por meio de screenshots e explicações,
indicando também o fluxo de navegação.]
Referências
[Seguindo a norma ABNT (www.bu.ufsc.br/framerefer.html), liste todas as referências

[Download Do Trabalho A4]
[Para visualização desse documento, é necessário o ]

Para o levantamento de dados necessários, o grupo deve definir, planejar, executar e analisar & interpretar um estudo (ou uma combinação de diferentes tipos de estudos) conforme apresentado na aula. É essencial observar aspectos éticos envolvidos neste(s) estudo(s). Como requisito mínimo – dependendo do tipo do estudo escolhido – devem ser realizado:
- no caso de observação: no mínimo 2 observações
- no caso de entrevista: no mínimo 3-4 entrevistas
- no caso de survey: no mínimo 10 questionários completados
Os resultados da análise devem ser documentados utilizando o template para especificação da proposta. O trabalho é composto do trabalho escrito e da apresentação do trabalho em sala de aula.

O trabalho escrito deve ser realizado utilizando o template abaixo, criando um documento texto (formato pdf). O documento deve obrigatoriamente ser carregado no Moodlle antes da apresentação. A apresentação deverá ser realizada utilizando-se o documento (não é necessário preparar transparências). A apresentação de trabalhos que não tenham sido previamente carregados no Moodle não será permitida.

Para apresentar todos os resultados dos trabalhos A2/A3/A4/A5. Projeto de Interface, cada grupo necessita também criar um web site (como subdiretório em suas homepages no INE/UFSC). Antes da apresentação do trabalho A3, os resultados deste trabalho já devem estar disponíveis no web site.

IMPORTANTE!
– É obrigatório que você precisa obter permissão para observar/entrevistar/ etc. qualquer pessoa e/ou local!
– Antes de começar qualquer atividade de coleta de dados, você obrigatoriamente precisa obter a assinatura do termo de consentimento livre e esclarecido.
- Isto também se aplica a recordação de qualquer registro tipo foto, filme etc. tanto de pessoas quanto locais.
– Nunca compromete a sua segurança durante a coleta de dados.

2. Template de Análise
Projeto de Interface
Sistema: [sigla e titulo]
Equipe: [nomes]
Data: [data]
Web site do projeto:

Resumo
[Resuma em 100 palavras o projeto de interface]

Sumário
Abreviações e Siglas
1. Especificação de proposta
[resultado do trabalho A2]

2. Análise
2.1 Levantamento de dados
2.1.1 Definição
[Descreva brevemente o objetivo do estudo e identificar e justificar o(s) tipo(s) de estudo(s) escolhido(s).]

2.1.2 Planejamento
[Identifique o contexto em que a pesquisa será realizada, quais dados serão coletados, a forma com que os sujeitos são selecionados e como são tratados aspectos éticos. Anexa ao documento todos os instrumentos utilizados na pesquisa (TCLE, questionários, roteiros de entrevistas, etc.).]

2.1.3 Execução
[Descreva como a pesquisa foi preparada, quando/como ocorreu, como foi realizado a validação dos dados.]

2.1.4 Análise e Interpretação
[Descreva como os dados são analisados e interpretados: quando/quem/como e mostra resultados da análise, p.ex. diagramas de afinidade etc. Discuta qualquer ameaça à validade dos resultados identificada durante a pesquisa.]

2.2 Resultados da análise
2.2.1 Descrição de usuários
[Descreva os usuários identificados através de personas e a caracterização conforme tabela abaixo.]
Características Usuário tipo xxx …
Habilidades e conhecimentos
Habilidade/conhecimento do produto/sistema
Experiência na tarefa
Nível de treinamento
Habilidades nos dispositivos de entrada
Habilidades de linguagem
Conhecimento geral
Atributos pessoais
Idade
Gênero
Capacidades físicas
Limitações e incapacidades físicas
Habilidade intelectual
Atitude/Motivação

2.2.2 Descrição de tarefas
[Identifique o(s) objetivo(s) de uso e descreve as tarefas. Utilize uma das seguintes formas de representação: modelo hierárquico de tarefas, cenários, caso de uso detalhado/essencial. Identifique também as características das tarefas utilizando a tabela abaixo.]
Nome da tarefa
Estrutura da tarefa
Freqüência de uso da tarefa
Duração da tarefa
Freqüência de eventos
Flexibilidade da tarefa
Demanda física e mental
Dependências da tarefa
Resultado da tarefa
Risco resultante de erro
Demandas críticas de segurança

2.2.3 Descrição de equipamentos
[Descreva os equipamentos envolvidos conforme tabela abaixo.]
Descrição básica
Identificação do produto
Descrição do produto
Principais áreas de aplicação
Funções principais
Especificação
Hardware
Software
Materiais
Serviços
Outros itens

2.2.4 Descrição de ambiente
[Descreva o ambiente em que o sistema será utilizado considerando os itens listados abaixo.]

2.2.5 Especificação de requisitos de usabilidade
[Especifique os requisitos de usabilidade levando em consideração os itens citados abaixo.]
Tarefa
Contexto específico
Eficácia
Eficiência
Satisfação

Anexo A. Análise – Levantamento de dados
A.1 Instrumentos
[Incluindo roteiros de entrevistas, questionários, termo de consentimento livre e esclarecido, ...]
A.2 Termos de consentimento livre e esclarecido
[Inclui o seu modelo de termo de consentimento livre e esclarecido e anexe todos os termos assinado em forma digital ao relatório]
A.3 Dados coletados
[Incluindo fotos, etc.]

Referências
[Seguindo a norma ABNT (www.bu.ufsc.br/framerefer.html), liste todas as referências utilizadas].

[Download Do Trabalho A3]

[Para visualização desse documento, é necessário o ]

O objetivo deste trabalho é elaborar a proposta do sistema a ser projetado durante a disciplina como parte do trabalho de Projeto de Interface. A intenção deste trabalho (em equipes de no máx. 3 integrantes) é identificar a proposta do sistema, o que será essencial como base para o trabalho A3. Análise. O resultado do trabalho deve ser documentado utilizando o template para especificação da proposta. O exercício é composto do trabalho escrito e da apresentação do trabalho em sala de aula.

O trabalho escrito deve ser realizado utilizando o template abaixo, criando um documento texto (formato pdf). O documento deve obrigatoriamente ser carregado no Moodlle antes da apresentação. A apresentação deverá ser realizada utilizando-se o documento (não é necessário preparar transparências). A apresentação de trabalhos que não tenham sido previamente carregados no Moodle não será permitida.

Para apresentar todos os resultados dos trabalhos A2/A3/A4/A5. Projeto de Interface, cada grupo necessita também criar um web site (como subdiretório em suas homepages no INE/UFSC). Antes da apresentação do trabalho A2 este web site também deve obrigatoriamente ser criado, mostrando inclusive os resultados do trabalho A2.

2. Template de Especificação da Proposta

Especificação de proposta

Sistema: [sigla e titulo]

Equipe: [nomes]

Data: [data]

Web site do projeto:

Resumo

[Resuma em 100 palavras a proposta]

Sumário

Abreviações e Siglas

1. Introdução

1.1 Motivação

[Descreva o contexto, necessidades e/ou problema que motivam o sistema a ser projetado.]

1.2 Descrição do sistema

[Descreva em alto-nível o sistema a ser desenvolvido, incluindo a perspectiva do produto (descrevendo como se relaciona a outros sistemas ou afirmando, que se trata de um sistema independente), uma descrição alto-nível de seus atributos.]

1.3 Ambiente de operação

[Descreva o ambiente em que o software operará.]

1.4 Usuários alvo

[Identifique e descreva as características de usuários-alvo.]

1.5 Restrições, suposições e dependências

[Descreva quaisquer fatores que limitem as opções disponíveis, como, p.ex., aderência a normas e padrões, hardware, relações com outras aplicações, critérios de qualidade (confiabilidade, segurança, etc.). Liste todos os fatores supostos (em contraste com os fatos conhecidos) que poderiam afetar o projeto. Estes poderiam incluir componentes da terceira ou comerciais que você planeia usar, fatores em torno do desenvolvimento ou do ambiente de operação. O projeto poderia ser afetado se estas suposições estão incorretas, não estão compartilhadas, ou mudem. Igualmente, identifique todas as dependências que o projeto possuir em relação a fatores externos, tais como os componentes de software que você pretende reutilizar.]

1.6 Impacto e benefícios esperados

[Descreva o impacto tecnológico, social e ambiental do sistema a ser projetado em relação à motivação identificada antes.]

Referências

[Seguindo a norma ABNT (www.bu.ufsc.br/framerefer.html), liste todas as referências utilizadas.]

[Download Do Trabalho A2]

[Para visualização desse documento, é necessário o ]

O objetivo do trabalho é realizar uma avaliação heurística utilizando o conjunto de 10 heurísticas de Nielsen. O trabalho pode ser realizado em grupos de até três alunos. A avaliação heurística deve seguir o processo apresentado na aula e o resultado deve ser documentado utilizando o template. Devem ser levantados no mínimo 10 pontos, que se referem à no mínimo 4 heurísticas diferentes.

O sistema a ser avaliado deve ser um Site de Venda de Livros na Internet, como, por exemplo, Amazon, Barnes&Noble, Saraiva, Livraria Cultura ou Siciliano.

O exercício será composto de (a) um trabalho escrito e (b) da apresentação do trabalho em sala de aula. O trabalho escrito deve ser feito utilizando o template abaixo, criando um documento texto (formato pdf). O documento deve obrigatoriamente ser carregado no Moodlle antes da apresentação. A apresentação deverá ser realizada utilizando-se o documento (não é necessário preparar transparências). A apresentação de trabalhos que não tenham sido previamente carregados no Moodle não será permitida.

O tempo de apresentação por grupo é 5 minutos.

2. Template de Relatório

Relatório de Avaliação

Produto avaliado: [nome/versão]

Equipe de avaliação: [nomes]

Data: [data]

Resumo

[resumir em max. 100 palavras a avaliação e os resultados obtidos]

Descrição do produto

[descrever em uma pagina o produto, os usuários alvo, as tarefas para quais o produto é usado, um screenshot da tela principal]

Processo da avaliação

[descrever em uma página como foi realizada a avaliação e quais as heurísticas adotadas]

Resultados

[descrever os problemas encontrados em forma de tabela, mostrando também para cada problema identificado um screenshot, e resumindo ao final os principais pontos fortes e fracos encontrados.]

[screenshots]

[principais pontos fortes e fracos]

Referências

[seguindo a norma ABNT (www.bu.ufsc.br/framerefer.html), lista todas as referências utilizadas]

[Download Do Trabalho A1]

[Para visualização desse documento, é necessário o ]

Objetivos de aprendizagem desta disciplina

• Sensibilizar, motivar e capacitar os alunos para a prática da eles sejam capazes de desenvolver interfaces humano computador engenharia de usabilidade. Espera-se que ao final do curso, úteis a seus usuários, intuitivas, fáceis de usar, eficientes e prazeirosas.

Específicos:

• Proporcionar aos alunos a compreensão dos fundamentos teóricos e do conhecimento aplicado ao desenvolvimento de Interação Humano– Computador (IHC).

• Conhecer o processo, práticas e técnicas para a engenharia de usabilidade.

• Desenvolver um projeto de IHC aplicando a análise, síntese e avaliação.

A1. Avaliação heurística

• Realizar uma avaliação heurística utilizando o conjunto de 10 heurísticas do Nielsen.

• Sistema a ser avaliado será predefinido

• Cada grupo avaliará o sistema, identificar e descrever as violações as

heurísticas de usabilidade e fazer recomendações de melhoria.

• Devem ser levantados no mínimo 10 pontos que se referem a no mínimo 4 heurísticas diferentes.

• Trabalho em grupo de até 3 alunos

A2/A3/A4/A5. Projeto de interface

• Desenvolver um projeto de interface de computador com a intenção de motivar pessoas para fazer caminhadas.

• Voltado para temas como saúde, entretenimento, comunidade, transporte, etc.

• A solução precisa ilustrar claramente o valor positivo de caminhar para ambos a pessoa caminhando e o impacto ao local em que a caminhada acontece.

• O trabalho está alinhado a competição de design de estudantes da CHI (ACM Conference on Human Factors in Computing Systems) 2010