10 1 Elementos Interacao

Elementos de interao
Referncias
Engenharia de Usabilidade Prof.: Clarindo Isaas Pereira da Silva e Pdua
Gestus Departamento de Cincia da Computao - UFMG
n n
Hix, D.; Hartson, H. R. Developing User Interfaces: ensuring usability through product & process, John Wiley and Sons, 1993. Galitz, W. O. The Essential Guide to User Interface Design. John Wiley, 2002.
26/8/2008
Clarindo Pd u a
Elementos de interao mais populares: Elementos de interao

n n
Interfaces Grficas
l l
Conceito: so colees de objetos de interface e tcnicas associadas, dos quais se utiliza o projetista de interao para desenhar os componentes de intera o de uma interface.
Janelas (windows) Menus Formulrios (Forms) Caixas (Box)
l l
Formas de interao:
l l
n n
Interfaces grficas em sentido amplo. Linguagens de comando. Outros Elementos de intera o, incluindo telas de toque touchscreen e voz.
elementos de interao direta (com objetos);

n
linguagens de comandos descreve-se a interao.
26/8/2008
Clarindo Pd u a
26/8/2008
Clarindo Pd u a
Elementos de interao Elementos de interao > Interface grfica
Interface grfica
n n
Janelas
Uma janela um objeto de tela que fornece uma arena para apresentao e interao com outros objetos de interao.
CIPSP2 l l
Qualquer estilo de interao que proveja janelas, botes, cones, e outros. geralmente chamada de interface grfica do usurio, ou GUI.
Janela primria: janela inicial a partir da qual outras podem ser geradas Janela secundria.
Janela ativa: aquela que est apta a receber entradas.
26/8/2008
Clarindo Pd u a
26/8/2008
Clarindo Pd u a
Elementos de interao > Interface grfica > Janelas
Elementos de interao > Interface grfica > Janelas > Diretrizes
Diretrizes
n
n
Use janelas diferentes para diferentes tarefas independentes.
No abuse do uso das janelas. Organize seqncias de janelas: forma superposta ou em arranjos geomtricos (tiled). n
Use diferentes janelas para diferentes vises coordenadas de uma mesma tarefa.
Mantenha consistente a aparncia e comportamento de janelas.
26/8/2008
Clarindo Pd u a
26/8/2008
Clarindo Pd u a
Slide 5 CIPSP2 Elas tambm podem ser encontradas com os nomes interfaces WIMP (windows, icons, menus e pointers) e NERD (navigation, evaluation, refinement and demonstration).
clarindo; 9/3/2002
Elementos de interao > Interface grfica
Elementos de interao > Interface grfica > Menus
Menus
n
Menus push-buttons
n
Menu: uma lista de itens de onde uma ou mais selees so feitas pelo usurio.
Em um menu push-button, escolhas so distribudas sobre botes separados, e os botes so visveis a todo tempo.
Menus so um dos mais populares elementos de interao, em parte porque ele reduz a necessidade de memorizao do usurio.
Pode-se considerar conjuntos de botes como menus j que eles provm uma lista de opes.
26/8/2008
Clarindo Pd u a
26/8/2008
Clarindo Pd u a
10
Elementos de interao > Interface grfica > Menus > Menus Push -button
Menus pull-down Diretrizes

n n n
o estilo de intera o mais popular. utilizado para acesso s grandes funes.
Use com parcimnia: ocupam muito espao. Rtulos dos botes devem ser bem claros e precisos. Pode-se usar um boto default, com aparncia diferente. Deve-se usar realce quando um boto escolhido pelo usurio.
26/8/2008
Clarindo Pd u a
11
26/8/2008
Clarindo Pd u a
12
Menus radio-button
n
Oferecem escolhas que so exaustivas e mutuamente exclusivas.

n
Menus check-button
Menus Check-button oferecem escolhas que no so mutuamente exclusivas: o usurio pode marcar uma ou mais escolhas de um conjunto de duas ou mais possibilidades.
26/8/2008
Clarindo Pd u a
13
26/8/2008
Clarindo Pd u a
14
Menus pop-up
Menus dinmicos
n
Contm escolhas que variam em tempo de execuo.

