fundamentos de engenharia de software
DESCRIPTION
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 - PowerPoint PPT PresentationTRANSCRIPT
![Page 1: Fundamentos de Engenharia de Software](https://reader035.vdocuments.pub/reader035/viewer/2022062408/568142d8550346895daf2f91/html5/thumbnails/1.jpg)
Fundamentos de Engenharia de Software
Projeto de Interface com o Usuário
2004/2
![Page 2: Fundamentos de Engenharia de Software](https://reader035.vdocuments.pub/reader035/viewer/2022062408/568142d8550346895daf2f91/html5/thumbnails/2.jpg)
Alunos
Clarissa Netto Vilela Eduardo Martins Neves Mário Augusto Fonseca
![Page 3: Fundamentos de Engenharia de Software](https://reader035.vdocuments.pub/reader035/viewer/2022062408/568142d8550346895daf2f91/html5/thumbnails/3.jpg)
Introdução
Importância Funções da aplicação
Objetivo Principal Satisfaz necessidade de usabilidade,
aplicabilidade e comunicabilidade dos usuários
![Page 4: Fundamentos de Engenharia de Software](https://reader035.vdocuments.pub/reader035/viewer/2022062408/568142d8550346895daf2f91/html5/thumbnails/4.jpg)
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
![Page 5: Fundamentos de Engenharia de Software](https://reader035.vdocuments.pub/reader035/viewer/2022062408/568142d8550346895daf2f91/html5/thumbnails/5.jpg)
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
![Page 6: Fundamentos de Engenharia de Software](https://reader035.vdocuments.pub/reader035/viewer/2022062408/568142d8550346895daf2f91/html5/thumbnails/6.jpg)
Conceitos Básicos
Interface Affordance do sistema
Propriedades percebidas e reais de um artefato
Exemplo:Affordance de um botão é que o pressionemos.
![Page 7: Fundamentos de Engenharia de Software](https://reader035.vdocuments.pub/reader035/viewer/2022062408/568142d8550346895daf2f91/html5/thumbnails/7.jpg)
Conceitos Básicos
Interação Ações sobre interface do sistema
![Page 8: Fundamentos de Engenharia de Software](https://reader035.vdocuments.pub/reader035/viewer/2022062408/568142d8550346895daf2f91/html5/thumbnails/8.jpg)
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
![Page 9: Fundamentos de Engenharia de Software](https://reader035.vdocuments.pub/reader035/viewer/2022062408/568142d8550346895daf2f91/html5/thumbnails/9.jpg)
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
![Page 10: Fundamentos de Engenharia de Software](https://reader035.vdocuments.pub/reader035/viewer/2022062408/568142d8550346895daf2f91/html5/thumbnails/10.jpg)
Conceitos Básicos
Perspectivas em IHC
![Page 11: Fundamentos de Engenharia de Software](https://reader035.vdocuments.pub/reader035/viewer/2022062408/568142d8550346895daf2f91/html5/thumbnails/11.jpg)
Regras de ouro
Coloque o usuário no controle Reduza a carga de memória do
usuário Faça a interface consistente
![Page 12: Fundamentos de Engenharia de Software](https://reader035.vdocuments.pub/reader035/viewer/2022062408/568142d8550346895daf2f91/html5/thumbnails/12.jpg)
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
![Page 13: Fundamentos de Engenharia de Software](https://reader035.vdocuments.pub/reader035/viewer/2022062408/568142d8550346895daf2f91/html5/thumbnails/13.jpg)
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
![Page 14: Fundamentos de Engenharia de Software](https://reader035.vdocuments.pub/reader035/viewer/2022062408/568142d8550346895daf2f91/html5/thumbnails/14.jpg)
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
![Page 15: Fundamentos de Engenharia de Software](https://reader035.vdocuments.pub/reader035/viewer/2022062408/568142d8550346895daf2f91/html5/thumbnails/15.jpg)
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
![Page 16: Fundamentos de Engenharia de Software](https://reader035.vdocuments.pub/reader035/viewer/2022062408/568142d8550346895daf2f91/html5/thumbnails/16.jpg)
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
![Page 17: Fundamentos de Engenharia de Software](https://reader035.vdocuments.pub/reader035/viewer/2022062408/568142d8550346895daf2f91/html5/thumbnails/17.jpg)
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,...
![Page 18: Fundamentos de Engenharia de Software](https://reader035.vdocuments.pub/reader035/viewer/2022062408/568142d8550346895daf2f91/html5/thumbnails/18.jpg)
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
![Page 19: Fundamentos de Engenharia de Software](https://reader035.vdocuments.pub/reader035/viewer/2022062408/568142d8550346895daf2f91/html5/thumbnails/19.jpg)
Avaliação de Projeto
Introdução Satisfaz necessidades do usuário?
Técnicas de avaliação Realimentação imediata Métodos estatísticos
![Page 20: Fundamentos de Engenharia de Software](https://reader035.vdocuments.pub/reader035/viewer/2022062408/568142d8550346895daf2f91/html5/thumbnails/20.jpg)
Avaliação de Projeto Ciclo de avaliação
![Page 21: Fundamentos de Engenharia de Software](https://reader035.vdocuments.pub/reader035/viewer/2022062408/568142d8550346895daf2f91/html5/thumbnails/21.jpg)
Conclusão
Interface com o usuário “Janela” do software Interface mal projetada
![Page 22: Fundamentos de Engenharia de Software](https://reader035.vdocuments.pub/reader035/viewer/2022062408/568142d8550346895daf2f91/html5/thumbnails/22.jpg)
Exemplos de erros
![Page 23: Fundamentos de Engenharia de Software](https://reader035.vdocuments.pub/reader035/viewer/2022062408/568142d8550346895daf2f91/html5/thumbnails/23.jpg)
Exemplos de erros
![Page 24: Fundamentos de Engenharia de Software](https://reader035.vdocuments.pub/reader035/viewer/2022062408/568142d8550346895daf2f91/html5/thumbnails/24.jpg)
Dúvidas???
Alguém tem alguma dúvida?