Engenharia de

Software
Prtica n 09: Projeto de interface com
utilizador
Docente: Domingos Filipe de Oliveira

Interface Grfica
de utilizador (GUI)
Parte do sistema com que o utilizador
se comunica, ou seja, aquela com a qual
ele entra em contacto para executar
aces, receber as informaes
resultantes dessas aces e ento
interpret-las;

Prefcio
Historicamente, a idealizao da
interface sempre ocorreu antes do
prprio desenvolvimento da tecnologia.

1930 Vannevar
Bush e o Memex
1945 A Guerra e o artigo As We May
Think.
Mquina capaz de estocar montanhas
de informaes, fcil e rapidamente
alcaveis (precursosra da ideia de
hipertexto).

1948 a 68
Douglas
Engelbart
1962 Aumentando o intelecto
humana.
Computadores digitais podem prover a
maneira mais rpida para aumentar a
capacidade humana de lidar com
problemas complexos

A Robtica e a
IHC
A initao da vida e a troca de
papis.
O computador no como um substituto
para o interlecto humano, mas como
uma ferramenta para melhor-loD.E.

O Papel da
interface
Se preciso interagir com a mquina,
deve haver uma interface que
possibilite isso.
A velha computao refere-se ao que
os computadores podem fazer, e a nova
computao, ao que os utilizadores
podem fazer. (Ben Shneiderman)

1970 Xerox
Centro de pesquisa / Palo
Alto - 1970
Aplicaes para impressoras
Organizao dos documentos
Mouse diagonal

1970 Smalltalk
Linguagem de
programao e ambiente
de desenvolvimento
Janelas
Menus pop-up;
cones

1976 Apple
(Jobs, Wozniak +
migrao de Palo Alto)
Projecto LISA (79 83)
MACINTOSH Primeiro comercial (us$
2,495)

10

Dcada de 80
Sobrepos. Janelas
Barras;
Multi-tarefas;

11

REFERNCIAS
Sbrocco, Jos H. UML 2.3 Teoria e Prtica. Erica Editora, 2011
Furgeri, Srgio. Modelagem de Sistemas Orientados a Objectos
Ensino Didtico. Erica editora, 2013.
Nunes, M. ONeil, H Fundamental de UML. FCA editora 6 ed,
2004

12

Tpicos que sero

abordados
Princpios de projecto de interface com
o utilizador
Interaco com utilizador
Apresentao da informao
Suporte ao utilizador
Avaliao de interface

13

Objectivos
Apresentar alguns aspectos importantes do projecto de
interface com o utilizador, para o engenheiro de software;
Compreender os princpios gerais de projecto (engenheiros
responsveis pelo projecto);
Conhecer cinco estilos diferentes de interaco com um
sistema de software;
Conhecer diferentes estilos de apresentao de informao
e quando apropriada;
Compreender alguns fundamentos do projecto de apoio ao
utilizador;
Compreender os atributos da facilidade de uso e as
abordagens simples

14

Qual a importncia de
um bom projecto de
interface com o
utilizador ???
Garante o sucesso do software

15

Como era o dispositivopadro de interao

antigamente ?
Era um terminal alfanumrico, com
caracteres azuis, verdes ou brancos
exibidos em um fundo preto

16

Como a interao
atualmente com o
utilizador atravs da
interface ?
Atualmente todos os equipamentos
fornecem uma GUI (Graphical User
Interface)

17

Caractersticas de
uma Interface
Grfica com
Utilizado
Janelas / cones / Menus / Apontamento /
Grficos

18

Janelas
Permitem que vrias informaes possam ser exibidas
simultaneamente ao utilizador;

cones
Dependendo do sistema, podem representar tipos de
informaes distintas;

Menus
Os comandos so seleccionados a partir de menus.

Apontamento
Um exemplo de apontamneto, pode ser um mouse;

Grficos
Elementos grficos podem estar com o texto.

19

Vantagens de uma
interface grfica com
utilizador
So relativamente fceis de aprender e
utilizar;
O utilizador tem vrias telas para a
interao com o sistema;
possvel o acesso em qualquer ponto
da tela

20

Objectivo
principal
Sensibilizar os engenheiros de software
sobre a importncia de algumas
questes bsicas sobre o projecto de
interface com o utilizador.

21

Princpios de
projecto de
interface com o
utilizador

22

Consideraes para os
engenheiros de software
Principal
Deve levar em considerao a capacidade mental e fsica do
utilizador

O princpio da familiaridade com o utilizador

O princpio da consistncia da interface com utilizador
A consistncia da interface com subsistemas
O princpio do mnimo de surpresa;
O princpio da facilidade de recuperao
Confirmao de aes destrutivas;
Recurso do tipo desfazer

O princpio da assistncia ao utilizador

23

Intero dos
utilizador
Como as informaes podem, a partir do
utilizador, ser fornecidas ao sistema de
computador.
Como as informaes do computador
podem ser apresentadas ao utilizador

24

interao
Shneiderman
Manipulao direta;
(1998)
Seleo de menu;
Preenchimento de formulrio;
Linguagem de comando;
Linguagem natural

25

Vantagens e
desvantagens dos estilos
de interao
Estilo de
interaco

Principais
vantagens

Manipulao
direts

Interao
rpida e
intuitiva.
Fcil de
aprender

Seleo de
menu

Evitar erros de
utilizador.
Exige pouca
dogotao

Preenchiment
o de
formulrio

Entrada de
dados simples.

Linguagem de
comando

Principais
desvantagen
s

26

Exemplos de
aplicaes

Os projetistas de interface com o

utilizador devem estar cientes das
possibilidades de visualio,
especialmente quando a interface com
o utilizador do sistema deve
representar entidades fisicas

27

Exemplos de
visualizao de
dados
Informao meteorolgicas
O estado de uma rede de telefonia
O estado de uma indstria qumica
O modelo de uma molcula
Um conjunto de pginas web

28

Cores nos
projectos de
interface
Todos sistemas interativos, exceto os
especializados os sistemas de tela
pequena, displays coloridos e interfaces
com o utilizador, utilizam cores de
diferentes maneiras.
Cores podem aperfeioar as interfaces
com o utilizador, auxiliando os
utilizadores a comprrender e gerir a
complexidade.

29

Avaliao da
interface
o processo de analisar a facilidade de
uso dessa interface e verificar se ela
cumpre os requisitos solicitados.
Deve ser conduzido em relao a uma
especificao de facilidade de uso
A avaliao sistemtica de um projecto
de interface com utilizador pode ser um
processo dificil que envolve cientistas
bem informados e projetistas grficos
30

REFERNCIAS
Engenharia de software 6 Ed, Smmerville, Ian
Engenharia de software, Pressman, S. Roger
Sbrocco, Jos H. UML 2.3 Teoria e Prtica. Erica Editora, 2011
Furgeri, Srgio. Modelagem de Sistemas Orientados a Objectos Ensino
Didtico. Erica editora, 2013.
Nunes, M. ONeil, H Fundamental de UML. FCA editora 6 ed, 2004

31