l
n
Menus Pop-up podem aparecer em diferentes lugares na tela, determinado pela posio corrente do cursor, quando o usurio clica um boto especfico do mouse. Geralmente no h indicao de existncia do menu pop-up. No utiliza espao permanente da tela: economia de espao. Economiza movimento do mouse.
Exemplo: menus em que escolhas no permitida em determinado momento so acinzentadas.

n n
26/8/2008
Clarindo Pd u a
15
26/8/2008
Clarindo Pd u a
16
Elementos de interao > Interface grfica > Menus > Menus Pop-up
Menu de opo (Combo-box)

n
Um menu de opo parece muito com um campo (em um formulrio), mas seu valor sempre visvel.
l
O menu de opo tamb m chamado de Combo Box: combina boto com o menu pop-up.
Mostra um valor default mas que pode ser modificado a partir de uma lista de opes. Pode-se permitir a edi o de uma opo da lista.
Um menu de opo usado quando o espao na tela limitado.
26/8/2008
Clarindo Pd u a
17
26/8/2008
Clarindo Pd u a
18
Elementos de interao > Interface grfica > Menus > Combo box
Elementos de interao > Interface grfica > Menu > Combo box
26/8/2008
Clarindo Pd u a
19
26/8/2008
Clarindo Pd u a
20
Elementos de interao > Interface grfica > Menus Elementos de interao > Interface grfica > Menus
Menus de cascata
Menus de alternativa (toggle menu)

n
Hierrquicos, parecem e comportam -se como uma seqncia de menus pull-down.

l
Permite escolha entre alternativas que vo surgindo a cada click , partindo de uma lista circular.
l l
Permitem representao de hierarquia de opes.
Geralmente usado somente com 2 opes opostas. Economiza espao de telas, mas tem a desvantagem de no tornar as opes visveis ao mesmo tempo.
26/8/2008
Clarindo Pd u a
21
26/8/2008
Clarindo Pd u a
22
Elementos de interao > Interface grfica > Menus > Menus em Pizza
Menus em pizza (pie menu)

n
Opes apresentadas em forma circular em um disco
n n
Minimizam movimento de mouse So utilizados para escolha para escolha de padres de hachurados ou cores, por exemplo.
A distncia do centro ou tamanho de fatias pode ter algum significado como intensidade de cor.
26/8/2008
Clarindo Pd u a
23
26/8/2008
Clarindo Pd u a
24
Elementos de interao > Interface grfica > Menus > Menus de paleta
Menu de paleta (menu de cones)

n
Suas escolhas so representadas por cones grficos. So, em essncia, push-buttons agrupados juntos.
Escolhas geralmente so mutuamente exclusivas e podem implicar mudanas de modo.
Muito usados em editores grficos.
26/8/2008
Clarindo Pd u a
25
26/8/2008
Clarindo Pd u a
26
Elementos de interao > Interface grfica > Menus > Menu embutido
Menu embutido
n
usado para implementar uma estrutura de hipertexto ou hiperm dia.
26/8/2008
Clarindo Pd u a
27
26/8/2008
Clarindo Pd u a
28
Elementos de interao > Interface grfica > Menus > Diretrizes
Diretrizes
n
Relacionados com menus, os seguintes aspectos devem ser considerados:

l l l l l l l l n
Estrutura
Menus simples
l
Estrutura Funo Contedo Formatao Redao Navegao utilizando menus Tipos de nenus Navegao em stios Web
29 26/8/2008
Usado em caixas ou janelas para permitir ao usu rios entradas ou solicitao de aes. Pode ser iterativo quando requer entrada de dados que passa m por validao.
m m m
Escolha 1 Escolha 2 Escolha 3
26/8/2008
Clarindo Pd u a
30
Clarindo Pd u a
Elementos de interao > Interface grfica > Menus > Diretrizes > Estrutura
Menus lineares sequenciais

