Upload
internet
View
108
Download
2
Embed Size (px)
Citation preview
Prof. Roberto Cabral de Mello Borges
Instituto de InformáticaUFRGS
2007
INF 043 - Comunicacão
Homem-ComputadorParte 10
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.
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;
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.
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
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
Push-Button, Radio-Button, Check List, Pop-Up
Push-ButtonRadio-Button
Check-List
Pop-Up/Drop-Down
Pull-Down
Pop-Up / Drop Down
Option
Toggle
1 2
Cascading
Pie
Tool Palette
Embedded
Dynamic
Pictorial
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.;
"Menu" com muitas alternativas
• Apenas 504 opções
Menus
• Contra-exemplo de largura x profundidade
Tela 1
Tela 2
Tela 3
Tela 4
Tela 5
Tela 6
Tela 7
1.365.236,12
5.456.987,20
16.822.223,32
6.822.223,3210.000.000,00
Sugestão
Agência:Conta:Senha:
OK Ajuda
Extratos
Pagamentos
Teleserviços
Transferências
Empréstimos
Imprimir
Conta Corrrente
Imposto de Renda
do dia
do mês atual
do mês anterior
do período de
a /
/
do dia
do mês atual
do mês anterior
do período de
a /
/ do período
Enviar Cancelar
de
a 09/08
10/07
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).
Ordem Numérica
Ordem Alfabética
Ordem Cronológica
Propriedades Físicas
Material da SuperfícieFerro
Alvenaria
Concreto
Madeira
Plástico
Aço
Fórmica
Vidro
Localização Geográfica
Agrupamento de itens relacionados
Itens mais usados primeiro
Itens mais importantes primeiro
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)
Inferior
Superior
<--Justificar-->
Centro
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.
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