componentes da interação humano-computador diálogos objetos de interação sistemas de...
TRANSCRIPT
![Page 1: Componentes da interação humano-computador Diálogos Objetos de interação Sistemas de significados Primitivas](https://reader035.vdocuments.pub/reader035/viewer/2022062400/5706384b1a28abb8238f5d64/html5/thumbnails/1.jpg)
Componentes da interação humano-computador
Diálogos
Objetos de interação
Sistemas de significados
Primitivas
![Page 2: Componentes da interação humano-computador Diálogos Objetos de interação Sistemas de significados Primitivas](https://reader035.vdocuments.pub/reader035/viewer/2022062400/5706384b1a28abb8238f5d64/html5/thumbnails/2.jpg)
Componentes da interação humano-computador
1. Diálogos
São seqüências de interações entre o homem e o sistema. O componente elementar de classes de tarefa é uma ação.
![Page 3: Componentes da interação humano-computador Diálogos Objetos de interação Sistemas de significados Primitivas](https://reader035.vdocuments.pub/reader035/viewer/2022062400/5706384b1a28abb8238f5d64/html5/thumbnails/3.jpg)
1. Diálogos1.1. Ação
Interação elementar. A menor entrada significativa do usuário acompanhada de uma resposta também significativa do sistema.
Componentes da interação humano-computador
![Page 4: Componentes da interação humano-computador Diálogos Objetos de interação Sistemas de significados Primitivas](https://reader035.vdocuments.pub/reader035/viewer/2022062400/5706384b1a28abb8238f5d64/html5/thumbnails/4.jpg)
1. Diálogos1.1. Ação
Em uma ação o sistema deve sempre aguardar pelo término da entrada e fornecer feedback imediato e significativo para ela.
Componentes da interação humano-computador
![Page 5: Componentes da interação humano-computador Diálogos Objetos de interação Sistemas de significados Primitivas](https://reader035.vdocuments.pub/reader035/viewer/2022062400/5706384b1a28abb8238f5d64/html5/thumbnails/5.jpg)
1. Diálogos1.1. Ação
O sistema deve também avisar o usuário sobre os erros nas entradas através de um sinal sonoro.
Componentes da interação humano-computador
![Page 6: Componentes da interação humano-computador Diálogos Objetos de interação Sistemas de significados Primitivas](https://reader035.vdocuments.pub/reader035/viewer/2022062400/5706384b1a28abb8238f5d64/html5/thumbnails/6.jpg)
1. Diálogos1.1. Ação
Nas ações de entrada que envolvem tratamento demorado, deve ser dada atenção às questões de feedback, informando sobre a indisponibilidade, tempo esperado, resultado alcançado e uma opção para a interrupção do processo deve estar disponível.
Componentes da interação humano-computador
![Page 7: Componentes da interação humano-computador Diálogos Objetos de interação Sistemas de significados Primitivas](https://reader035.vdocuments.pub/reader035/viewer/2022062400/5706384b1a28abb8238f5d64/html5/thumbnails/7.jpg)
1. Diálogos1.2. Tarefa
Componentes da interação humano-computador
Seqüência de ações ou interações elementares.
![Page 8: Componentes da interação humano-computador Diálogos Objetos de interação Sistemas de significados Primitivas](https://reader035.vdocuments.pub/reader035/viewer/2022062400/5706384b1a28abb8238f5d64/html5/thumbnails/8.jpg)
1. Diálogos1.2. Tarefa
Componentes da interação humano-computador
O sistema de controle informatizado deve apoiar o usuário, apresentando-lhe dados críticos de modo diferenciado e lhe propondo ajuda on-line, com orientações exibidas em linguagem simples e objetiva.
![Page 9: Componentes da interação humano-computador Diálogos Objetos de interação Sistemas de significados Primitivas](https://reader035.vdocuments.pub/reader035/viewer/2022062400/5706384b1a28abb8238f5d64/html5/thumbnails/9.jpg)
1. Diálogos1.2. Tarefa
Componentes da interação humano-computador
É aconselhável que as mensagens de erro tenham um nível de detalhe configurável, de modo a que sejam adaptadas ao tipo de usuário, e que tenham um conteúdo dinâmico, variando no caso da reincidência de erros.
![Page 10: Componentes da interação humano-computador Diálogos Objetos de interação Sistemas de significados Primitivas](https://reader035.vdocuments.pub/reader035/viewer/2022062400/5706384b1a28abb8238f5d64/html5/thumbnails/10.jpg)
Componentes da interação humano-computador
2. Objetos de interação
É um objeto de software cujo processamento gera uma imagem que é apresentada ao usuário e com a qual ele pode interagir.
![Page 11: Componentes da interação humano-computador Diálogos Objetos de interação Sistemas de significados Primitivas](https://reader035.vdocuments.pub/reader035/viewer/2022062400/5706384b1a28abb8238f5d64/html5/thumbnails/11.jpg)
Componentes da interação humano-computador
Ocupam as telas das interfaces e podem se basear em metáforas de objetos do mundo não informatizado, representando botões, janelas, menus, interruptores etc.
2. Objetos de interação
![Page 12: Componentes da interação humano-computador Diálogos Objetos de interação Sistemas de significados Primitivas](https://reader035.vdocuments.pub/reader035/viewer/2022062400/5706384b1a28abb8238f5d64/html5/thumbnails/12.jpg)
Componentes da interação humano-computador
A metáfora não tem a função de espelhar os objetos reais fielmente, mas apenas fazer referência a estes.
Exemplos: funções copiar, colar e recortar, associadas aos ícones que as representam.
2. Objetos de interação
![Page 13: Componentes da interação humano-computador Diálogos Objetos de interação Sistemas de significados Primitivas](https://reader035.vdocuments.pub/reader035/viewer/2022062400/5706384b1a28abb8238f5d64/html5/thumbnails/13.jpg)
Componentes da interação humano-computador
As partes de um objeto variam de ambiente para ambiente. Geralmente são definidos como primeiro plano, plano de fundo e bordas. O primeiro plano recebe as palavras e ícones, o plano de fundo recebe os motivos e sombras.
2. Objetos de interação
![Page 14: Componentes da interação humano-computador Diálogos Objetos de interação Sistemas de significados Primitivas](https://reader035.vdocuments.pub/reader035/viewer/2022062400/5706384b1a28abb8238f5d64/html5/thumbnails/14.jpg)
Componentes da interação humano-computador - exemplos
Plano de fundo
Bordas
Primeiro plano
![Page 15: Componentes da interação humano-computador Diálogos Objetos de interação Sistemas de significados Primitivas](https://reader035.vdocuments.pub/reader035/viewer/2022062400/5706384b1a28abb8238f5d64/html5/thumbnails/15.jpg)
Componentes da interação humano-computador
3. Sistema de significado
Relações simbólicas estabelecidas na transmissão de um conteúdo de informação.
Essas relações referem-se a entidades como símbolos e sinais.
![Page 16: Componentes da interação humano-computador Diálogos Objetos de interação Sistemas de significados Primitivas](https://reader035.vdocuments.pub/reader035/viewer/2022062400/5706384b1a28abb8238f5d64/html5/thumbnails/16.jpg)
3. Sistema de significado3.1. Ícones
Componentes da interação humano-computador
Substituem uma unidade de significado (idéia, conceito, ação…) que representada com texto ocuparia mais espaço.
![Page 17: Componentes da interação humano-computador Diálogos Objetos de interação Sistemas de significados Primitivas](https://reader035.vdocuments.pub/reader035/viewer/2022062400/5706384b1a28abb8238f5d64/html5/thumbnails/17.jpg)
3. Sistema de significado3.1. Ícones
Componentes da interação humano-computador
Pode corresponder a diferentes tipos de representações. É recomendável utilizar sempre ícones prontos, respeitando seus significados.
![Page 18: Componentes da interação humano-computador Diálogos Objetos de interação Sistemas de significados Primitivas](https://reader035.vdocuments.pub/reader035/viewer/2022062400/5706384b1a28abb8238f5d64/html5/thumbnails/18.jpg)
Componentes da interação humano-computador - exemplos
Ícones de E-mail
![Page 19: Componentes da interação humano-computador Diálogos Objetos de interação Sistemas de significados Primitivas](https://reader035.vdocuments.pub/reader035/viewer/2022062400/5706384b1a28abb8238f5d64/html5/thumbnails/19.jpg)
Componentes da interação humano-computador - exemplos
Ícones de Compra
![Page 20: Componentes da interação humano-computador Diálogos Objetos de interação Sistemas de significados Primitivas](https://reader035.vdocuments.pub/reader035/viewer/2022062400/5706384b1a28abb8238f5d64/html5/thumbnails/20.jpg)
3. Sistema de significado3.1. Ícones
Componentes da interação humano-computador
Os ícones devem ser significativos, apropriados, coerentes, consistentes, claros, simples e definidos em pequeno número. Seu tamanho deve ser econômico em relação ao espaço de tela.
![Page 21: Componentes da interação humano-computador Diálogos Objetos de interação Sistemas de significados Primitivas](https://reader035.vdocuments.pub/reader035/viewer/2022062400/5706384b1a28abb8238f5d64/html5/thumbnails/21.jpg)
3. Sistema de significado3.1. Ícones
Componentes da interação humano-computador
Autores indicam a necessidade de um rótulo identificativo centrado na margem inferior, ou de bolhas de ajuda (tool-tips) - uma pequena descrição de um objeto que aparece na tela ao se posicionar o cursor do dispositivo de apontamento sobre ele.
![Page 22: Componentes da interação humano-computador Diálogos Objetos de interação Sistemas de significados Primitivas](https://reader035.vdocuments.pub/reader035/viewer/2022062400/5706384b1a28abb8238f5d64/html5/thumbnails/22.jpg)
Componentes da interação humano-computador - exemplos
Bolhas de ajuda (tool tips)
![Page 23: Componentes da interação humano-computador Diálogos Objetos de interação Sistemas de significados Primitivas](https://reader035.vdocuments.pub/reader035/viewer/2022062400/5706384b1a28abb8238f5d64/html5/thumbnails/23.jpg)
3. Sistema de significado3.1. Ícones
Componentes da interação humano-computador
CUIDADOS: Os ícones são subjetivos, estão sujeitos à interpretação individual e subjetiva de cada pessoa a partir de sua experiência.
![Page 24: Componentes da interação humano-computador Diálogos Objetos de interação Sistemas de significados Primitivas](https://reader035.vdocuments.pub/reader035/viewer/2022062400/5706384b1a28abb8238f5d64/html5/thumbnails/24.jpg)
Componentes da interação humano-computador - exemplos
Disposição de ícones
![Page 25: Componentes da interação humano-computador Diálogos Objetos de interação Sistemas de significados Primitivas](https://reader035.vdocuments.pub/reader035/viewer/2022062400/5706384b1a28abb8238f5d64/html5/thumbnails/25.jpg)
Componentes da interação humano-computador - exemplos
Disposição de ícones
![Page 26: Componentes da interação humano-computador Diálogos Objetos de interação Sistemas de significados Primitivas](https://reader035.vdocuments.pub/reader035/viewer/2022062400/5706384b1a28abb8238f5d64/html5/thumbnails/26.jpg)
Componentes da interação humano-computador - exemplos
Disposição de ícones
![Page 27: Componentes da interação humano-computador Diálogos Objetos de interação Sistemas de significados Primitivas](https://reader035.vdocuments.pub/reader035/viewer/2022062400/5706384b1a28abb8238f5d64/html5/thumbnails/27.jpg)
3. Sistema de significado3.2. Código de formas
Componentes da interação humano-computador
Envolvem os sinais geométricos construídos a partir de primitivas gráficas (linha, arco, retângulo etc.). Os círculos, quadrados, triângulos e retângulos são utilizados por exemplo, para codificar classes de eventos em gráficos estatísticos.
![Page 28: Componentes da interação humano-computador Diálogos Objetos de interação Sistemas de significados Primitivas](https://reader035.vdocuments.pub/reader035/viewer/2022062400/5706384b1a28abb8238f5d64/html5/thumbnails/28.jpg)
Componentes da interação humano-computador - exemplos
Códigos de formas
![Page 29: Componentes da interação humano-computador Diálogos Objetos de interação Sistemas de significados Primitivas](https://reader035.vdocuments.pub/reader035/viewer/2022062400/5706384b1a28abb8238f5d64/html5/thumbnails/29.jpg)
3. Sistema de significado3.3. Denominações
Componentes da interação humano-computador
Constituem códigos de expressão textual cujos termos são retirados da linguagem utilizada pela população de usuários em sua tarefa com o sistema.
![Page 30: Componentes da interação humano-computador Diálogos Objetos de interação Sistemas de significados Primitivas](https://reader035.vdocuments.pub/reader035/viewer/2022062400/5706384b1a28abb8238f5d64/html5/thumbnails/30.jpg)
3. Sistema de significado3.3. Denominações
Componentes da interação humano-computador
A linguagem textual da interface deve ser constituída de termos empregados no contexto de trabalho, portanto significativos e familiares para o usuário.
![Page 31: Componentes da interação humano-computador Diálogos Objetos de interação Sistemas de significados Primitivas](https://reader035.vdocuments.pub/reader035/viewer/2022062400/5706384b1a28abb8238f5d64/html5/thumbnails/31.jpg)
Componentes da interação humano-computador - exemplos
Denominações
![Page 32: Componentes da interação humano-computador Diálogos Objetos de interação Sistemas de significados Primitivas](https://reader035.vdocuments.pub/reader035/viewer/2022062400/5706384b1a28abb8238f5d64/html5/thumbnails/32.jpg)
3. Sistema de significado3.4. Abreviaturas
Componentes da interação humano-computador
Devem ser utilizadas somente quando absolutamente necessário ou quando o seu significado for mais facilmente perceptível pelo usuário do que a denominação que o gerou.
![Page 33: Componentes da interação humano-computador Diálogos Objetos de interação Sistemas de significados Primitivas](https://reader035.vdocuments.pub/reader035/viewer/2022062400/5706384b1a28abb8238f5d64/html5/thumbnails/33.jpg)
3. Sistema de significado3.4. Abreviaturas
Componentes da interação humano-computador
São diminutivos das denominações.
As abreviaturas devem ser distintas entre si, claras, curtas e significativas.
![Page 34: Componentes da interação humano-computador Diálogos Objetos de interação Sistemas de significados Primitivas](https://reader035.vdocuments.pub/reader035/viewer/2022062400/5706384b1a28abb8238f5d64/html5/thumbnails/34.jpg)
Componentes da interação humano-computador - exemplos
Abreviaturas
![Page 35: Componentes da interação humano-computador Diálogos Objetos de interação Sistemas de significados Primitivas](https://reader035.vdocuments.pub/reader035/viewer/2022062400/5706384b1a28abb8238f5d64/html5/thumbnails/35.jpg)
3. Sistema de significado3.5. Código de cores
Componentes da interação humano-computador
A utilização das cores em uma interface exerce papel importante, sendo suas finalidades estratégicas: a transmissão de informações, chamar a atenção, contrastar e associar objetos de interação.
![Page 36: Componentes da interação humano-computador Diálogos Objetos de interação Sistemas de significados Primitivas](https://reader035.vdocuments.pub/reader035/viewer/2022062400/5706384b1a28abb8238f5d64/html5/thumbnails/36.jpg)
3. Sistema de significado3.5. Código de cores
Componentes da interação humano-computador
Para uma eficaz utilização deve-se levar em consideração: a legibilidade final da informação; os efeitos das cores sobre a performance cognitiva do usuário e; as possibilidades dos dispositivos físicos.
![Page 37: Componentes da interação humano-computador Diálogos Objetos de interação Sistemas de significados Primitivas](https://reader035.vdocuments.pub/reader035/viewer/2022062400/5706384b1a28abb8238f5d64/html5/thumbnails/37.jpg)
3. Sistema de significado3.5. Código de cores
Componentes da interação humano-computador
Deve respeitar estereótipos naturais: o vermelho deve ser utilizado para perigo, alarme, alerta, calor e comandos de interrupção; amarelo para advertências, teste e lentidão;
![Page 38: Componentes da interação humano-computador Diálogos Objetos de interação Sistemas de significados Primitivas](https://reader035.vdocuments.pub/reader035/viewer/2022062400/5706384b1a28abb8238f5d64/html5/thumbnails/38.jpg)
3. Sistema de significado3.5. Código de cores
Componentes da interação humano-computador
verde para passagem livre, normalidade, vegetação e segurança; o azul para frio, água, céu e calma; cinza para inatividade, neutralidade; o branco é uma cor neutra.
![Page 39: Componentes da interação humano-computador Diálogos Objetos de interação Sistemas de significados Primitivas](https://reader035.vdocuments.pub/reader035/viewer/2022062400/5706384b1a28abb8238f5d64/html5/thumbnails/39.jpg)
3. Sistema de significado3.6. Código de textura
Componentes da interação humano-computador
É utilizada como codificação optativa na apresentação de gráficos e mapas. Se utilizadas juntamente com palavras elas devem ser escolhidas de modo a não prejudicar a leitura e/ou interpretação do texto.
![Page 40: Componentes da interação humano-computador Diálogos Objetos de interação Sistemas de significados Primitivas](https://reader035.vdocuments.pub/reader035/viewer/2022062400/5706384b1a28abb8238f5d64/html5/thumbnails/40.jpg)
3. Sistema de significado3.6. Código de textura
Componentes da interação humano-computador
É interessante o uso das texturas em substituição às cores, quando o dispositivo de apresentação de informação for limitado em relação ao número de cores (monocromático, por exemplo).
![Page 41: Componentes da interação humano-computador Diálogos Objetos de interação Sistemas de significados Primitivas](https://reader035.vdocuments.pub/reader035/viewer/2022062400/5706384b1a28abb8238f5d64/html5/thumbnails/41.jpg)
Componentes da interação humano-computador - exemplos
Código de textura
![Page 42: Componentes da interação humano-computador Diálogos Objetos de interação Sistemas de significados Primitivas](https://reader035.vdocuments.pub/reader035/viewer/2022062400/5706384b1a28abb8238f5d64/html5/thumbnails/42.jpg)
3. Sistema de significado3.7. Intermitência visual
Componentes da interação humano-computador
A intermitência pode ser utilizada para o destaque em situações excepcionais, quando deseja-se chamar a atenção do usuário para a ação a ser tomada, em caráter de urgência, por exemplo.
![Page 43: Componentes da interação humano-computador Diálogos Objetos de interação Sistemas de significados Primitivas](https://reader035.vdocuments.pub/reader035/viewer/2022062400/5706384b1a28abb8238f5d64/html5/thumbnails/43.jpg)
4. As primitivas
Componentes da interação humano-computador
Formas para a expressão de um objeto de interação que resultam da articulação de substâncias perceptíveis ao sistema cognitivo humano.
![Page 44: Componentes da interação humano-computador Diálogos Objetos de interação Sistemas de significados Primitivas](https://reader035.vdocuments.pub/reader035/viewer/2022062400/5706384b1a28abb8238f5d64/html5/thumbnails/44.jpg)
4. As primitivas4.1. Cores
Componentes da interação humano-computador
Recomenda-se cuidado com o uso indiscriminado da cor. É aconselhável que primeiro se faça o projeto em Preto e Branco e depois o colora com cuidado, usando cores neutras.
![Page 45: Componentes da interação humano-computador Diálogos Objetos de interação Sistemas de significados Primitivas](https://reader035.vdocuments.pub/reader035/viewer/2022062400/5706384b1a28abb8238f5d64/html5/thumbnails/45.jpg)
4. As primitivas4.1. Cores
Componentes da interação humano-computador
Use poucas cores e com mesma luminância (brilho) e utilize cores brilhantes com cautela. As cores causam sensações às pessoas
![Page 46: Componentes da interação humano-computador Diálogos Objetos de interação Sistemas de significados Primitivas](https://reader035.vdocuments.pub/reader035/viewer/2022062400/5706384b1a28abb8238f5d64/html5/thumbnails/46.jpg)
4. As primitivas4.1. Cores
Componentes da interação humano-computador
verde descansa; o vermelho atrai a atenção e pode causar irritação; azul dá sono; o amarelo desperta.
![Page 47: Componentes da interação humano-computador Diálogos Objetos de interação Sistemas de significados Primitivas](https://reader035.vdocuments.pub/reader035/viewer/2022062400/5706384b1a28abb8238f5d64/html5/thumbnails/47.jpg)
4. As primitivas4.1. Cores
Componentes da interação humano-computador
Usar cores de forma consistente; evitar usar cores opostas em áreas muito próximas.
![Page 48: Componentes da interação humano-computador Diálogos Objetos de interação Sistemas de significados Primitivas](https://reader035.vdocuments.pub/reader035/viewer/2022062400/5706384b1a28abb8238f5d64/html5/thumbnails/48.jpg)
Componentes da interação humano-computador - exemplos
Primitivas - Cores
Cromostereopsia - Qual cor está em primeiro plano?
![Page 49: Componentes da interação humano-computador Diálogos Objetos de interação Sistemas de significados Primitivas](https://reader035.vdocuments.pub/reader035/viewer/2022062400/5706384b1a28abb8238f5d64/html5/thumbnails/49.jpg)
Componentes da interação humano-computador - exemplos
Primitivas - Cores
![Page 50: Componentes da interação humano-computador Diálogos Objetos de interação Sistemas de significados Primitivas](https://reader035.vdocuments.pub/reader035/viewer/2022062400/5706384b1a28abb8238f5d64/html5/thumbnails/50.jpg)
Componentes da interação humano-computador - exemplos
Primitivas - Cores
Qual dos vermelhos é mais brilhante?
![Page 51: Componentes da interação humano-computador Diálogos Objetos de interação Sistemas de significados Primitivas](https://reader035.vdocuments.pub/reader035/viewer/2022062400/5706384b1a28abb8238f5d64/html5/thumbnails/51.jpg)
Componentes da interação humano-computador - exemplos
Primitivas - Cores
Os quadrados pequenos são de cores diferentes ou da mesma cor?
![Page 52: Componentes da interação humano-computador Diálogos Objetos de interação Sistemas de significados Primitivas](https://reader035.vdocuments.pub/reader035/viewer/2022062400/5706384b1a28abb8238f5d64/html5/thumbnails/52.jpg)
Componentes da interação humano-computador - exemplos
Primitivas - Cores
Os quadrados pequenos são de cores diferentes ou da mesma cor?
![Page 53: Componentes da interação humano-computador Diálogos Objetos de interação Sistemas de significados Primitivas](https://reader035.vdocuments.pub/reader035/viewer/2022062400/5706384b1a28abb8238f5d64/html5/thumbnails/53.jpg)
Componentes da interação humano-computador - exemplos
Primitivas - Cores
![Page 54: Componentes da interação humano-computador Diálogos Objetos de interação Sistemas de significados Primitivas](https://reader035.vdocuments.pub/reader035/viewer/2022062400/5706384b1a28abb8238f5d64/html5/thumbnails/54.jpg)
Componentes da interação humano-computador - exemplos
Primitivas - Cores
![Page 55: Componentes da interação humano-computador Diálogos Objetos de interação Sistemas de significados Primitivas](https://reader035.vdocuments.pub/reader035/viewer/2022062400/5706384b1a28abb8238f5d64/html5/thumbnails/55.jpg)
4. As primitivas4.2. Fontes
Componentes da interação humano-computador
Envolve basicamente o uso da serifa e o espaçamento entre os caracteres.
![Page 56: Componentes da interação humano-computador Diálogos Objetos de interação Sistemas de significados Primitivas](https://reader035.vdocuments.pub/reader035/viewer/2022062400/5706384b1a28abb8238f5d64/html5/thumbnails/56.jpg)
4. As primitivas4.2. Fontes
Componentes da interação humano-computador
Em vídeos de baixa resolução, a leitura de fontes com serifa é prejudicada, pois podem confundir a interpretação do usuário. Recomenda-se, para conteúdos a serem lidos em monitores de computador, a não utilização de serifa.
![Page 57: Componentes da interação humano-computador Diálogos Objetos de interação Sistemas de significados Primitivas](https://reader035.vdocuments.pub/reader035/viewer/2022062400/5706384b1a28abb8238f5d64/html5/thumbnails/57.jpg)
Componentes da interação humano-computador - exemplos
Fontes
A a A aFontes com serifa Fontes sem serifa
![Page 58: Componentes da interação humano-computador Diálogos Objetos de interação Sistemas de significados Primitivas](https://reader035.vdocuments.pub/reader035/viewer/2022062400/5706384b1a28abb8238f5d64/html5/thumbnails/58.jpg)
4. As primitivas4.2. Fontes
Componentes da interação humano-computador
Quanto ao tamanho da fonte, não utilizar menor que 10 pontos, limitando o uso de fontes diferentes para textos (até dois tipos).
![Page 59: Componentes da interação humano-computador Diálogos Objetos de interação Sistemas de significados Primitivas](https://reader035.vdocuments.pub/reader035/viewer/2022062400/5706384b1a28abb8238f5d64/html5/thumbnails/59.jpg)
4. As primitivas4.2. Fontes
Componentes da interação humano-computador
Deve-se evitar também fontes muito grandes, que pareçam “gritar” com o usuário; Evitar textos só com maiúsculas, e não exagerar com o sublinhado, negrito e itálico.
![Page 60: Componentes da interação humano-computador Diálogos Objetos de interação Sistemas de significados Primitivas](https://reader035.vdocuments.pub/reader035/viewer/2022062400/5706384b1a28abb8238f5d64/html5/thumbnails/60.jpg)
4. As primitivas4.3. Bordas
Componentes da interação humano-computador
As bordas desempenham papel importante na leveza desses objetos. Essa característica pode ser assegurada através da natureza simples de seus traços e da distância segura entre as bordas e textos em geral.
![Page 61: Componentes da interação humano-computador Diálogos Objetos de interação Sistemas de significados Primitivas](https://reader035.vdocuments.pub/reader035/viewer/2022062400/5706384b1a28abb8238f5d64/html5/thumbnails/61.jpg)
4. As primitivas4.4. Arranjo ou layout
Componentes da interação humano-computador
É a forma de disposição dos itens de informação em uma janela, caixa de diálogo ou de mensagem.
![Page 62: Componentes da interação humano-computador Diálogos Objetos de interação Sistemas de significados Primitivas](https://reader035.vdocuments.pub/reader035/viewer/2022062400/5706384b1a28abb8238f5d64/html5/thumbnails/62.jpg)
4. As primitivas4.4. Arranjo ou layout
Componentes da interação humano-computador
Procurar definir um grid para o layout das telas. Definir alinhamentos para os elementos conforme as linhas e colunas do grid;
![Page 63: Componentes da interação humano-computador Diálogos Objetos de interação Sistemas de significados Primitivas](https://reader035.vdocuments.pub/reader035/viewer/2022062400/5706384b1a28abb8238f5d64/html5/thumbnails/63.jpg)
Componentes da interação humano-computador - exemplosArranjo ou layout
![Page 64: Componentes da interação humano-computador Diálogos Objetos de interação Sistemas de significados Primitivas](https://reader035.vdocuments.pub/reader035/viewer/2022062400/5706384b1a28abb8238f5d64/html5/thumbnails/64.jpg)
4. As primitivas4.4. Arranjo ou layout
Componentes da interação humano-computador
Definir focos de atenção (zonas de trabalho) agrupando os elementos interrelacionados. Colocar em evidência o que for mais importante no grupo (mais à esquerda, colorido etc.);
![Page 65: Componentes da interação humano-computador Diálogos Objetos de interação Sistemas de significados Primitivas](https://reader035.vdocuments.pub/reader035/viewer/2022062400/5706384b1a28abb8238f5d64/html5/thumbnails/65.jpg)
Componentes da interação humano-computador - exemplosArranjo ou layout
![Page 66: Componentes da interação humano-computador Diálogos Objetos de interação Sistemas de significados Primitivas](https://reader035.vdocuments.pub/reader035/viewer/2022062400/5706384b1a28abb8238f5d64/html5/thumbnails/66.jpg)
Componentes da interação humano-computador - exemplosArranjo ou layout
![Page 67: Componentes da interação humano-computador Diálogos Objetos de interação Sistemas de significados Primitivas](https://reader035.vdocuments.pub/reader035/viewer/2022062400/5706384b1a28abb8238f5d64/html5/thumbnails/67.jpg)
4. As primitivas4.4. Arranjo ou layout
Componentes da interação humano-computador
Distribuir as informações da esquerda para a direita, em função da importância, destaque ou cronologia;
![Page 68: Componentes da interação humano-computador Diálogos Objetos de interação Sistemas de significados Primitivas](https://reader035.vdocuments.pub/reader035/viewer/2022062400/5706384b1a28abb8238f5d64/html5/thumbnails/68.jpg)
Componentes da interação humano-computador - exemplosArranjo ou layout
![Page 69: Componentes da interação humano-computador Diálogos Objetos de interação Sistemas de significados Primitivas](https://reader035.vdocuments.pub/reader035/viewer/2022062400/5706384b1a28abb8238f5d64/html5/thumbnails/69.jpg)
4. As primitivas4.4. Arranjo ou layout
Componentes da interação humano-computador
Dar equilíbrio às telas distribuindo os elementos de forma balanceada. Evitar áreas vazias ou altamente carregada de componentes;
![Page 70: Componentes da interação humano-computador Diálogos Objetos de interação Sistemas de significados Primitivas](https://reader035.vdocuments.pub/reader035/viewer/2022062400/5706384b1a28abb8238f5d64/html5/thumbnails/70.jpg)
4. As primitivas4.4. Arranjo ou layout
Componentes da interação humano-computador
Manter a consistência entre os layouts das telas (padronização).
![Page 71: Componentes da interação humano-computador Diálogos Objetos de interação Sistemas de significados Primitivas](https://reader035.vdocuments.pub/reader035/viewer/2022062400/5706384b1a28abb8238f5d64/html5/thumbnails/71.jpg)
Componentes da interação humano-computador - exemplosArranjo ou layout
![Page 72: Componentes da interação humano-computador Diálogos Objetos de interação Sistemas de significados Primitivas](https://reader035.vdocuments.pub/reader035/viewer/2022062400/5706384b1a28abb8238f5d64/html5/thumbnails/72.jpg)
Componentes da interação humano-computador - exemplosArranjo ou layout
![Page 73: Componentes da interação humano-computador Diálogos Objetos de interação Sistemas de significados Primitivas](https://reader035.vdocuments.pub/reader035/viewer/2022062400/5706384b1a28abb8238f5d64/html5/thumbnails/73.jpg)
4. As primitivas4.5. Fundos ou background
Componentes da interação humano-computador
Deve-se definir os fundos com cores neutras, que garantam um contraste adequado com os textos e rótulos em primeiro plano.
![Page 74: Componentes da interação humano-computador Diálogos Objetos de interação Sistemas de significados Primitivas](https://reader035.vdocuments.pub/reader035/viewer/2022062400/5706384b1a28abb8238f5d64/html5/thumbnails/74.jpg)
Componentes da interação humano-computador - exemplosFundos ou background
![Page 75: Componentes da interação humano-computador Diálogos Objetos de interação Sistemas de significados Primitivas](https://reader035.vdocuments.pub/reader035/viewer/2022062400/5706384b1a28abb8238f5d64/html5/thumbnails/75.jpg)
4. As primitivas4.5. Fundos ou background
Componentes da interação humano-computador
É recomendável não carregar o fundo da tela com elementos gráficos (para áreas de trabalho e leitura).
![Page 76: Componentes da interação humano-computador Diálogos Objetos de interação Sistemas de significados Primitivas](https://reader035.vdocuments.pub/reader035/viewer/2022062400/5706384b1a28abb8238f5d64/html5/thumbnails/76.jpg)
Componentes da interação humano-computador - exemplosFundos ou background
![Page 77: Componentes da interação humano-computador Diálogos Objetos de interação Sistemas de significados Primitivas](https://reader035.vdocuments.pub/reader035/viewer/2022062400/5706384b1a28abb8238f5d64/html5/thumbnails/77.jpg)
4. As primitivas4.5. Fundos ou background
Componentes da interação humano-computador
As cores e padrões para os fundos podem ser usados para diferenciar tipos de telas/áreas.
![Page 78: Componentes da interação humano-computador Diálogos Objetos de interação Sistemas de significados Primitivas](https://reader035.vdocuments.pub/reader035/viewer/2022062400/5706384b1a28abb8238f5d64/html5/thumbnails/78.jpg)
Componentes da interação humano-computador - exemplosFundos ou background
![Page 79: Componentes da interação humano-computador Diálogos Objetos de interação Sistemas de significados Primitivas](https://reader035.vdocuments.pub/reader035/viewer/2022062400/5706384b1a28abb8238f5d64/html5/thumbnails/79.jpg)
Componentes da interação humano-computador - exemplosFundos ou background
![Page 80: Componentes da interação humano-computador Diálogos Objetos de interação Sistemas de significados Primitivas](https://reader035.vdocuments.pub/reader035/viewer/2022062400/5706384b1a28abb8238f5d64/html5/thumbnails/80.jpg)
Componentes da interação humano-computador - exemplosFundos ou background
![Page 81: Componentes da interação humano-computador Diálogos Objetos de interação Sistemas de significados Primitivas](https://reader035.vdocuments.pub/reader035/viewer/2022062400/5706384b1a28abb8238f5d64/html5/thumbnails/81.jpg)
4. As primitivas4.6. Formas sonoras
Componentes da interação humano-computador
Apresenta os atributos de expressão "timbre" e "freqüência", utilizados para destaque ou diferenciação do sinal sonoro.