n
Menus simultneos
n
So menus apresentados como uma seq encia de telas - devem ser usados quando a seq encia for realmente importante.
So menus apresentados como vrios conjuntos de opces simultaneamente.
Observar que.
l l l
Podem ser entediante para o usurio. Usurio pode querer voltar atrs para correo ou para se lembrar de alguma coisa. Cuidado ao requerer que o usurio se lembre de uma resposta dada em um menu anterior.
Devem ser preferidos aos menus sequenciais quando a seqencia no for necessria.
Podem ficar confusos e de difcil utiliza o quando muito complexos.
Vai contra a diretriz de se dar controle ao usurio usurio pode querer preencher as informaes em uma ordem diferente da exigida.
Pode ficar difcil a representao de relacionamentos e dependncias entre grupos de menus.
26/8/2008
Clarindo Pd u a
31
26/8/2008
Clarindo Pd u a
32
Elementos de interao > Interface grfica > Menus > Diretrizes > Estrutura > Menus simultneos
Menus simultneos
Grupo 1
o Escolha o Escolha o Escolha
Menus hierrquicos
n
Grupo 2
So menus apresentados na forma de uma estrutura hierrquica.

l
1 2 3
1 2 3 n n
Opes so organizadas em grupos, cada opo pode ter subopes.
Grupo 3
Grupo 4
Boa soluo quando existe uma grande quantidade de op es. A organizao da estrutura hierrquica deve ser consistente com expectativas do usurio.
1 2 3
1 2 3
26/8/2008
Clarindo Pd u a
33
26/8/2008
Clarindo Pd u a
34
Funo
n
Contedo
n
Menus podem ser analisados com relao sua funo para os usurios como:
l
Menus consistem nos seguintes elementos.

l l l l
Navegao
u
Contexto Ttulo Descries alternativas Instrues completas
Usado em menus hier rquicos, por exemplo.
l l l
Execuo de a o. Exibi o de informao Entrada de dados ou parmetros.
26/8/2008
Clarindo Pd u a
35
26/8/2008
Clarindo Pd u a
36
Elementos de interao > Interface grfica > Menus > Diretrizes > Contedo
Elementos de interao > Interface grfica > Menus > Diretrizes > Contedo > Contexto
Contexto
n
Ligaes verbais
l
Para o usurio se manter orientado, importante que sempre tenha conscincia do contexto ao qual se aplicam as escolhas apresentadas em menus. n
Escolha passada so listadas
Ligaes espaciais
l
necess rio que o usurio saiba onde ele se encontra em um processo, quais as opes passadas relevantes que ele escolheu e quanto ele ainda ter que navegar a frente.
Apresentadas por m todos grficos ou pela organizao do espao

u
Por exemplo, um menu hier rquico em que os vrios nveis so apresentados como janelas que se superpem parcialmente.
Podem ser usados ligaes verbais ou espaciais para informar o contexto ao usurio.
26/8/2008
Clarindo Pd u a
37
26/8/2008
Clarindo Pd u a
38
Descries alternativas
Ttulo
n
Deve-se considerar as alternativas de descries que sero oferecidas aos usurios.
Deve informar sobre o contexto corrente.

l
As alternativas podem ser atalhos, palavras ou textos mais explicativos.
Deve ser sucinto, claro e objetivo
As alternativas visam contemplar os diferentes atores (tipos de usurios) e sua experincia no uso do produto (novi o, intermitente, frequente) ou em inform tica.
26/8/2008
Clarindo Pd u a
39
26/8/2008
Clarindo Pd u a
40
Descries completas
n
Formatao
n n n n
Consistncia Exibio Apresentao Organizao Complexidade Arranjo de itens Ordenao Agrupamento
Deve-se considerar a necessidade e oportunidade de se prover descries completas sobre as diversas opes de menus.
l
n n n
Considerar os diversos atores e proficincia dos usurios.
Considerar tambm a documentao e tutoriais.
26/8/2008
Clarindo Pd u a
41
26/8/2008
Clarindo Pd u a
42
Elementos de interao > Interface grfica > Menus > Diretrizes > Formatao
Consistncia
n
Exibio
n
Consistncia abrange vrios Diretrizes como se segue.

