Upload
donhi
View
220
Download
0
Embed Size (px)
Citation preview
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