USER INTERFACE USER INTERFACE DESIGNDESIGN
Engenharia de SoftwareEngenharia de Software
Elaborado por: Pedro Fernandes, nº3322
Patrício Januário, nº3314
João Ferro Pelica, nº3428
João Pelica, Patrício Januário e PeJoão Pelica, Patrício Januário e Pedro Fernandesdro Fernandes
22
IntroduçãoIntrodução
A Interacção Pessoa-Computador estuda a troca de informação entre as pessoas e os computadores. O seu objectivo é que esta troca seja o mais eficiente possível, ou seja, minimiza os erros, aumenta a satisfação, diminui a frustração e ao fim e ao cabo, faz mais produtivas as tarefas que envolvem as pessoas e os computadores.
João Pelica, Patrício Januário e PeJoão Pelica, Patrício Januário e Pedro Fernandesdro Fernandes
33
Em que consiste?Em que consiste?
Analisar as tarefas e recolher as exigências da Analisar as tarefas e recolher as exigências da pessoa com o objectivo de criar uma interacção pessoa com o objectivo de criar uma interacção ideal entre a pessoa e o interface.ideal entre a pessoa e o interface.
João Pelica, Patrício Januário e PeJoão Pelica, Patrício Januário e Pedro Fernandesdro Fernandes
44
ObjectivosObjectivos
Principais pontos na comunicação entre o interface Principais pontos na comunicação entre o interface e o utilizador:e o utilizador:
UtilidadeUtilidade SegurançaSegurança ProdutividadeProdutividade UsabilidadeUsabilidade FuncionalidadeFuncionalidade InteractividadeInteractividade Facilidade de usoFacilidade de uso Facilidade de aprendizagemFacilidade de aprendizagem
João Pelica, Patrício Januário e PeJoão Pelica, Patrício Januário e Pedro Fernandesdro Fernandes
55
Aspectos Importantes:Aspectos Importantes:
Meio envolventeMeio envolvente Características humanasCaracterísticas humanas Características tecnológicasCaracterísticas tecnológicas
Processo de desenvolvimentoProcesso de desenvolvimento
João Pelica, Patrício Januário e PeJoão Pelica, Patrício Januário e Pedro Fernandesdro Fernandes
66
Meio envolventeMeio envolvente
Meio social e de trabalhoMeio social e de trabalho
Áreas de aplicaçãoÁreas de aplicação- Para cada necessidade, uma aplicação - Para cada necessidade, uma aplicação
Interacção Homem-MáquinaInteracção Homem-Máquina- Interagir com os sentidos (audição, visão tacto)- Interagir com os sentidos (audição, visão tacto)
- Tutorais- Tutorais
- Documentação- Documentação
- Ajuda On-Line- Ajuda On-Line
João Pelica, Patrício Januário e PeJoão Pelica, Patrício Januário e Pedro Fernandesdro Fernandes
77
Características Humanas Humanas
Capacidades CognitivasCapacidades Cognitivas Linguagem, Comunicação, InteracçãoLinguagem, Comunicação, Interacção ErgonomiaErgonomia
João Pelica, Patrício Januário e PeJoão Pelica, Patrício Januário e Pedro Fernandesdro Fernandes
88
Características HumanasCaracterísticas Humanas
Capacidades Capacidades CognitivasCognitivas
Linguagem, Linguagem, Comunicação, Comunicação, InteracçãoInteracção
ErgonomiaErgonomia
Cada ser Humano tem diferentes capacidades que o influenciam no uso com o computador:
- Percepção - Aprendizagem - Acesso à informação - Memória
Nível de experiência de cada Nível de experiência de cada utilizador utilizador
João Pelica, Patrício Januário e PeJoão Pelica, Patrício Januário e Pedro Fernandesdro Fernandes
99
Características HumanasCaracterísticas Humanas
Capacidades Capacidades CognitivasCognitivas
Linguagem, Linguagem, Comunicação, Comunicação, InteracçãoInteracção
ErgonomiaErgonomia
Linguagem simples e Linguagem simples e objectivaobjectiva
Imagens, sons …Imagens, sons … Mensagens destinadas Mensagens destinadas
ao utilizadorao utilizador Organização no ecrãOrganização no ecrã
João Pelica, Patrício Januário e PeJoão Pelica, Patrício Januário e Pedro Fernandesdro Fernandes
1010
Características HumanasCaracterísticas Humanas
Capacidades Capacidades CognitivasCognitivas
Linguagem, Linguagem, Comunicação, Comunicação, InteracçãoInteracção
ErgonomiaErgonomia
Estuda como o design do Estuda como o design do produto afecta as pessoas: produto afecta as pessoas:
-Estuda as -Estuda as capacidades capacidades humanas e humanas e suas imitações suas imitações na na obtenção de obtenção de ferramentas ferramentas maismais adequadas para adequadas para que no que no trabalho trabalho aumente a aumente a produtividade (QWL)produtividade (QWL)
Antropometria - Antropometria - Ciência que estuda as medidas do corpo.
João Pelica, Patrício Januário e PeJoão Pelica, Patrício Januário e Pedro Fernandesdro Fernandes
1111
Características HumanasCaracterísticas Humanas
Capacidades Capacidades CognitivasCognitivas
Linguagem, Linguagem, Comunicação, Comunicação, InteracçãoInteracção
ErgonomiaErgonomia
Ambiente:Ambiente:- Luminosidade - Luminosidade
adequadaadequada- Temperatura - Temperatura
ambienteambiente- Nível de ruído- Nível de ruído- Colocação dos - Colocação dos periféricosperiféricos- Mobília - Mobília
confortávelconfortável
João Pelica, Patrício Januário e PeJoão Pelica, Patrício Januário e Pedro Fernandesdro Fernandes
1212
Características HumanasCaracterísticas Humanas
Capacidades Capacidades CognitivasCognitivas
Linguagem, Linguagem, Comunicação, Comunicação, InteracçãoInteracção
ErgonomiaErgonomia
Software:Software:
- Prestável- Prestável
- Claro- Claro
- Seguro- Seguro
- Coerente- Coerente
- Versátil- Versátil
- Expressivo- Expressivo
João Pelica, Patrício Januário e PeJoão Pelica, Patrício Januário e Pedro Fernandesdro Fernandes
1313
Características Características TecnológicasTecnológicas
Hardware Deve-se ter em conta a funcionalidade
pretendida e os utilizadores:
- Teclado- Touch Screen- Trackers tridimensionais- Dispositivos de entrada por voz- Saída Visual (ecrã,…)- Vídeo Conferencia (Web Cam,
Telemóveis 3G)
João Pelica, Patrício Januário e PeJoão Pelica, Patrício Januário e Pedro Fernandesdro Fernandes
1414
Características Características TecnológicasTecnológicas
Software
- Entrada de Comandos- Menus- Diálogos Questão/Resposta- Formulários- Manipulação directa
João Pelica, Patrício Januário e PeJoão Pelica, Patrício Januário e Pedro Fernandesdro Fernandes
1515
Características Características TecnológicasTecnológicas
Software
Boa qualidade:- Útil- Fácil de Utilizar- Eficaz na sua utilização
- Satisfação e Conforto
- Saúde e bem-estar
- Mais Produtividade
Leva a:
João Pelica, Patrício Januário e PeJoão Pelica, Patrício Januário e Pedro Fernandesdro Fernandes
1616
Características Características TecnológicasTecnológicas
Software
Má qualidade:- Desconhecimento da Desconhecimento da actividadeactividade- Desconhecimento do Desconhecimento do utilizador e das utilizador e das características humanascaracterísticas humanas- Desinteresse pela Desinteresse pela lógica de utilizaçãológica de utilização
- Aborrecimentos e Aborrecimentos e frustraçõesfrustrações
- Stress
- Desperdício e Desperdício e abandono do abandono do sistemasistema
Leva a:
João Pelica, Patrício Januário e PeJoão Pelica, Patrício Januário e Pedro Fernandesdro Fernandes
1717
Processo de Processo de desenvolvimentodesenvolvimento
Factores a levar em contaFactores a levar em contaUtilizadores::
Tecnologias: Funcionais:
Características individuais (idade, sexo, formação, cultura, experiência, etc...);
Elementos de hardware disponíveis para a utilização e adequa-los aos factores anteriores; Suportes disponíveis para a equipa de desenho;
Projectar o sistema antes do modelo final (Protótipos); Através da conversação e representação, o utilizador terá um sistema adequado a si e terá uma melhor percepção do sistema;
João Pelica, Patrício Januário e PeJoão Pelica, Patrício Januário e Pedro Fernandesdro Fernandes
1818
Processo de Processo de desenvolvimentodesenvolvimento
Aspectos importantes:
- Visualização - Multimédia - Interacção Homem-Máquina- Usabilidade- Informação do sistema- Ajuda on-line
João Pelica, Patrício Januário e PeJoão Pelica, Patrício Januário e Pedro Fernandesdro Fernandes
1919
Processo de Processo de desenvolvimentodesenvolvimento
Visualização:
-Gráficos melhoram o desempenho de trabalho
-Gráficos alcançam os que não lêem e são facilmente memorizados-Visão é o nosso sentido dominante-Uma imagem supera as limitações do texto
João Pelica, Patrício Januário e PeJoão Pelica, Patrício Januário e Pedro Fernandesdro Fernandes
2020
Processo de Processo de desenvolvimentodesenvolvimento
Multimédia:
Como criar interfaces interactivos?
-Bom design de interacção-Gifs animados-Vídeo clips e outras animações-Integrar objectos multimédia no software-Inovar o design, utilizando flash, etc…
João Pelica, Patrício Januário e PeJoão Pelica, Patrício Januário e Pedro Fernandesdro Fernandes
2121
Processo de Processo de desenvolvimentodesenvolvimento
Homem-Máquina:
-Psicologia Cognitiva
-Factores Humanos (ergonomia)
Usabilidade:
-Desenvolver o Software mais fácil de usar para os utilizadores
-É uma fase bastante importante no ciclo de desenvolvimento
João Pelica, Patrício Januário e PeJoão Pelica, Patrício Januário e Pedro Fernandesdro Fernandes
2222
Processo de Processo de desenvolvimentodesenvolvimento
Técnicas:
- Prover ajudas e janelas de aconselhamento
- Prover video-clips e treino de maneira a integrar o utilizador com o sistema
- Usar o XML que modulariza pequenas partes do conhecimento integra-o em aplicações
João Pelica, Patrício Januário e PeJoão Pelica, Patrício Januário e Pedro Fernandesdro Fernandes
2323
Processo de Processo de desenvolvimentodesenvolvimento
Interacção no Processo de DesenvolvimentoInteracção no Processo de Desenvolvimento O desenho de Interface consiste essencialmente em O desenho de Interface consiste essencialmente em
actualizações sucessivas resultantes das constantes actualizações sucessivas resultantes das constantes avaliações e modificações, sendo uma consequência das avaliações e modificações, sendo uma consequência das apreciações dos utilizadores ou clientes.apreciações dos utilizadores ou clientes.
João Pelica, Patrício Januário e PeJoão Pelica, Patrício Januário e Pedro Fernandesdro Fernandes
2424
Processo de Processo de desenvolvimentodesenvolvimento
Modelo CascataModelo Cascata
João Pelica, Patrício Januário e PeJoão Pelica, Patrício Januário e Pedro Fernandesdro Fernandes
2525
Processo de Processo de desenvolvimentodesenvolvimento
Técnicas de desenvolvimento de software:
-Estudo de documentos do cliente ou utilizador-Entrevistas (obtenção de dados)-Estudo estatístico (para software de distribuição)-Protótipo
-Fase que permite uma antevisão do interface e do funcionamento do sistema
-Partindo do protótipo desenvolvido comprova-se, ou não, a satisfação e o cumprimento das necessidades do cliente/utilizador
João Pelica, Patrício Januário e PeJoão Pelica, Patrício Januário e Pedro Fernandesdro Fernandes
2626
Palette demonstrativa do Palette demonstrativa do UIDUID
João Pelica, Patrício Januário e PeJoão Pelica, Patrício Januário e Pedro Fernandesdro Fernandes
2727
ExemplosExemplos
João Pelica, Patrício Januário e PeJoão Pelica, Patrício Januário e Pedro Fernandesdro Fernandes
2828
João Pelica, Patrício Januário e PeJoão Pelica, Patrício Januário e Pedro Fernandesdro Fernandes
2929
João Pelica, Patrício Januário e PeJoão Pelica, Patrício Januário e Pedro Fernandesdro Fernandes
3030
Relação com a Relação com a Engenharia de SoftwareEngenharia de Software
No âmbito da análise e do design podemos relacionar a Engenharia de Software e o UID, pois em ambas existe uma obtenção de requisitos (Engenharia de Requisitos). Finalizada a primeira fase do desenvolvimento, passamos à interacção entre o utilizador e o interface (Design).
João Pelica, Patrício Januário e PeJoão Pelica, Patrício Januário e Pedro Fernandesdro Fernandes
3131
ReferênciasReferências
http://www.chesco.com/~cmarion/Design/UIDesign.html
http://www.cs.uga.edu/~eileen/4900/Notes/evaluation/index.htm
http://www.uidesigns.com/
http://www.di.uevora.pt/~aed/ihm0304.html
Top Related