l l l l l l l
Considerar como ser a exibio de menus.

l
Expectativa dos usurios Apresentao Organizao Ordenao Redao incluindo t tulos, descries e instrues Mtodos de seleo Esquemas de navegao
n n
Menus de utilizao frequente devem ser exibidos continuamente (ex. menus pull-down)
Menus de utilizao ocasional podem ser exibidos por demanda

u
Opes crticas devem ser exibidas continuamente
Assegure-se que os menus sejam bvios para os usurios por meio de uma apresentao consistente em termos de estrutura, local e tcnica de exibio. Assegure-se que outros componentes do sistema no se confundam com as opes de menus.
26/8/2008
Clarindo Pd u a
43
26/8/2008
Clarindo Pd u a
44
Elementos de interao > Interface grfica > Menus > Diretrizes > Formatao > Organizao
Organizao
n n
Seja conservador em relao ao n mero de opes de menus:

l
Utilize um menu principal. Mostre todas as alternativas relevantes e somente as relevantes (desabilite as outras).
Uma estrutura hierrquica larga e rasa deve ser preferida a uma estrutura estreita e funda.
Normalmente, deve ter at 3 ou 4 nveis hierrquicos e at 4 a 8 -se itens por menu.
Use as tarefas de usurios e funes de sistema para organizar menus hierrquicos.
l l
Com agrupamento lgico, limite as opes entre 18 e 24. A cada nvel de uma estrutura hierrquica, diminua o nmero de opes disponveis.
Minimize o nmero de nveis de menus dentro de limites razoveis

l
Em stios Web, restrinja a dois clicks de mouse por questo de tempo de carga.
Nunca exija rolagem (scrolling) para acesso a menus.
26/8/2008
Clarindo Pd u a
45
26/8/2008
Clarindo Pd u a
46
Vantagens de menus rasos

l l l
Caminhos mais curtos Menos chance do usurio se perder em um caminho Estrutura apreendida mais facilmente.
Complexidade
n
Desvantagens de menus rasos e extensos

l
Pode-se prover menus simples (com poucas opes) e complexos visando usurios novios e especialistas, respectivamente.
Pode confundir o usurio em relao a distino entre as opes.
Vantagens de maior profundidade

l l
Cada nvel fica mais simples em termos do nmero de opes A organizao em agrupamentos evita confuso em torno de opes similares .
26/8/2008
Clarindo Pd u a
47
26/8/2008
Clarindo Pd u a
48
Arranjo de itens
n
Ordenao De preferncia, ordene listas em uma ordem natural para o usurio ou use outros critrios lgicos. Uma ordenao significativa importante porque:
l l l
Alinhe opes em colunas nicas, se possvel, e a esquerda.

n
Se necessrio colocar opes em linhas horizontais, torne a leitura de cima para baixo,
Facilita a pesquisa por um item Informa sobre a estrutura e relacionamentos entre items Pode significar compatibilidade com o modelo mental do usurio Melhora a capacidade do usurio de localizao de suas escolhas.
da esquerda para a direita.

26/8/2008
Clarindo Pd u a
49
26/8/2008
Clarindo Pd u a
50
Elementos de interao > Interface grfica > Menus > Diretrizes > Formatao > Organizao > Ordenao
n
Elementos de interao > Interface grfica > Menus > Diretrizes > Formatao > Organizao > Ordenao
n
De preferncia, ordene as listas em uma ordem natural para o usurio. Para listas associadas a nmeros, use uma ordem numrica. Para listas com um pequeno nmero de opes (da ordem de 7 ou menos) use critrios adequados como:
l l l l l
Use ordenao alfab tica para listas de opes longas (mais de 8 itens) ou quando no houver um critrio melhor como os indicados acima.
n n
Separe aes potencialmente destrutivas de itens utilizados freq entemente.
Seqencia de ocorrncia Freqencia de ocorrncia Importncia Similaridade semntica Mais recentes primeiros.
n n
No mude a ordenao dos itens se o uso muda. Mantenha consistncia em ordenao em todos os menus
l
Para menus de comprimento vari vel, mantenha posies relativas consistentes
Para menus de comprimento fixo, mantenha posi es absolutas consistentes.
26/8/2008
Clarindo Pd u a
51
26/8/2008
Clarindo Pd u a
52
Elementos de interao > Interface grfica > Menus > Diretrizes > Formatao > Organizao > Agrupamento
n
Agrupamento
n
No use mais de 7 agrupamentos em uma tela ou pgina. O nmero total de itens de todos os agrupamentos de uma tela no deve exceder 18 a 24.
Crie agrupamentos de opes de menus que tm alguma relao entre si e sejam distintivo, significativo e mutuamente exclusivo.
Busque alta coeso interna e baixo acoplamento nos agrupamentos.

