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?