Fundamentos de Engenharia de Software
Projeto de Interface com o Usuário
2004/2
Alunos
Clarissa Netto Vilela Eduardo Martins Neves Mário Augusto Fonseca
Introdução
Importância Funções da aplicação
Objetivo Principal Satisfaz necessidade de usabilidade,
aplicabilidade e comunicabilidade dos usuários
Conceitos Básicos
Interface O que é?
“A interface de usuário deve ser entendida como sendo a parte de um sistema computacional com a qual uma pessoa entra em contato física, perceptiva e conceitualmente” - Moran
Conceitos Básicos
Interface Componentes de hardware
Teclado, mouse, tela, ... Componentes de software
Controle dos dispositivos de hardware Construção dos dispositivos visuais Geração de símbolos e mensagens do
sistema Interpretação dos comandos dos usuários
Conceitos Básicos
Interface Affordance do sistema
Propriedades percebidas e reais de um artefato
Exemplo:Affordance de um botão é que o pressionemos.
Conceitos Básicos
Interação Ações sobre interface do sistema
Conceitos Básicos Usabilidade
Qualidade da interação de sistemas com os usuários
Aspectos Facilidade de aprendizado do sistema Facilidade de uso Satisfação do usuário Flexibilidade Produtividade
Conceitos Básicos
Comunicabilidade Transmitir ao usuário de forma eficaz
e eficiente as interações e princípios de interação que guiaram o seu design
Junto com a usabilidade visa aumentar a aplicabilidade do software
Conceitos Básicos
Perspectivas em IHC
Regras de ouro
Coloque o usuário no controle Reduza a carga de memória do
usuário Faça a interface consistente
Coloque o Usuário no Controle
Defina os modos de Interação de uma forma que não force o usuário a ações desnecessárias ou indesejadas
Proporcione interação flexível Permita que a interação com o
usuário possa ser interrompida e desfeita
Coloque o Usuário no Controle
Simplifique a interação à medida que a competência aumenta e permita que a interação seja personalizada
Esconda detalhes técnicos internos do usuário esporádico
Projete a interação direta com objetos que aparecem na tela
Reduza carga de memória do usuário
Reduza a demanda da memória de curto prazo
Estabeleça defaults significativos Defina atalhos que são intuitivos O layout visual da interface deve ser
baseado numa metáfora do mundo real Revele informação de um modo
progressivo
Faça a Interface Consistente
Permita ao usuário situar a tarefa atual num contexto significativo
Mantenha consistência ao longo de uma família de aplicações
Se modelos interativos anteriores criaram expectativas para o usuário, não faça modificações
Modelos de Projeto de Interface
O Engenheiro de Software cria um Modelo de Projeto
O Engenheiro de Negócios estabelece um Modelo de Usuário
O Usuário Final desenvolve uma imagem mental chamada de Percepção do Sistema
Os implementadores do sistema criam uma imagem do sistema
O Projetista de Interface cria uma representação consistente da interface unindo esses modelos
Ferramentas de Implementação
Caixas de Ferramentas de Interface com o Usuário
Criação de janelas, menus, interação com dispositivos, mensagens de erros,...
Ferramentas de Implementação
Mecanismos incorporados: Validar entrada do usuário. Manipular erros e exibir mensagens de
erros Fornecer realimentação Fornecer ajuda e provocações Estabelecer conexões entre o software de
aplicação e a interface Permitir ao usuário personalizar a
interface
Avaliação de Projeto
Introdução Satisfaz necessidades do usuário?
Técnicas de avaliação Realimentação imediata Métodos estatísticos
Avaliação de Projeto Ciclo de avaliação
Conclusão
Interface com o usuário “Janela” do software Interface mal projetada
Exemplos de erros
Exemplos de erros
Dúvidas???
Alguém tem alguma dúvida?