Projetando aplicativos de software

Paralaxe

Parallax, o efeito de um objeto alvo que aparece em diferentes posições quando olhado de diferentes ângulos, é um problema comum em muitos aplicativos de computador. A combinação da tela sensível ao toque na frente da tela e diferentes alturas dos usuários pode causar paralaxe. Ao projetar seu aplicativo de software de sistema de toque, use as diretrizes a seguir para ajudar a reduzir os efeitos da paralaxe.

Comprometimento cognitivo

Para aqueles com deficiências cognitivas, rótulos que são feitos para se parecer com controles podem causar confusão. Se os designs e controles de tela são constantemente reconfigurados para que o design seja flexível, isso pode torná-los difíceis de usar para pessoas com deficiência cognitiva, o que significa que eles não têm a chance de aprender onde estão os controles e quais são suas associações.

Envelhecimento da população

Os idosos frequentemente experimentam alterações na visão, audição, destreza e compreensão à medida que envelhecem, portanto, podem encontrar problemas para identificar a localização dos controles na tela sensível ao toque e ser capaz de ativar confortavelmente os controles. Recomendações

Telas

A tela sensível ao toque deve ser protegida da luz solar A tela deve ser inclinada em direção à horizontal para fornecer apoio de braço/pulso A tela deve ser perpendicular à linha de visão A combinação de cores de texto e plano de fundo deve ter alto contraste Evite tons de azul, verde e violeta para transmitir informações, pois eles são problemáticos para usuários mais velhos Não deve haver cintilação perceptível na tela Estruturar o layout de exibição visual para que o usuário possa prever onde encontrar as informações necessárias e como usá-las

Controles

De acordo com Namahn (2000), áreas sensíveis ao toque ou chaves para usuários sem deficiências, devem ser de:

"tamanho mínimo: 22mm de diâmetro" No entanto, Colle e Hiszem (2004) recomendam que:

um "tamanho de chave não menor do que 20mm... deve ser utilizado se houver espaço suficiente disponível" O tamanho da chave deve ser variado de acordo com o tamanho e uso da tela e o tipo de deficiência. Por exemplo, para o uso com o polegar com uma mão de dispositivos portáteis móveis equipados com uma tela sensível ao toque Parhi, Karlson e Bederson (2006) afirmam que:

"O tamanho do alvo de 9,2 mm para tarefas discretas e os alvos de 9,6 mm para tarefas seriais devem ser suficientemente grandes... sem degradar o desempenho e a preferência" Símbolos gráficos (como ícones) devem ser acompanhados de texto Deve haver alto contraste entre áreas de toque, texto e cor de fundo O texto ou os controles não devem ser colocados sobre uma imagem de plano de fundo ou sobre um plano de fundo padronizado O tipo branco ou amarelo em preto ou uma cor escura é mais legível, desde que o tipo de letra, o peso e o tamanho sejam adequados Os controles são rotulados em uma fonte grande de alto contraste A saída audível ou a saída tátil são fornecidas para a identificação dos controles e para os resultados da ativação dos controles Um espaço inativo de pelo menos 1mm deve ser fornecido ao redor de cada alvo (Colle & Hiszem, 2004) Os rótulos devem ser facilmente distinguíveis dos controlos Os comandos devem poder ser accionados por um palito bucal, um cabeçote ou outro dispositivo semelhante (estilete) Os comandos podem ser inseridos por voz Para cadeirantes, a altura das áreas ativas na tela deve estar entre 800mm e 1200mm O sistema deve ser tolerante a erros, fornecendo um controle claro e inequívoco que permita ao usuário voltar atrás Posicione os controles na tela de forma consistente com as funções Todos os rótulos e instruções devem estar em frases ou frases curtas e simples. Evite o uso de abreviaturas sempre que possível Forneça versões de texto de prompts de áudio sincronizados com o áudio para que o tempo seja o mesmo A saída de fala de instruções, como um acréscimo (e não um substituto para) instruções na tela, é recomendada Aderir às convenções de cores existentes, por exemplo, vermelho para parar Instalações de ajuda