l
Se no h como se estabelecer um critrio para categorizao e mais de 7 op es tm que ser mostradas em uma tela, crie
Categorize os agrupamentos de modo a maximizar a similaridade de ntro de um agrupamento e minimizar a similaridade entre agrupamentos (alta coeso).
agrupamentos visuais arbitrrios, cada um com at 7 opes e de mesmo tamanho.

n n
Ordene itens de modo significativo em um agrupamento.
Separe agrupamentos com espao em branco ou linha finas. Proveja acesso fcil a itens freqentes ou crticos.
54
26/8/2008
Clarindo Pd u a
53
26/8/2008
Clarindo Pd u a
Elementos de interao > Interface grfica > Menus > Diretrizes > Formatao > Organizao > Linhas separadoras
n
Linhas separadoras
n
Use hierarquia nos separadores

l
Por exemplo, use linhas slidas para separar agrupamentos e linhas pontilhadas ou tracejadas para separar subagrupamentos. Podem-se usar diferentes espessuras de linhas associadas a nveis hier rquicos.
Em telas cheias, separao por espaos brancos devem ser preferidas

l
Para agrupamentos independentes, estenda a linha de separa o da esquerda direita nas fronteiras.
No abuse de linhas ou separadores pois podem causar distrao do usurio.
Para separa o de subagrupamentos pode usar uma linha se estendendo do primeiro car ter da descrio das opes at o ltimo car ter da descrio mais longa.
26/8/2008
Clarindo Pd u a
55
26/8/2008
Clarindo Pd u a
56
Elementos de interao > Interface grfica > Menus > Diretrizes > Redao de menus
Redao de menus
n
necess rio se encontrar um equilbrio entre a necessidade de informar bem e a conciso.
A descrio de um menu deve comunicar ao usurio:

l l l
A natureza e o prop sito do menu ou de cada opo. Como fazer a escolha mais apropriada. Deve-se fazer teste com usurios para verificar se eles compreendem o significado das escolhas.
Para escolher palavras mais claras e buscar a conciso, considere o conjunto de opes, sua natureza e a possibilidade de que o usurio conseguir reconhecer seu significado imediatamente ou com pouca investigao.
Use terminologias consagradas quando possvel.

