7 suggerimenti per la progettazione di schermi touchscreen di grandi dimensioni

I touchscreen sono ovunque. Ma non sono solo sui tuoi telefoni e tablet. Progettare per le versioni di grandi dimensioni dei touchscreen - pensa alle dimensioni dei computer desktop e più grandi - può presentare una serie unica di sfide.

Come progettate qualcosa di così grande, quando siete così abituati a pensare alle regioni del pollice per la progettazione dello schermo? Ecco una guida per pensare a schermi touchscreen di grandi dimensioni e come creare qualcosa con cui gli utenti interagiscono su una scala touch ancora più ampia.

Esplora Envato Elements

1. Usa gesti naturali

C'è un motivo per cui "scorrere verso destra" e "scorrere verso sinistra" sono così popolari: sono movimenti e gesti naturali delle mani.

I colpi potrebbero essere un po 'più esagerati che su uno schermo più piccolo

Quando si pensa a schermi di grandi dimensioni, considerare più delle azioni con le dita. Pensa a tutta la mano. La maggior parte degli utenti dovrà rivolgersi a touchscreen più grandi e resistenti perché saranno fissati a una parete o a un tavolo, anziché a mano.

Vuoi che lo schermo sia comodo da toccare e i movimenti dovrebbero avvenire perfettamente come su un dispositivo mobile. Ma pensa all'azione tattile. I colpi potrebbero essere un po 'più esagerati che su uno schermo più piccolo e i tocchi potrebbero venire con un po' più di pressione o forza.

Lo scorrimento è un po 'meno comodo - spostare le braccia su e giù ripetutamente può causare affaticamento - pensare a modi per portare gli utenti attraverso il contenuto senza molto movimento su e giù.

Un altro "gesto" naturale a cui pensare è la scansione degli occhi. Alcuni schermi di grandi dimensioni sono troppo grandi per consentire all'utente di accedervi contemporaneamente. Progettare per il movimento degli occhi - dall'alto verso il basso e da sinistra a destra - per garantire che gli utenti vedano le informazioni più importanti e capiscano come interagire con il design.

2. Ridimensiona testo e grafica

Ciò non accade tutte le volte che dovrebbe: i progettisti devono scalare notevolmente gli elementi visivi per visualizzarli su schermi di grandi dimensioni. Uno schermo più grande non significa più cose (è vero il contrario). Pensalo come un'esperienza utente diversa. I contenuti, inclusi testo e grafica, devono essere ingranditi per la progettazione di schermi di grandi dimensioni perché:

• Gli utenti tendono ad interagire da una distanza maggiore e devono comunque vedere e distinguere tra elementi.
• Gli utenti devono essere incoraggiati a venire su uno schermo, come un chiosco, da molto lontano.
• Gli utenti devono vedere segnali visivi che li aiutano a identificare uno schermo per uso pubblico.
• Gli elementi dello schermo devono essere navigabili e chiari senza istruzioni.
• I target tattili devono essere facili da vedere e creare interazioni ovvie.

3. Assicurarsi che la navigazione sia sempre accessibile

La maggior parte degli utenti interagisce con touchscreen di grandi dimensioni con la stessa mentalità della prima visita a un sito Web. Un design che imita quell'esperienza sarà facile per gli utenti per entrare e interagire.

Assicurarsi che la navigazione non vada via quando si accede a contenuti diversi.

Crea un modello di navigazione per questi dispositivi sempre accessibile. Utilizza un formato simile ai modelli di siti Web comunemente accettati, ad esempio nella parte superiore dello schermo o in una barra laterale.

Assicurarsi che la navigazione non vada via quando si accede a contenuti diversi. Mentre il design della schermata principale potrebbe includere solo pulsanti di navigazione di grandi dimensioni senza un menu di navigazione tradizionale, tutte le altre schermate dovrebbero avere il formato di navigazione più tradizionale per facilità d'uso.

Cerca di ridurre al minimo gli input basati sulla digitazione su queste schermate. Le tastiere possono essere scomode e lente, che richiedono uno sforzo fisico extra da parte dell'utente. Ma se hai input basati su tastiera, includi un comando di attivazione / disattivazione della tastiera nella navigazione, in modo che gli utenti possano facilmente mostrare e nascondere la tastiera secondo necessità.