As orientações devem ser facilmente distinguíveis de outras informações apresentadas Fornecer ao usuário informações específicas relativas ao contexto da tarefa, em vez de uma mensagem genérica Fornecer informações sobre como se recuperar de erros Indicar o intervalo permitido de valores ou sintaxe para resposta do usuário Idealmente, a ajuda multimodal deve ser fornecida Permita aos usuários qualificados a opção de desativar os prompts de ajuda se eles não forem necessários Mantenha as mensagens faladas curtas e simples Não use abreviações em mensagens de áudio Permitir que os usuários interrompam a ajuda a qualquer momento e retornem à tarefa Uma instalação de ajuda inteligente não é uma solução adequada para uma interface de usuário ruim

Com qualquer aplicação de tela sensível ao toque, o design pode ser crucial para a usabilidade do produto final. Ícones claros, cores contrastantes brilhantes, botões grandes, posicionamento de botões e layouts simples contribuirão muito para o sucesso da instalação da tela sensível ao toque.

Design e posição de botões para aplicações de tela sensível ao toque

Projete o botão o maior possível. {nota} O dedo humano é muito mais lager do que um cursor do rato. Por isso, um botão não deve ser menor do que 20mm x 20mm{nota} • Projete áreas de borda ativas maiores para botões. Por exemplo, se o gráfico do botão for de 1 polegada x 1 polegada, a área de toque ativo atrás dele pode ser de 2 polegadas x 2 polegadas.

• Mantenha os botões longe das bordas e cantos da tela. Se isso for impossível, verifique se as áreas de toque ativas se estendem até as bordas externas da área de visualização. Áreas de toque ativas estendidas Botões grandes localizados perto das bordas Botões grandes na parte inferior com áreas ativas que se estendem até as bordas

• Coloque os botões horizontalmente sempre que possível. Um tamanho não serve para todos! Considere as diferentes alturas dos usuários e, portanto, os ângulos de visão ao projetar o aplicativo. • Desligue o cursor. Os usuários podem inadvertidamente tentar arrastar o cursor para o local correto na tela, emulando mover um mouse, em vez de tocar no botão diretamente.

• Projete seus aplicativos para trabalhar com um único toque para ativar em vez de um toque duplo.

Considerações de concepção para as pessoas com deficiência e o envelhecimento da população

Cegos e Amblíopes

Como as telas sensíveis ao toque não fornecem pistas táteis para ativar um controle, usuários cegos e com visão parcial contam com telas sensíveis ao toque que têm a capacidade de fornecer pistas de áudio para a localização do controle. Um desses desenvolvimentos nesse campo é a "Técnica da Ponta do Dedo Falante" (Vanderheiden, s.d.).

Planos de fundo padronizados ou uma imagem no plano de fundo reduzem a legibilidade do texto. Piscar, rolar ou mover o texto também cria problemas significativos para pessoas com baixa visão, pois os olhos do leitor precisam se mover ao mesmo tempo em que se concentram no texto.

Deficientes auditivos

Usuários com deficiência auditiva não podem identificar comandos ou controles que exigem audição, portanto, feedback visual ou tátil quando os controles são tocados seria recomendado.

Deficientes físicos

Uma pessoa que perdeu um braço ou uma mão pode estar usando um dispositivo protético. Isso pode resultar em controle insuficiente para poder apontar e pressionar com precisão botões ou teclas. Além disso, a prótese pode ser feita de metal, plástico ou algum outro material com propriedades dialéticas diferentes das de um dedo humano, portanto, uma tela sensível ao toque terá que ser capaz de detectar esse outro material para reagir às entradas do usuário.

Padrões

ISO 13406-1 (1999) Requisitos ergonômicos para o trabalho com displays visuais baseados em painéis planos. Parte 1 - Introdução. ISO 13406-2 (2001) Requisitos ergonômicos para o trabalho com displays visuais baseados em painéis planos. Parte 2 - Requisitos ergonômicos para monitores de tela plana. ISO 80416-4 (2005) Princípios básicos para símbolos gráficos para uso em equipamentos. Parte 4 - Diretrizes para a adaptação de símbolos gráficos para uso em telas e monitores. ISO 9355-1 (1999) Requisitos ergonômicos para o projeto de monitores e atuadores de controle. Parte 1: Interações humanas com monitores e atuadores de controle. ISO 9355-2 (1999) Requisitos ergonômicos para o projeto de monitores e atuadores de controle. Parte 2: Monitores. ISO / IEC 24755 (2007) Tecnologia da Informação - Ícones e símbolos de tela para dispositivos móveis de comunicação peronal. ITU-T E.902 (1995) Diretrizes de projeto de serviços interativos.

