PROJETO DE INTERFACE

ANÁLISE E REDESENHO

Interface: http://www.educandario.org.br/

José Américo

Documento de análise e redesenho de uma Interface

Este documento contém a especificação da análise e redesenho de

uma interface, apresentando a avaliação da situação atual,
descrição dos pontos de problemas, análise competitiva e o projeto
do redesenho.

Trata-se de um projeto desenvolvido pela professora e alunos da

disciplina de Interface Humano-Computador.
 ATENÇÃO:
Conforme o plano de ensino, o projeto tem peso 4.0 pontos e deve ser
apresentado, conforme agenda de apresentações apresentada em aula.

CRITÉRIOS DE AVALIAÇÃO:

Envio do relatório no prazo (dia 18/06 até às 12hs);

Apresentação de todos os componentes do grupo na data

agendada;

Qualidade do relatório atendendo os requisitos 1, 2, 3 e 4

(descritos abaixo).

1. Capacidade de realizar a análise de uma interface utilizando

conhecimentos trabalhados na disciplina como: estilos de
interação, processos cognitivos, modelo conceitual, métodos e
técnicas de avaliação de usabilidade (de acordo com o método) e
classificação de problema, entre outros temas estudados.

2. Capacidade de validar os conhecimentos apropriados na

disciplina realizando uma análise competitiva.

3. Capacidade de identificar, definir e aplicar requisitos de IHC

para o aprimoramento de interfaces, fazendo uso dos critérios,
princípios e técnicas de usabilidade.

4. Capacidade de apresentar a proposta de interface utilizando

ferramentas automatizadas ou ilustrações em papel.

2
SUMÁRIO

1. VISÃO GERAL.......................................................................................................................................4

1.1 Visão geral.........................................................................................................................................4

2. ANÁLISE DA INTERFACE...........................................................................................................................4

2.1 Entendimento da Interface atual.......................................................................................................4

1.3 Diagnóstico da situação atual............................................................................................................4

1.4 Análise competitiva...........................................................................................................................4

3. PROJETO E REDESENHO...........................................................................................................................5

3.1 Requisitos da Interface para o redesenho..........................................................................................5

3.2 Projeto do redesenho........................................................................................................................5

3
1. VISÃO GERAL

1.1 Visão geral

Empresa do terceiro setor, é centro de Reabilitação para crianças com deficiência física e intelectual, o
objetivo do site é informar como a instituição funciona e também com se chegar ao local.

4
2. ANÁLISE DA INTERFACE

2.1 Entendimento da Interface atual

Organização e interação proporcionada pela interface.

Recomenda-se identificar padrões de interface e usabilidade, para isto utilizar conceitos como: estilos
de interação, processos cognitivos (atenção, percepção, reconhecimento, memória), modelo conceitual,
princípios e outros estudados na disciplina.

1.3 Diagnóstico da situação atual

Prontos positivos e de problema, bem como sua classificação.

Recomenda-se identificar os problemas de usabilidade, para isto fazer avaliações de

usabilidade utilizando as técnicas aprendidas (heurísticas, inspeção cognitiva-percurso cognitivo, testes
de usabilidade) e registrar os pontos problemáticos (ruído, obstáculo, barreira).

1.4 Análise competitiva

Análise de outras interfaces similares.

Recomenda-se analisar aplicações equivalentes para que a proposta seja pautada no conhecimento do
contexto e como forma de mobilizar possibilidades de ideias. Por exemplo: se estão trabalhando para
aprimorar a usabilidade de um sistema mobile, então visitem outros sistemas similares na busca de
ideias para soluções ou inovações interessantes. Observe aspectos da experiência do usuário, como
estilo, modelo conceitual e característica da interface, estrutura e terminologia, satisfação dos usuários e
uso.

3. PROJETO E REDESENHO

5
3.1 Requisitos de IHC para o redesenho
RF01 – Identificação <nome do requisito>
Descrição:

Descrição da proposta de melhoria com justificativa.

Também tenha como referência os critérios de qualidade de Usabilidade e Acessibilidade.

RF02 – Identificação <nome do requisito>

Descrição:

Descrição da proposta de melhoria com justificativa.

Também tenha como referência os critérios de qualidade de Usabilidade e Acessibilidade.

...
...

3.2 Projeto do redesenho

Recomenda-se produzir um wireframe, mockup ou protótipo ilustrando a proposta de soluções (incluir
a imagem e comentários dos aprimoramentos).

Opcionalmente, após o wireframe que é apenas um esboço, podem ser construídos protótipos mais fiéis
à interface final que se propõe.

COMENTÁRIO FINAL
Em um pequeno parágrafo, pede-se que o grupo, de forma geral, relate como foi à experiência deste
projeto e disciplina.