Projeto de Interface Web [PIW]

Design e prototipação

ProfºEduardo Pezutti

http://maverick.td.utfpr.edu.br/slides/piw link

O que é design?

é um processo com três atividades básicas:

  • análise da situação atual: estudar e interpretar a situação atual;
  • síntese de uma intervenção: planejar e executar uma intervenção na situação atual;
  • avaliação da nova situação: verificar o efeito da intervenção, comparando a situação analisada anteriormente com a nova situação, atingida após a intervenção.

Reflexão em ação

Processos de design de IHC

  • Ciclo de vida simples
  • Ciclo de vida em estrela
  • Engenharia de Usabilidade de Nielsen
  • Engenharia de Usabilidade de Mayhew
  • Design Contextual
  • Design Baseado em Cenários
  • Design Dirigido por Objetivos
  • Design Centrado na Comunicação

Ciclo de vida simples (Preece et al., 2002)

Ciclo de vida em estrela (Hix & Hartson, 1993)

Engenharia de Usabilidade de Nielsen

Atividades propostas:

  1. Conheça seu usuário
  2. Realize uma análise competitiva
  3. Defina as metas de usabilidade
  4. Faça designs paralelos
  5. Adote o design participativo
  6. Faça o design coordenado da interface como um todo
  7. Aplique diretrizes e análise heurística
  8. Faça protótipos
  9. Realize testes empíricos
  10. Pratique design iterativo

Link com mais detalhes ▼
Conheça seu usuário

Fase básica e essencial de análise das tarefas e objetivos, para identificação das características individuais dos usuários.

Realize uma análise competitiva

Análise comparativa de diversos produtos disponíveis, para estudo de recursos interessantes e falhas para inovar.

Defina as metas de usabilidade

Determinação dos pesos dos atributos de usabilidade, em função do projeto, dos objetivos da interface e das métricas da usabilidade.

Faça designs paralelos

Exploração das diversas alternativas de design, através do trabalho independente de vários desenvolvedores, para geração de múltiplas soluções.

Adote o design participativo

Apresentação de diversas opções de design para uma amostra representativa de usuários, para seleção das alternativas adequadas.

Faça o design coordenado da interface como um todo

Aplicação de argumentos de consistência para todo o conjunto da interface homem-computador incluindo, além das telas do produto, a documentação.

Aplique diretrizes e análise heurística

Utilização de princípios para design de interfaces com usuário e de heurísticas de usabilidade, para avaliação do design considerado.

Faça protótipos

Elaboração de telas sem funcionalidades para avaliação dos usuários e diminuição de tempos de reengenharia.

Realize testes empíricos

Elaborar uma série de testes das telas com os usuários para listagem de erros e melhorias de usabilidade.

Pratique design iterativo

Realização de novas versões da interface, através de um processo iterativo de design, baseados nos problemas de usabilidade e nas observações identificadas na fase 9.

Design Contextual

Investigação minuciosa do contexto de uso

atividades básicas:

  • investigação contextual
    quem são os usuários, suas necessidades, objetivos e a forma de trabalho
  • modelagem do trabalho
    fluxo de trabalho, artefatos utilizados, ambiente físico e cultural de trabalho
  • consolidação da modelagem do trabalho
  • reprojeto do trabalho
  • projeto do ambiente do usuário
  • prototipação
  • testes com usuários

Design Dirigido por Objetivos

Design Centrado na Comunicação

Integração de IHC com Engenharia de Software

Prototipação

Baixa Fidelidade Média Fidelidade Alta Fidelidade
Fase do design Definição de requerimentos Arquitetura da informação Lançamento do produto
Tipo do protótipo Feitos a mão Detalhes e recursos de interação Realístico
Ferramentas Material de escritório Word, Power Point, Visio Html, Dreamweaver
▼

Prototipação - Baixa Fidelidade

  • Mockup ou representação de um design
  • Feitos para avaliar um design com o usuário e com baixo custo
  • Facilitar o entendimento de um design
  • Feitos com:
    • Esquemas a mão
    • Fotocópias
    • Recortes de pedaço de papel
    • Criatividade!

Quando user protótipos em papel?

Nos primeiros estágios do design, pois:

  • As pessoas são menos resistentes a mudanças
  • Foi investido pouco tempo e recursos no projeto
  • Não se tem clareza da melhor solução (várias idéias)

Ferramestas

Lápis e papel!
Mas tem também as digitais:

ProfºEduardo Pezutti

epsantos@utfpr.edu.br link