Interface homem máquinaO que é? “É o canal de comunicação entre o homem

e o computador, através do qual interagem, visando atingir um objetivo comum.”

“É o conjunto de características com o qual os usuários interagem com as máquinas, dispositivos, programas de computador ou alguma outra ferramenta complexa”

O que é? “Um projeto interface homem-máquina

cria um modelo efetivo de comunicação entre o ser humano e o computador. Seguindo um conjunto de princípios de projeto de interface, o projeto identifica objetos e ações de interface e depois cria um layout de tela que forma a base para um protótipo de interface homem-máquina.”

Interface AplicaçãoUsuário

Sistema

ação

interpretação

Importância Diminui erros. Maior interação e entendimento do usuário Cativam curiosidade e interesse do usuário Maior aceitação

Vantagens das GUI

Elas são relativamente fáceis de aprender e utilizar.

O usuário tem várias telas (janelas) para a interação com o sistema. É possível alternar de uma tarefa para outra.

É possível a interação rápida de tela inteira, com acesso imediato a qualquer ponto da tela.

Histórico Interfaces batch, as quais eram usadas

desde o advento do ENIAC6, de 1945 até 1968;

Interface de texto, ou CLI (Command Line Interface), que ficou em uso de 1969 a 1983;

Interface gráfica (GUI), Graphical User Interface/ interface grafica do usuário, em uso desde 1984 até os dias atuais.

Resumindo Primeiros programas: “batch”, sem

interface Passado : Interfaces do tipo textual

Linhas e telas de caracteres Presente: interfaces gráficas

novos dispositivos são envolvidos, dia a dia auxílio de som

Futuro: ambientes virtuais uso da palavra e dos gestos imagens animadas

A visão do usuárioA maioria dos usuários de sistemas

comerciais interagem com esses sistemas através de interfaces gráficas, embora em alguns casos, sistemas legados, com interfaces baseadas em texto, ainda são usados.

O usuário e a interface Usualmente, os usuários julgam um

sistema pela sua interface ao invés de sua funcionalidade.

Um projeto de interface pobre pode levar o usuário a cometer erros catastróficos.

Um projeto de interface pobre é a razão pela qual muitos sistemas de software nunca foram utilizados.

Características de interfaces gráficas Golden Rules Place the user in control Reduce the user’s memory load Make the interface consistent

Coloque o usuário no controle Defina os modos de interação de modo

que não force o usuário a ações desnecessárias

Proporcione interações flexiveis Permita que a interação com o usuário

possa ser inerrompida e desfeita Simplifique a interação de acordo com os

niveis de competencia Esconda detalhes tecnicos Projete interações direta com objetos

Reduza a carga de memória do usuário

Reduzir a demanda da memória de curto prazo

Revele as informações de um modo progressivo

Defina atalhos intuitivos O layout visual de ma interface deve ser

baseado em uma metáfora real.

Faça a interface consciente

Permita ao usuário que ele situe a tarefa em um contexto significativo, oferecendo indicadores que permitam saber o contexto do trabalho em mãos

Análise e projeto de interface: papéis

Engenheiro Humano estabelece um Modelo de Usuário.

Engenheiro de Software cria um Modelo de Projeto.

Usuário Final desenvolve um Modelo Mental ou Percepção de Sistema.

Implementadores de sistema criam um Modelo de Implementação.

Modelos de Análise de Projetos de Interface Modelo de Usuário: O modelo usuário

estabelece o perfil do usuário final e podem ser caracterizados como: novato, esporádico, freqüente.

Modelo de Projeto: incorpora dados, arquitetura, interface e projetos do sistema inteiro.

Modelo Mental: É a imagem mental do sistema que os usuários finais têm em suas mentes.

Modelo de Implementação: une a aparência e o sentido de interface com toda a informação de apoio (livros, manuais, arquivos de ajuda) que descreve a sintaxe e a semântica do sistema.

CONFORTO (Confiabilidade)

DESEMPENHO(Custo do trabalho)

Quando o modelo de implementação e o modelo mental são coincidentes, o usuário se sente confortável com o software e o usa.

Modelo de implementação e modelo mental

Interface Design Fácil de aprender? Fácil de usar? Fácil de entender?

Erros de design lack of consistency too much memorization no guidance / help no context sensitivity poor response Arcane/unfriendly

Como começa o projeto de interface?

Identifica-se requisitos do usuário, das tarefas e do ambiente;

cenários do usuário são criados;

criação do layout de tela que ilustra o projeto gráfico.

Ferramentas são usadas para prototipar

Implementa-se o modelo de projeto, e o resultado é avaliado quanto a qualidade. Teste e implementação.

Processo centrado no usuário O principal objetivo de projeto de interface é

sensibilizar os engenheiros de software sobre algumas questões básicas importantes para o projeto de interface com o usuário.

O projeto centrado no usuário é uma abordagem de projeto de interface onde a análise das atividades do usuário é primordial para o sucesso do projeto como um todo.

Projeto de interface sempre envolve o desenvolvimento de protótipos de interfaces.

User Interface Design Process O Processo: perguntas Onde a interface será localizada

fisicamente? O Usuário estará sentado ou em pé,

realizando outras tarefas não relacionadas como software?

Há outras considerações especiais?

ANÁLISE DE INTERFACE O desenvolvimento de uma interface

confiável requer um planejamento das tarefas operacionais, para permitir ao operador, em qualquer circunstância, manter uma representação mental adequada e o controle sobre o processo.

Análise do usuário Entrevistas com o usuário

Entrada de vendas

Entrada de Marketing

Entrada de suporte

