7 dicas para projetar telas sensíveis ao toque de tamanho grande

As telas sensíveis ao toque estão por toda parte. Mas eles não estão apenas em seus telefones e tablets. O design para versões grandes demais de telas sensíveis ao toque - pense em tamanhos de computadores de mesa e maiores - pode apresentar um conjunto único de desafios.

Como você projeta algo tão grande, quando está acostumado a pensar em regiões do polegar para o design da tela? Aqui está um guia para pensar em telas sensíveis ao toque de grandes dimensões e como criar algo com o qual os usuários interagem em uma escala de toque ainda maior.

Explore o Envato Elements

1. Use gestos naturais

Há uma razão para "deslizar para a direita" e "deslizar para a esquerda" são tão populares - são movimentos e gestos naturais das mãos.

Os furtos podem ser um pouco mais exagerados do que em uma tela menor

Ao pensar em telas grandes, considere mais do que ações com os dedos. Pense na mão inteira. A maioria dos usuários precisará acessar telas de toque maiores e resistentes porque elas serão afixadas em uma parede ou mesa, em vez de serem portáteis.

Você deseja que a tela seja confortável ao toque, e os movimentos devem ocorrer da mesma maneira que em um dispositivo móvel. Mas pense na ação do toque. Os furtos podem ser um pouco mais exagerados do que em uma tela menor e os toques podem vir com um pouco mais de pressão ou força.

A rolagem é um pouco menos confortável - mover os braços para cima e para baixo repetidamente pode causar fadiga - pensar em maneiras de levar os usuários ao conteúdo sem muito movimento para cima e para baixo.

Outro "gesto" natural para se pensar é o exame oftalmológico. Algumas telas grandes demais são grandes demais para o usuário receber de uma só vez. Design para o movimento dos olhos - de cima para baixo e da esquerda para a direita - para garantir que os usuários vejam as informações mais importantes e entendam como se envolver com o design.

2. Amplie texto e gráficos

Isso não acontece com a frequência que deveria - os designers precisam aumentar drasticamente os elementos visuais para exibir em telas grandes. Uma tela maior não significa mais coisas (o oposto pode realmente ser verdadeiro). Pense nisso como uma experiência diferente para o usuário. O conteúdo, incluindo texto e gráficos, deve ser ampliado para um design de tela de tamanho grande porque:

• Os usuários tendem a interagir a uma distância maior e ainda precisam ver e distinguir entre elementos.
• Os usuários precisam ser atraídos para chegar a uma tela, como um quiosque, de longe.
• Os usuários precisam ver dicas visuais que os ajudam a identificar uma tela para uso público.
• Os elementos da tela precisam ser navegáveis ​​e limpos sem instruções.
• Os alvos de toque precisam ser fáceis de ver e criar interação óbvia.

3. Verifique se a navegação está sempre acessível

A maioria dos usuários se envolve com telas sensíveis ao toque de grandes dimensões com a mesma mentalidade de visitar um site pela primeira vez. Um design que imite essa experiência será fácil para os usuários entrarem e interagirem.

Verifique se a navegação não desaparece quando um conteúdo diferente é acessado.

Crie um padrão de navegação para esses dispositivos que esteja sempre acessível. Use um formato semelhante aos padrões de site comumente aceitos, como na parte superior da tela ou em uma barra lateral.

Verifique se a navegação não desaparece quando um conteúdo diferente é acessado. Embora o design da tela inicial possa incluir apenas botões de navegação grandes sem um menu de navegação tradicional, todas as outras telas devem ter o formato de navegação mais tradicional para facilitar o uso.

Tente minimizar as entradas baseadas em digitação o máximo possível nessas telas. Os teclados podem ser difíceis e lentos, exigindo um esforço físico extra por parte do usuário. Mas se você tiver entradas baseadas no teclado, inclua um comando de alternância do teclado na navegação, para que os usuários possam mostrar e ocultar facilmente o teclado, conforme necessário.

4. Não crie muitas opções

Quanto maior a tela, maiores serão as opções. Pense em botões e interações como um jogo disso ou daquilo, que dá aos usuários uma decisão a tomar por vez. O truque aqui é que eles escolhem entre dois elementos.

Uma das boas sugestões deste conceito é que ele simplifica o design. Com apenas duas opções por tela, os elementos de design e a confusão visual são reduzidos, criando uma interface mais utilizável.

Ao projetar as opções, verifique se a ação é igualmente clara. Como um usuário seleciona isso ou aquilo? Os botões devem ser óbvios e grandes o suficiente para serem tocados com facilidade. Use uma pequena animação para ajudar a chamar a atenção para elementos interativos ou para a seleção de usuários mais popular.

Opções simplificadas também são importantes devido ao tamanho da tela. Lembre-se de que a tela inteira nem sempre pode estar no campo de visão de um usuário, o que pode limitar as escolhas em si. Se você otimizar as opções com antecedência, não precisará se preocupar com o ambiente, eliminando as opções do usuário.

5. Considere a privacidade

Só porque um usuário caminha até uma tela de quiosque em um local público, não significa que a pessoa queira que todos saibam o que estão fazendo.

Lembre-se de que quanto maior a tela, maior a probabilidade de que outras pessoas possam ver o que o usuário está fazendo. Essa é uma grande consideração quando se trata de solicitar informações ou dados confidenciais em uma tela sensível ao toque.

Para combater isso, geralmente um design baseado em toque inclui caixas pop-up menores para entrada de formulários ou dados, para que o conteúdo não seja tão visível à distância.

6. Desconecte da Web

Essa pode ser a preocupação de design mais importante quando se trata de telas sensíveis ao toque grandes - elas precisam trabalhar com e sem conexão à Internet.

Pense bem: muitas telas grandes estão em locais públicos ou menores, como quiosques móveis ou tablets grandes, são portáteis. Isso pode afetar o acesso à Internet e se uma conexão está funcionando ou não. O design deve funcionar mesmo quando não está conectado.

Verifique se todas as ferramentas para executar o design, do JavaScript às bibliotecas de fontes e coleta de dados, estão armazenadas localmente.

7. Botões de design para interação óbvia

O design precisa mostrar aos usuários como interagir com a tela. Nem todo usuário identifica imediatamente uma tela de toque à primeira vista.

Use dicas visuais, como animação e botões, para ajudar a guiar os usuários pelo processo.

Use dicas visuais, como animação e botões, para ajudar a guiar os usuários pelo processo. A maioria das telas grandes é um ponto de interação ou interação único para os usuários, e cada interface é um pouco diferente. Quanto mais fácil você usar, com elementos mais comumente entendidos, maior a probabilidade de os usuários se envolverem no design.

Muitos designs incluem áreas da tela totalmente ativadas no toque, como uma tela inicial. Inclua um botão para indicar a interação de qualquer maneira. Ele não tira o design e informa aos usuários como trabalhar com o dispositivo.

Use microcópia descritiva, como "toque aqui para começar", para orientar os usuários no processo. Embora esses elementos possam parecer excessivamente óbvios, como usar uma interface nem sempre é uma segunda natureza para todos os usuários. Tornar mais fácil.

Conclusão

Algum de seus projetos de design exige o uso de telas de grandes dimensões? Eles estão se tornando mais populares em todos os lugares. Mesmo que você ainda não tenha esse projeto, é provável que consiga um no futuro.

Embora a maioria dos princípios de design seja igual a outros designs baseados em interface, o ajuste para o tamanho e a escala de telas grandes pode ser desconfortável para muitos designers. Quando vir essas telas em público, lembre-se de parar e interagir com elas para ver quais elementos e interações de design atraem você.