user interface design l.
Download
Skip this Video
Loading SlideShow in 5 Seconds..
USER INTERFACE DESIGN PowerPoint Presentation
Download Presentation
USER INTERFACE DESIGN

Loading in 2 Seconds...

play fullscreen
1 / 31

USER INTERFACE DESIGN - PowerPoint PPT Presentation


  • 244 Views
  • Uploaded on

USER INTERFACE DESIGN Engenharia de Software Elaborado por: Pedro Fernandes, nº3322 Patrício Januário, nº3314 João Ferro Pelica, nº3428 Introdução

loader
I am the owner, or an agent authorized to act on behalf of the owner, of the copyrighted work described.
capcha
Download Presentation

PowerPoint Slideshow about 'USER INTERFACE DESIGN' - JasminFlorian


An Image/Link below is provided (as is) to download presentation

Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author.While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server.


- - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - -
Presentation Transcript
user interface design

USER INTERFACE DESIGN

Engenharia de Software

Elaborado por:Pedro Fernandes, nº3322

Patrício Januário, nº3314

João Ferro Pelica, nº3428

introdu o
Introduçã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 Pedro Fernandes

em que consiste
Em que consiste?
  • Analisar as tarefas e recolher as exigências da pessoa com o objectivo de criar uma interacção ideal entre a pessoa e o interface.

João Pelica, Patrício Januário e Pedro Fernandes

objectivos
Objectivos

Principais pontos na comunicação entre o interface e o utilizador:

  • Utilidade
  • Segurança
  • Produtividade
  • Usabilidade
  • Funcionalidade
  • Interactividade
  • Facilidade de uso
  • Facilidade de aprendizagem

João Pelica, Patrício Januário e Pedro Fernandes

aspectos importantes
Aspectos Importantes:
  • Meio envolvente
  • Características humanas
  • Características tecnológicas
  • Processo de desenvolvimento

João Pelica, Patrício Januário e Pedro Fernandes

meio envolvente
Meio envolvente
  • Meio social e de trabalho
  • Áreas de aplicação

- Para cada necessidade, uma aplicação

  • Interacção Homem-Máquina

- Interagir com os sentidos (audição, visão tacto)

- Tutorais

- Documentação

- Ajuda On-Line

João Pelica, Patrício Januário e Pedro Fernandes

caracter sticas humanas
Características Humanas
  • Capacidades Cognitivas
  • Linguagem, Comunicação, Interacção
  • Ergonomia

João Pelica, Patrício Januário e Pedro Fernandes

caracter sticas humanas8
Capacidades Cognitivas

Linguagem, Comunicação, Interacção

Ergonomia

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 utilizador

Características Humanas

João Pelica, Patrício Januário e Pedro Fernandes

caracter sticas humanas9
Capacidades Cognitivas

Linguagem, Comunicação, Interacção

Ergonomia

Linguagem simples e objectiva

Imagens, sons …

Mensagens destinadas ao utilizador

Organização no ecrã

Características Humanas

João Pelica, Patrício Januário e Pedro Fernandes

caracter sticas humanas10
Capacidades Cognitivas

Linguagem, Comunicação, Interacção

Ergonomia

Estuda como o design do produto afecta as pessoas:

-Estuda as capacidades humanas e suas imitações na obtenção de ferramentas mais adequadas para que no trabalho aumente a produtividade (QWL)

Antropometria - Ciência que estuda as medidas do corpo.

Características Humanas

João Pelica, Patrício Januário e Pedro Fernandes

caracter sticas humanas11
Capacidades Cognitivas

Linguagem, Comunicação, Interacção

Ergonomia

Ambiente:

- Luminosidade adequada

- Temperatura ambiente

- Nível de ruído

- Colocação dos periféricos

- Mobília confortável

Características Humanas

João Pelica, Patrício Januário e Pedro Fernandes

caracter sticas humanas12
Capacidades Cognitivas

Linguagem, Comunicação, Interacção

Ergonomia

Software:

- Prestável

- Claro

- Seguro

- Coerente

- Versátil

- Expressivo

Características Humanas

João Pelica, Patrício Januário e Pedro Fernandes

caracter sticas tecnol gicas hardware
Características TecnológicasHardware

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óveis3G)

João Pelica, Patrício Januário e Pedro Fernandes

caracter sticas tecnol gicas software
Características TecnológicasSoftware

- Entrada de Comandos

- Menus

- Diálogos Questão/Resposta

- Formulários

- Manipulação directa

João Pelica, Patrício Januário e Pedro Fernandes

caracter sticas tecnol gicas software15
Características TecnológicasSoftware
  • Boa qualidade:

- Útil

- Fácil de Utilizar

- Eficaz na sua utilização

Leva a:

- Satisfação e Conforto

- Saúde e bem-estar

- Mais Produtividade

João Pelica, Patrício Januário e Pedro Fernandes

caracter sticas tecnol gicas software16
Características TecnológicasSoftware
  • Má qualidade:

- Desconhecimento da actividade

- Desconhecimento do utilizador e das características humanas

- Desinteresse pela lógica de utilização

Leva a:

- Aborrecimentos e frustrações

- Stress

- Desperdício e abandono do sistema

João Pelica, Patrício Januário e Pedro Fernandes

processo de desenvolvimento
Processo de desenvolvimento

João Pelica, Patrício Januário e Pedro Fernandes

processo de desenvolvimento18
Processo de desenvolvimento
  • 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 Pedro Fernandes

processo de desenvolvimento19
Processo de desenvolvimento
  • 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 Pedro Fernandes

processo de desenvolvimento20
Processo de desenvolvimento
  • 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 Pedro Fernandes

processo de desenvolvimento21
Processo de desenvolvimento
  • 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 Pedro Fernandes

processo de desenvolvimento22
Processo de desenvolvimento
  • 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 Pedro Fernandes

processo de desenvolvimento23
Processo de desenvolvimento
  • Interacção no Processo de Desenvolvimento

O desenho de Interface consiste essencialmente em actualizações sucessivas resultantes das constantes avaliações e modificações, sendo uma consequência das apreciações dos utilizadores ou clientes.

João Pelica, Patrício Januário e Pedro Fernandes

processo de desenvolvimento24
Processo de desenvolvimento
  • Modelo Cascata

João Pelica, Patrício Januário e Pedro Fernandes

processo de desenvolvimento25
Processo de desenvolvimento
  • 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 Pedro Fernandes

palette demonstrativa do uid
Palette demonstrativa do UID

João Pelica, Patrício Januário e Pedro Fernandes

exemplos
Exemplos

João Pelica, Patrício Januário e Pedro Fernandes

rela o com a engenharia de software
Relação com a Engenharia 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 Pedro Fernandes

refer ncias
Referê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

João Pelica, Patrício Januário e Pedro Fernandes