O documento discute princípios e diretrizes para projetar interfaces humano-computador (IHC) para linhas de produtos baseadas em serviços. Aborda conceitos como IHC e linhas de produto, objetivos da IHC como segurança e usabilidade, princípios de design como visibilidade e feedback, e diretrizes para usabilidade na web e em dispositivos móveis.

1. Portal de Serviços Acadêmicos
IHC para linhas de produtos
baseadas em serviços

2. Agenda
 Conceitos
 Objetivos da IHC
 Interfaces e os Princípios de Design
 Usabilidade na WEB
 Usabilidade nos Dispositivos Móveis
 Como obter Usabilidade?
 Referências

3. Conceitos
 Linhas de Produto
- Centradas no reuso de forma sistemática.
- Baseadas em serviços com arquitetura em comum e pontos de variação
especifica de cada serviço.
- Áreas da Engenharia de Software: Engenharia de Requisitos ,Definição de
Arquitetura, Avaliação de Arquitetura, Desenvolvimento de Componentes, Integração de
Sistemas de Software, Teste.
 Interface Humano-Computador
- Interação entre as pessoas e o computador.
- Relacionada a várias disciplinas : Ciência da Computação, Sociologia, Linguística,
Design, Filosofia, Engenharia, Antropologia, Inteligência Artificial, Fatores Humanos ou
Ergonomia.

4. Objetivos da IHC
 Segurança
 Funcionalidade
 Usabilidade (ISO 9241)
- Usuários, Contexto, Eficácia, Eficiência, Satisfação.
- Engenharia de Usabilidade

5. Interfaces e os Princípios de
Design
 Visibilidade e Affordances
 Modelo Conceitual
 Mapeamentos
 FeedBack

6. Usabilidade na WEB
 Produtos Tradicionais X WEB
 Clareza na Arquitetura da Informação
 Facilidade de Navegação
 Simplicidade
 Relevância do Conteúdo
 Manter a Consistência
 Tempo Suportável
 Foco no Usuário

7. Usabilidade nos Dispositivos
Móveis
 Endereços Fáceis (URL)
- Ex: m.pagina.com.br ou pagina.mobile
 Versões Moveis Especializadas
 Estruturas Simples
 Conteúdo Útil e Simplificado
 Otimizar a Degradação do Conteúdo
 Estrutura de links Vertical
 Evitar Introduções Repetitivas de Dados
- Ex: Usuário e Senha
 Simplificar Formulários
 Atalhos
 Otimizar a Interação para Dispositivos Alvos
- Ex: Icones Pequenos para dispositivos que utilizam canetas. Icones Grandes
para dispositivos que são acessados com o dedo.

9. Como Obter Usabilidade?
 CSS
 XML
 AJAX
 Tableless
 Acessibilidade – Decreto Lei 5296 e padrões W3C
 Engenharia de Usabilidade
- Pré-Design, Design, Pós-Design, Avaliação de Ergonomia, Design
Participativo

10. Aceitabilidade dos Sistemas

11. Referências
 ROCHA, Heloísa V. da; BARANAUSKAS, Maria C. C. Design e Avaliação de interfaces
humano-computador, São Paulo, IME-USP, 2000, Escola de Computação 2000.
 DIAS, Cláudia. Usabilidade na Web- Criando Portais Mais Acessíveis.
 http://www.ines.org.br/
 http://www.tableless.com.br/
 http://maujor.com/index.php
 http://www.acessobrasil.org.br/