Modelagem e análise de tarefas Qual o trabalho será realizado pelo usuário

em circunstâncias específicas? Quais tarefas e subtarefas serão

realizadas? Qual a sequência de tarefas de trabalho? Qual a hierarquia das tarefas?

Considerar: Opinião do usuário Examinar o caso de uso e outras

informações obtidas do usuário e extrai os objetos físicos gerados

Quais serão os tipos de dados? Haverá personalização de usuário para

usuário? Haverá mecanismos disponíveis para

mover-se diretamente para informação do sumário relativo a grandes coleções de dados?

Análise do Ambiente de Trabalho.

Questões do projeto Tempo de resposta do sistema Facilidade de ajuda ao usuário Manipulação da informação de erro Rotulação de comando Acessibilidade da Aplicação Internacionalização

Analysis of Display Content Are different types of data assigned to consistent

geographic locations on the screen (e.g., photos always appear in the upper right hand corner)?

Can the user customize the screen location for content? Is proper on-screen identification assigned to all

content? If a large report is to be presented, how should it be

partitioned for ease of understanding? Will mechanisms be available for moving directly to

summary information for large collections of data. Will graphical output be scaled to fit within the bounds

of the display device that is used? How will color to be used to enhance understanding? How will error messages and warning be presented to

the user?

Interface Design Steps Using information developed during

interface analysis, define interface objects and actions (operations).

Define events (user actions) that will cause the state of the user interface to change. Model this behavior.

Depict each interface state as it will actually look to the end-user.

Indicate how the user interprets the state of the system from information provided through the interface.

Design Issues Response time Help facilities Error handling Menu and command labeling Application accessibility Internationalization

Interface Design Principles-I Anticipation—A WebApp should be designed so that it

anticipates the use’s next move. Communication—The interface should communicate

the status of any activity initiated by the user Consistency—The use of navigation controls, menus,

icons, and aesthetics (e.g., color, shape, layout) Controlled autonomy—The interface should facilitate

user movement throughout the WebApp, but it should do so in a manner that enforces navigation conventions that have been established for the application.

Efficiency—The design of the WebApp and its interface should optimize the user’s work efficiency, not the efficiency of the Web engineer who designs and builds it or the client-server environment that executes it.

Interface Design Principles-II Focus—The WebApp interface (and the content it

presents) should stay focused on the user task(s) at hand.

Fitt’s Law—“The time to acquire a target is a function of the distance to and size of the target.”

Human interface objects—A vast library of reusable human interface objects has been developed for WebApps.

Latency reduction—The WebApp should use multi-tasking in a way that lets the user proceed with work as if the operation has been completed.

Learnability— A WebApp interface should be designed to minimize learning time, and once learned, to minimize relearning required when the WebApp is revisited.

Interface Design Principles-III Maintain work product integrity—A work product

(e.g., a form completed by the user, a user specified list) must be automatically saved so that it will not be lost if an error occurs.

Readability—All information presented through the interface should be readable by young and old.

Track state—When appropriate, the state of the user interaction should be tracked and stored so that a user can logoff and return later to pick up where she left off.

Visible navigation—A well-designed WebApp interface provides “the illusion that users are in the same place, with the work brought to them.”

Interface Design Workflow-I Review information contained in the analysis

model and refine as required. Develop a rough sketch of the WebApp

interface layout. Map user objectives into specific interface

actions. Define a set of user tasks that are associated

with each action. Storyboard screen images for each interface

action. Refine interface layout and storyboards

using input from aesthetic design.

Workflow Mapping User Objectives Interface Design Workflow-II Identify user interface objects that are

required to implement the interface. Develop a procedural representation of the

user’s interaction with the interface. Develop a behavioral representation of the

interface. Describe the interface layout for each

state. Refine and review the interface design

model.

Aesthetic Design Don’t be afraid of white space. Emphasize content. Organize layout elements from top-left to

bottom right. Group navigation, content, and function

geographically within the page. Don’t extend your real estate with the

scrolling bar. Consider resolution and browser window

size when designing layout.

Design Evaluation Cycle Prototipação A prototipação é fundamental em um

projeto de interface, pois ela oferece facilidade por parte dos usuários para utilizar os recursos e facilitar o entendimento da interface, oferecendo benefícios voltados ao próprio meio de trabalho do usuário, sendo possível de ser aplicado antes mesmo de informatizar seu meio de trabalho.

Processo de prototipação Estilos de interação do Manipulação direta Seleção de menu Preenchimento de formulários Linguagens de comandos Linguagem natural

CONCLUSÃO Atualmente, sistemas requerem maiores

níveis de interatividade e estão se tornando cada vez mais sofisticados e complexos. Projetá-los não é uma tarefa trivial, é desafiante.

Os sistemas de Interface Homem-Máquina (HMI) permitem uma aproximação entre o mundo da automação e o utilizador. Dada a crescente complexidade dos processos modernos, a capacidade de ter uma visão clara do todo é cada vez mais importante

Referências Bibliográficas SOMMERVILLE, IAN. Engenharia de

Software. 6a. edição, Addison-Wesley, 2003.

PRESSMAN, R. S. Engenharia de Software. 5a edição, Editora McGraw-Hill, 2002. 

MYERS, Brad A. "Why are Human-Computer Interfaces Difficult to Design and Implement?", Carnegie Mellon University School of Computer Science Technical Report CMU-CS-93-183, Julho 1993.

REIS, Christian, Por que Interfaces Homem-Máquina são difíceis de Projetar e

48

Referências Internet http://www.wthreex.com/rup/process/

modguide/md_uig.htm