Telas sensíveis ao toque - a ergonomia Um resumo de Namahn Vantagens • O dispositivo de entrada também é o dispositivo de saída • Todas as entradas válidas são exibidas na tela • Seleção rápida de comandos (em comparação com um mouse) Desvantagens • O usuário deve sentar-se ao alcance do braço do visor
• Possível fadiga do braço • Difícil selecionar itens pequenos
• Possível problema de retrofit (a tela sensível ao toque deve ser instalada na tela) Aspectos ergonômicos Relação entre fadiga do braço e inclinação da tela sensível ao toque (da horizontal): • 22,5%: menos fatigante • 30%: melhor troca para precisão e conforto • 90%: menor inclinação O apoio do cotovelo reduziu a fadiga do braço. Paralaxe Definição: Paralaxe ocorre quando a superfície de toque ou detectores são separados dos alvos e faz com que o usuário toque ligeiramente ao lado do alvo.
Para sistemas de toque IR de varredura, a paralaxe ocorre porque a grade invisível de feixes IR pode ser interrompido antes que o contato real seja feito com o display. A quantidade de paralaxe depende de: • o tipo de integração (maior em telas IR)
• o tipo de exibição (mais alto em telas curvas).
• posição do usuário (menor quando o usuário se senta diretamente na frente do alvo e coloca o dedo perpendicular à tela) Telas sensíveis ao toque 1 Resolução de toque Definição: número de pontos ativos de toque ou o espaçamento físico entre eles Visão geral: Telas condutoras Telas capacitivas Telas IR 1000 x 1000 a 4000 x 4000 256 x 256 25 x 40*

  • devido a limitações no número de feixes de luz que podem ser colocados ao redor das telas. As telas acústicas têm uma resolução um pouco maior do que as telas IR, mas menos do que as outras Tecnologias. Nem todos os aplicativos precisam ter uma alta resolução (painéis de controle, acesso público, baseado em computador treinamento), mas pontos de contato adicionais: • permitem maior precisão de apontamento, pois o software consegue fazer a média de todos os pontos que foram Tocado.
    • Facilite o mapeamento para alvos na tela. Telas sensíveis ao toque com baixa resolução podem levar a erros de seleção se os pontos de toque não estiverem centralizados sobre o Alvos. Interface de usuário sensível ao toque Locais de Destino Os usuários tendem a tocar para os lados da tela e ligeiramente abaixo do alvo, especialmente para alvos próximos a parte superior da tela e quando a tela está em um ângulo íngreme (45 a 90 graus). Esses problemas são provavelmente devido à paralaxe e à necessidade de estender ainda mais o braço para os alvos superiores. Número de Metas • O mínimo possível (no caso de menus, mais itens podem ser colocados na tela)
    • Como: aninhamento e priorização.
    Tamanho do alvo • As teclas de toque podem ser espaçadas desde que as teclas individuais sejam dimensionadas adequadamente. • Tamanho mínimo: 22 milímetros de diâmetro, cercado por uma zona morta, onde os toques não são Reconhecido.
    Feedback por toque Usar realce ou sons para indicar que uma tecla foi pressionada com êxito

Telas sensíveis ao toque 2 Modo de ativação por toque • Um alvo de botão típico tem três estados: normal, pairado sobre e pressionado.
• Quando o usuário pressiona um botão e libera a tela, o botão é ativado. • Quando o usuário pressiona um botão, mas arrasta o dedo para longe dele, ele não é ativado. Leitura adicional Manual de Interação Humano-Computador, M. Helander (ed.), Elsevier Science Publishers, 1988 Biblioteca HCI http://www.hcibib.org

Telas sensíveis ao toque 3