n
n n
Menus devem ser informativos mas no intrusivos. Tambm importante ajudar o usurio a antecipar onde a escolha vai levar ou o que vai causar, evitando o t dio e a frustrao do usurio.
Deve haver consistncia entre a redao das diversas escolhas (sempre verbo, substantivo ou adjetivo come ando cada escolha).
26/8/2008
Clarindo Pd u a
57
26/8/2008
Clarindo Pd u a
58
Ttulos de menus
n
Descrio de opes
n
O menu principal deve ter o ttulo curto, simples, claro e distintivo, descrevendo o propsito da s rie de opes.
Crie descries familiares aos usurios, curtas (1, e ou poucas palavras), simples, claras e distintivas.
Sub-menus devem ter a redao e forma consistente com a redao dos menus.
n n
A redao deve ser orientada tarefa, no a dados. Use construes paralelas (consistentes) de frases.
l
Ttulos devem estar localizados no topo da lista de opes, utilizando maisculas e minsculas ou somente maisculas. Pode-se tambm usar maisculas para a primeira letra de palavras importantes.
Exemplo Imprima um relat rio, Execute um programa, Ejete um disco.
Ttulos suprfluos podem ser omitidos.
Contra-exemplo: Imprima; Execute um programa; Ejeta disco.
26/8/2008
Clarindo Pd u a
59
26/8/2008
Clarindo Pd u a
60
Elementos de interao > Interface grfica > Menus > Diretrizes > Redao de menus > Descrio de opes
Elementos de interao > Interface grfica > Menus > Diretrizes > Redao de menus > Descrio de opes
n
Coloque a palavra chave primeiro na descrio de um item.
Escolhas devem ser redigidas como comandos para o sistema sempre que possvel. A redao como comando fica mais consistente com outros sistemas, facilita a memorizao e indica que a iniciativa do dilogo est com o usurio.
Uma opo no pode ser redigida como seu menu.
Exemplo:
q q
Substitui todos Substitui primeiro item
Opes idnticas em diferentes menus devem ser redigidas de forma idntica.
Contra-exemplo
Voc quer substituir todos ?
q q
Sim No
26/8/2008
Clarindo Pd u a
61
26/8/2008
Clarindo Pd u a
62
Instrues
n n
Indicadores de inteno
n n
Proveja instru es completas para usurios novi os. Para usurios expertos, faa as instrues fceis de serem ignoradas:
l l
Use indicadores para cascata de menus > Para opes que resultam em novas janelas ou caixas de dilogo use indicadores de elipse ...
l
Apresentando-as em posies consistentes Apresentando-as em estilo e cores consistentes.
No as utilize para caixas de aviso.
Posicione as instrues precedendo as partes do menu a que se aplicam.
26/8/2008
Clarindo Pd u a
63
26/8/2008
Clarindo Pd u a
64
Teclas equivalentes
n
Atalhos
n
Para facilitar a seleo, cada opo pode ser associada a uma tecla do teclado.
Visando o usurio experto e/ou para itens usados freqentementes, menus podem ser associados a atalhos equivalentes.
O mnemnico a ser utilizado deve ser a primeira letra da descri o do menu.

l
n n
O atalho pode ser uma tecla de funo ou combinao de teclas. Teclas aceleradoras podem evitar a necessidade de uso de menus pull-down ou pop-up.
Caso haja repetio, deve-se utilizar outra letra, preferencialmente a primeira consoante.
Utilize sublinhado para designar o carater mnemnico.
O atalho pode corresponder a 2 ou no mximo 3 teclas pressionadas simultneamente.
26/8/2008
Clarindo Pd u a
65
26/8/2008
Clarindo Pd u a
66
Elementos de interao > Interface grfica > Menus > Diretrizes > Redao de menus > Atalhos
Use o sinal + para indicar que as teclas devem ser pressionadas simultaneamente.
n
Marca de alternncia
So usadas para indicar se uma op o est ativa ou inativa
l
A indicao de atalhos deve estar ajustada direita da descrio do item, separada por 3 espaos em branco.
n
Ex. v Insero
Devem ser usados para opes que tendem a ser usadas por um longo perodo de tempo.
No use atalho para menus pop-up ou menus que tm subitems em

n
Quando houver um grande nmero de opes, considere uma forma de se estabelecer uma configurao padro.
cascata.
n
Pode ser interessante permitir seqncia de caracteres mnemnica (macros) que invocam uma seqncia de comandos.
So acessados rapidamente e do uma indicao visual do estado de uma op o, mas este estado no fica sempre visvel.
26/8/2008
Clarindo Pd u a
67
26/8/2008
Clarindo Pd u a
68
Marca de alternncia
n
Menus alternantes
n
So usadas para indicar se uma op o est ativa ou inativa

l
Ex. v Insero
So usadas para indicar opes opostas que so usadas com freqencia.

l
Devem ser usados para opes que tendem a ser usadas por um longo perodo de tempo.
Ex. Hide alternando com Unhide
Quando houver um grande nmero de opes, considere uma forma de se estabelecer uma configurao padro.
Devem comear com um verbo.
So acessados rapidamente e do uma indicao visual do estado de uma op o, mas este estado no fica sempre visvel.
26/8/2008
Clarindo Pd u a
69
26/8/2008
Clarindo Pd u a
70

