INF Comunicacão Homem-Computador Parte 10

Apresentação em tema: "INF Comunicacão Homem-Computador Parte 10"— Transcrição da apresentação:

1 INF 043 - Comunicacão Homem-Computador Parte 10
Prof. Roberto Cabral de Mello Borges Instituto de Informática UFRGS 2007

2 Interface por Menus São atrativas, pois eliminam treinamento e necessidade de memorização de seqüências de comandos. Permitem rapidez no uso, se usada terminologia familiar (do usuário) Diminui a incidência de erros, devido à estruturação das tarefas. Adequada a usuários novatos ou ocasionais, bem como aos especialistas.

3 Menus são indicados quando:
usuários possuem pouco ou nenhum treinamento; forem usuários ocasionais; usuários estranhos à terminologia usuários necessitam de auxílio para estruturar seus processos de tomada de decisão; o número e a variedade de opções, permite facilmente que o usuário esqueça ou confunda algumas opções;

4 Objetivos do “projetista de menus” é criar menus:
compreensíveis; memorizáveis; de conveniente organização semântica (relevante à tarefa do usuário); tão curtos e simples quanto a clareza permitir; tão completos e poderosos quanto a simplicidade permitir.

5 Classificação dos menus
Binários (S/N, 1/2/3, A/B/C/D ...) Múltiplos (escolha de respostas, listas, ...) Estendidos (menus maiores que a tela) “POP-UP/PULL-DOWN” Permanentes Múltiplas escolhas Cíclicos e Acíclicos Hierárquicos e Sequenciais

6 Tipos de Menus Botão (Push-Button) Botão de Rádio (Radio-Button)
Caixa de Seleção Múltipla (Check Box ou Check List) Pull Down Pop-up / Drop-Down Opções Toggle Cascata (Cascading) Pie Tool Palette Embedded Dinâmico (Dynamic) Pictorial

7 Push-Button, Radio-Button, Check List, Pop-Up
Pop-Up/Drop-Down

8 Pull-Down

9 Pop-Up / Drop Down

10 Option

11 Toggle 1 2

12 Cascading

13 Pie

14 Tool Palette

15 Embedded

16 Dynamic

17 Pictorial

18

19 Menus em árvores agrupamento de itens afins;
largura x profundidade (número de itens por nível x número de níveis); agrupamento semântico x agrupamento ordenado (alfabético ou numérico); mapas de menus auxiliam na localização e navegação.;

20 "Menu" com muitas alternativas
Apenas 504 opções

21 Menus Contra-exemplo de largura x profundidade Tela 1

22 Tela 2

23 Tela 3

24 Tela 4

25 Tela 5

26 Tela 6

27 Tela 7 ,12 ,20 ,32 ,00 ,32

28 Sugestão Agência: Conta: Senha: OK Ajuda

29 do dia do mês atual do mês anterior do período do dia do mês atual
Extratos Conta Corrrente Imposto de Renda de a / de a 09/08 10/07 de a / Pagamentos do período / Teleserviços Enviar Cancelar Transferências Empréstimos Imprimir

30 Critérios para organização de itens de menus:
ordem numérica (ascendente ou descendente); ordem alfabética; ordem cronológica (tempo) por propriedades físicas (tamanho, área, temperatura, peso, velocidade, volume, etc.); localização geográfica ou física; agrupamento de itens relacionados; itens mais usados primeiro; itens mais importantes primeiro (importância definida pelo usuário).

31 Ordem Numérica

32 Ordem Alfabética

33 Ordem Cronológica

34 Propriedades Físicas Material da Superfície Ferro Alvenaria Concreto
Madeira Plástico Aço Fórmica Vidro

35 Localização Geográfica

36 Agrupamento de itens relacionados

37 Itens mais usados primeiro

38 Itens mais importantes primeiro

39 Exercício Criar um sistema de menus para reorganizar o menu Formatar do Excel. Como a formatação de células é uma operação muito freqüente (número, alinhamento, borda, padrão e fonte) deve-se ter acesso a estas operações no 1º nível do menu. Rever (reorganizar) também os menus internos (número, borda, etc) pois todos estão fora dos padrões. Estudar com cuidado o relacionamento entre itens, a profundidade e largura dos menus. Idem para o tipo de ferramenta a ser usado (botão de rádio, check box, tipo de menu, etc)

40

41

42

43

44

45 <--Justificar-->
Superior Centro Inferior <--Justificar-->

46

47

48

49

50 Exercício Prático 2 Projetar um novo sistema de especificação de ferramentas para o menu Formatar do Word, de forma a atender as combinações possíveis e com os recursos da ferramenta gráfica corretos.

51

52

53 Exercício Prático 3 Projetar uma tela , usando as ferramentas gráficas, para informar num cadastro qual o combustível do veículo. Os combustíveis usuais no Brasil são Gasolina Álcool Diesel GNV Avaliar todas as combinações possíveis e projetar a interface