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