10 1 Elementos Interacao

Transféré par

Informations du document

Titre original

Copyright

Formats disponibles

Partager ce document

Partager ou intégrer le document

Options de partage

Avez-vous trouvé ce document utile ?

Ce contenu est-il inapproprié ?

Droits d'auteur :

Formats disponibles

10 1 Elementos Interacao

Transféré par

Droits d'auteur :

Formats disponibles

Elementos de interao

Elementos de interao mais populares: Elementos de interao

Janelas (windows) Menus Formulrios (Forms) Caixas (Box)

elementos de interao direta (com objetos);

linguagens de comandos descreve-se a interao.

Elementos de interao Elementos de interao > Interface grfica

Janela ativa: aquela que est apta a receber entradas.

Elementos de interao > Interface grfica > Janelas

Elementos de interao > Interface grfica > Janelas > Diretrizes

Use janelas diferentes para diferentes tarefas independentes.

Mantenha consistente a aparncia e comportamento de janelas.

Elementos de interao > Interface grfica

Elementos de interao > Interface grfica > Menus

Elementos de interao > Interface grfica > Menus

Menus pull-down Diretrizes

o estilo de intera o mais popular. utilizado para acesso s grandes funes.

Elementos de interao > Interface grfica > Menus

Elementos de interao > Interface grfica > Menus

Oferecem escolhas que so exaustivas e mutuamente exclusivas.

Elementos de interao > Interface grfica > Menus

Elementos de interao > Interface grfica > Menus

Contm escolhas que variam em tempo de execuo.

Exemplo: menus em que escolhas no permitida em determinado momento so acinzentadas.

Elementos de interao > Interface grfica > Menus

Menu de opo (Combo-box)

Um menu de opo usado quando o espao na tela limitado.

Menus de alternativa (toggle menu)

Hierrquicos, parecem e comportam -se como uma seqncia de menus pull-down.

Permitem representao de hierarquia de opes.

Elementos de interao > Interface grfica > Menus

Menus em pizza (pie menu)

Opes apresentadas em forma circular em um disco

Elementos de interao > Interface grfica > Menus

Menu de paleta (menu de cones)

Escolhas geralmente so mutuamente exclusivas e podem implicar mudanas de modo.

Muito usados em editores grficos.

Elementos de interao > Interface grfica > Menus

usado para implementar uma estrutura de hipertexto ou hiperm dia.

Elementos de interao > Interface grfica > Menus

Elementos de interao > Interface grfica > Menus > Diretrizes

Relacionados com menus, os seguintes aspectos devem ser considerados:

Escolha 1 Escolha 2 Escolha 3

Menus lineares sequenciais

So menus apresentados como vrios conjuntos de opces simultaneamente.

Podem ficar confusos e de difcil utiliza o quando muito complexos.

Pode ficar difcil a representao de relacionamentos e dependncias entre grupos de menus.

So menus apresentados na forma de uma estrutura hierrquica.

Opes so organizadas em grupos, cada opo pode ter subopes.

Elementos de interao > Interface grfica > Menus > Diretrizes

Elementos de interao > Interface grfica > Menus > Diretrizes

Menus consistem nos seguintes elementos.

Contexto Ttulo Descries alternativas Instrues completas

Usado em menus hier rquicos, por exemplo.

Execuo de a o. Exibi o de informao Entrada de dados ou parmetros.

Escolha passada so listadas

Apresentadas por m todos grficos ou pela organizao do espao

Deve-se considerar as alternativas de descries que sero oferecidas aos usurios.

Deve informar sobre o contexto corrente.

As alternativas podem ser atalhos, palavras ou textos mais explicativos.

Deve ser sucinto, claro e objetivo

Elementos de interao > Interface grfica > Menus > Diretrizes

Consistncia Exibio Apresentao Organizao Complexidade Arranjo de itens Ordenao Agrupamento

Considerar os diversos atores e proficincia dos usurios.