1

Engenharia de Software

Prática nº 09: Projeto de interface com utilizador

Docente: Domingos Filipe de Oliveira

2

Interface Gráfica de utilizador (GUI)

Parte do sistema com que o utilizador se comunica, ou seja, aquela com a qual ele entra em contacto para executar acções, receber as informações resultantes dessas acções e então interpretá-las;

3

PrefácioHistoricamente, a idealização da interface sempre ocorreu antes do próprio desenvolvimento da tecnologia.

4

1930 – Vannevar Bush e o Memex1945 – A Guerra e o artigo “As We May Think”.

“Máquina capaz de estocar montanhas de informações, fácil e rapidamente alcaçáveis (precursosra da ideia de hipertexto)”.

5

1948 a 68 – Douglas

Engelbart“1962 – Aumentando o intelecto humana”.

“Computadores digitais podem prover a maneira mais rápida para aumentar a capacidade humana de lidar com problemas complexos”

6

A Robótica e a IHC

A “initação” da vida e a troca de papéis.

“O computador não como um substituto para o interlecto humano, mas como uma ferramenta para melhorá-lo”D.E.

7

O Papel da interface

Se é preciso interagir com a máquina, deve haver uma interface que possibilite isso.

“A velha computação refere-se ao que os computadores podem fazer, e a nova computação, ao que os utilizadores podem fazer”. (Ben Shneiderman)

8

1970 – XeroxCentro de pesquisa / Palo

Alto - 1970 Aplicações para impressoras

Organização dos documentos

Mouse diagonal

9

1970 – SmalltalkLinguagem de

programação e ambiente de desenvolvimento

Janelas

Menus “pop-up”;

Ícones

10

1976 – Apple(Jobs, Wozniak +

migração de Palo Alto)Projecto LISA (79 – 83)

MACINTOSH Primeiro comercial (us$ 2,495)

11

Década de 80Sobrepos. Janelas

Barras;

Multi-tarefas;

12

REFERÊNCIASSbrocco, José H. – UML 2.3 Teoria e Prática. Erica Editora, 2011

Furgeri, Sérgio. Modelagem de Sistemas Orientados a Objectos – Ensino Didático. Erica editora, 2013.

Nunes, M. O’Neil, H – Fundamental de UML. FCA editora 6º ed, 2004

13

Tópicos que serão abordados

Princípios de projecto de interface com o utilizador

Interacção com utilizador

Apresentação da informação

Suporte ao utilizador

Avaliação de interface

14

ObjectivosApresentar alguns aspectos importantes do projecto de interface com o utilizador, para o engenheiro de software;

Compreender os princípios gerais de projecto (engenheiros responsáveis pelo projecto);

Conhecer cinco estilos diferentes de interacção com um sistema de software;

Conhecer diferentes estilos de apresentação de informação e quando é apropriada;

Compreender alguns fundamentos do projecto de apoio ao utilizador;

Compreender os atributos da facilidade de uso e as abordagens simples

15

Qual a importância de um bom projecto de

interface com o utilizador ???

Garante o sucesso do software

16

Como era o dispositivo-padrão de interação

antigamente ?Era um terminal alfanumérico, com caracteres azuis, verdes ou brancos

exibidos em um fundo preto

17

Como é a interação atualmente com o

utilizador através da interface ?

Atualmente todos os equipamentos fornecem uma GUI (Graphical User

Interface)

18

Características de uma Interface Gráfica com

UtilizadoJanelas / Ícones / Menus / Apontamento /

Gráficos

19

JanelasPermitem que várias informações possam ser exibidas simultaneamente ao utilizador;

ÍconesDependendo do sistema, podem representar tipos de informações distintas;

MenusOs comandos são seleccionados a partir de menus.

ApontamentoUm exemplo de apontamneto, pode ser um mouse;

GráficosElementos gráficos podem estar com o texto.

20

Vantagens de uma interface gráfica com

utilizadorSão relativamente fáceis de aprender e utilizar;

O utilizador tem várias telas para a interação com o sistema;

É possível o acesso em qualquer ponto da tela

21

Objectivo principal

Sensibilizar os engenheiros de software sobre a importância de algumas questões básicas sobre o projecto de interface com o utilizador.

22

Princípios de projecto de

interface com o utilizador

23

Considerações para os engenheiros de software

PrincipalDeve levar em consideração a capacidade mental e física do utilizador

O princípio da familiaridade com o utilizador

O princípio da consistência da interface com utilizador

A consistência da interface com subsistemas

O princípio do mínimo de surpresa;

O princípio da facilidade de recuperaçãoConfirmação de ações destrutivas;

Recurso do tipo desfazer

O princípio da assistência ao utilizador

24

Interção dos utilizador

Como as informações podem, a partir do utilizador, ser fornecidas ao sistema de computador.

Como as informações do computador podem ser apresentadas ao utilizador

25

Modos de interação

Shneiderman (1998)Manipulação direta;

Seleção de menu;

Preenchimento de formulário;

Linguagem de comando;

Linguagem natural

26

Vantagens e desvantagens dos estilos

de interaçãoEstilo de interacção

Principais vantagens

Principais desvantagens

Exemplos de aplicações

Manipulação direts

Interação rápida e intuitiva.Fácil de aprender

Seleção de menu

Evitar erros de utilizador.Exige pouca dogotação

Preenchimento de formulário

Entrada de dados simples.

Linguagem de comando

Linguagem natural

27

Os projetistas de interface com o utilizador devem estar cientes das possibilidades de visualição, especialmente quando a interface com o utilizador do sistema deve representar entidades fisicas

28

Exemplos de visualização de

dadosInformação meteorológicas

O estado de uma rede de telefonia

O estado de uma indústria química

O modelo de uma molécula

Um conjunto de páginas web

29

Cores nos projectos de

interfaceTodos sistemas interativos, exceto os especializados – os sistemas de tela pequena, displays coloridos e interfaces com o utilizador, utilizam cores de diferentes maneiras.

Cores podem aperfeiçoar as interfaces com o utilizador, auxiliando os utilizadores a comprrender e gerir a complexidade.

30

Avaliação da interface

É o processo de analisar a facilidade de uso dessa interface e verificar se ela cumpre os requisitos solicitados.

Deve ser conduzido em relação a uma especificação de facilidade de uso

A avaliação sistemática de um projecto de interface com utilizador pode ser um processo dificil que envolve cientistas bem informados e projetistas gráficos

31

REFERÊNCIASEngenharia de software 6ª Ed, Smmerville, IanEngenharia de software, Pressman, S. Roger

Sbrocco, José H. – UML 2.3 Teoria e Prática. Erica Editora, 2011Furgeri, Sérgio. Modelagem de Sistemas Orientados a Objectos –

Ensino Didático. Erica editora, 2013.Nunes, M. O’Neil, H – Fundamental de UML. FCA editora 6º ed, 2004