4. Non creare troppe scelte

Più grande è lo schermo, più scelte travolgenti possono essere. Pensa ai pulsanti e alle interazioni come a un gioco di questo o quello, che dà agli utenti una decisione da prendere alla volta. Il trucco qui è che scelgono tra due elementi.

Uno dei punti salienti di questo concetto è che ti semplifica il design. Con solo due scelte per schermo, gli elementi di design e il disordine visivo sono ridotti, creando un'interfaccia più utilizzabile.

Quando si progettano le scelte, assicurarsi che l'azione sia ugualmente chiara. In che modo un utente seleziona questo o quello? I pulsanti dovrebbero essere ovvi e abbastanza grandi da poter essere toccati con facilità. Utilizzare una piccola animazione per attirare l'attenzione su elementi interattivi o sulla selezione utente più popolare.

Le scelte semplificate sono importanti anche a causa delle dimensioni dello schermo. Ricorda che l'intero schermo potrebbe non essere sempre nel campo visivo di un utente, il che può limitare le scelte in sé. Se ottimizzi le scelte in anticipo, non devi preoccuparti dell'ambiente eliminando le opzioni utente per te.

5. Considerare la privacy

Solo perché un utente si avvicina allo schermo di un chiosco in un luogo pubblico, ciò non significa che quella persona vuole che tutti sappiano cosa sta facendo.

Tieni presente che più grande è lo schermo, più è probabile che altri possano vedere cosa sta facendo l'utente. Questa è una grande considerazione quando si tratta di chiedere informazioni sensibili o dati su un display touch.

Per ovviare a questo, spesso un design basato sul tocco includerà caselle pop-up più piccole per moduli o immissione di dati in modo che il contenuto non sia così visibile a distanza.

6. Disconnettersi dal Web

Questa potrebbe essere la preoccupazione di progettazione più importante quando si tratta di touchscreen di grandi dimensioni: devono lavorare con e senza una connessione a Internet.

Pensaci: molti schermi di grandi dimensioni sono in luoghi pubblici o quelli più piccoli come chioschi mobili o tablet di grandi dimensioni, sono portatili. Ciò può influire sull'accesso a Internet e sul fatto che una connessione funzioni o meno. Il design deve funzionare anche quando non è collegato.

Assicurarsi che tutti gli strumenti per eseguire il progetto, da JavaScript alle librerie di font alla raccolta dati, siano archiviati localmente.

7. Pulsanti di design per un'interazione evidente

Il design deve mostrare agli utenti come interagire con lo schermo. Non tutti gli utenti individueranno immediatamente un touchscreen a prima vista.

Utilizza segnali visivi come animazioni e pulsanti per guidare gli utenti nel processo.

Utilizza segnali visivi come animazioni e pulsanti per guidare gli utenti nel processo. La maggior parte degli schermi di grandi dimensioni è un punto di interazione o di coinvolgimento una tantum per gli utenti e ogni interfaccia è leggermente diversa. Più è facile utilizzarlo, con elementi più comunemente compresi, maggiore è la probabilità che gli utenti si impegnino nella progettazione.

Molti progetti includono aree dello schermo che sono completamente attivate al tocco, come una schermata iniziale. Includi un pulsante per indicare comunque l'interazione. Non toglie nulla al design e dice agli utenti come lavorare il dispositivo.

Usa la microcopia descrittiva, come "tocca qui per iniziare", per guidare gli utenti attraverso il processo. Sebbene questi elementi possano sembrare eccessivamente ovvi, come utilizzare un'interfaccia non è sempre una seconda natura per tutti gli utenti. Rendere più facile.

Conclusione

Qualcuno dei tuoi progetti di design richiede l'uso di schermi di grandi dimensioni? Stanno diventando più popolari ovunque. Anche se non hai ancora avuto un progetto del genere, è probabile che potresti averne uno in futuro.

Mentre la maggior parte dei principi di progettazione sono gli stessi di altri progetti basati su interfaccia, la regolazione delle dimensioni e della scala di schermi di grandi dimensioni può essere scomoda per molti progettisti. Quando vedi queste schermate in pubblico, cerca di fermarti e interagire con esse per vedere quali elementi di design e interazioni ti attraggono.