Conceitos básicos das interfaces do usuário Light-Aware

O termo interface do usuário com reconhecimento de luz refere-se a um programa que usa dados de sensor de luz para otimizar seu conteúdo, controles e outros elementos gráficos para uma experiência ideal do usuário em muitas condições de iluminação, que vão da escuridão à luz solar direta. Talvez as otimizações mais importantes sejam legibilidade, legibilidade e interações na luz solar direta, pois as telas normalmente não têm um bom desempenho nessas condições. Nesta seção, nos concentramos em três propriedades da interface do usuário: escala, contraste e cor. Essas propriedades podem ser alteradas para otimizar a experiência do usuário visual.

Escala e brilho

Em geral, objetos maiores são mais fáceis de ver. Quando o computador está em condições adversas de iluminação (como na luz solar direta) tornar o conteúdo maior pode ajudar a melhorar a legibilidade e a interativaidade desse conteúdo.

As fotografias a seguir comparam um laptop à luz solar direta com níveis típicos de brilho e zoom de tela a um laptop nas mesmas condições de iluminação com interface do usuário com reconhecimento de luz. A primeira fotografia mostra a tela definida como 40% de brilho com níveis de zoom normais. A segunda fotografia mostra o conjunto de exibição como 100% de brilho com aumento dos níveis de zoom.

Tamanho variável da fonte

Se você aumentar o tamanho da fonte usada para exibir texto, o texto será mais legível em condições adversas de iluminação. O estilo da fonte, a face da fonte e outras características também podem ser variados para otimizar a legibilidade e a legibilidade. Por exemplo, fontes sans serif normalmente são mais fáceis de ler do que fontes serif.

Zoom de conteúdo

Se o programa implementar o zoom, ele poderá ser usado para dimensionar o conteúdo. O zoom aumenta a legibilidade enquanto o zoom permite que o programa exiba mais conteúdo.

Alterando propriedades de renderização gráfica de vetor

Se o programa renderizar primitivos gráficos vetoriais (como linhas, círculos e assim por diante), as características da renderização poderão ser alteradas para otimizar a legibilidade. Por exemplo, se o programa renderizar retângulos, a largura das linhas usadas para renderizar os retângulos poderá ser dimensionada (mais larga para o ar livre e mais estreita para dentro de casa) para otimizar a aparência e a legibilidade do conteúdo gráfico vetor.

Contraste

Quando telas LCD são usadas em condições de iluminação brilhante, o contraste geral da tela é reduzido. Quando a tela é inundada com luz (do sol, por exemplo), a percepção do usuário sobre áreas escuras na tela é reduzida. Em geral, isso torna importante aumentar o contraste do conteúdo e da interface do usuário quando a luz ambiente é brilhante. Pode ser desejável usar um esquema de cores monocromático para maximizar o contraste nessas condições de iluminação. Outra maneira de aumentar o contraste é substituir o conteúdo de baixo contraste (como um modo de foto aérea em um programa de mapeamento) por elementos de alto contraste (como o modo gráfico de vetor de rua preto-no-branco).

Cor

As cores que um programa usa para exibir seu conteúdo podem ter um efeito drástico na experiência geral do usuário e na legibilidade do conteúdo renderizado. Ao alterar o contraste de cores com base na luz ambiente, você pode tornar o conteúdo mais legível em condições adversas de iluminação, como luz ao ar livre brilhante ou luz interior escura.

Uma maneira de aumentar o contraste de cores é por meio da saturação de cores. Outra maneira é usar cores complementares em vez de cores adjacentes para melhor legibilidade. Cores complementares são pares de cores que são de tonalidade oposta, como azul e amarelo. O exemplo lado a lado a seguir mostra como usar cores complementares pode ajudar a melhorar o contraste de cores.