Touch Screen – Regole per progettare un’interfaccia uomo-macchina (UI)

come-calibrare-il-touch-screen-di-android_3015981d9872f845f488ac08a33e403d

Le interfacce applicative dei PC sono state principalmente sviluppate e progettate con dispositivi di input utilizzati nei computer per più di 20 anni, come la tastiera e il mouse.
Ma negli ultimi anni, i Touchscreen sono diventati molto popolari come dispositivi di input grazie alla loro intuitività.

Il progresso della tecnologia multitouch di oggi cambia le regole del gioco. L’iPhone e iPad hanno aperto la strada e ora la tecnologia multitouch è uno standard nel campo della telefonia  ed è la forza trainante nel lancio di una nuova categoria di dispositivi ” tablet ” .

Le possibilità aperte da un interazione più naturale e semplice (NUI ,natural user interfaces) sono numerose e devono essere sfruttate pienamente dalle interfacce di nuova generazione, comprese quelle utilizzate in applicazioni industriali.

Di seguito una serie di linee guida utili per rendere le interfacce touch screen semplici e più usabili:

 

1. Utilizzare le interazioni naturali

Uno dei maggiori attributi di questa nuova generazione di interfacce è la sua capacità di rendere l’interazione più naturale, eliminando la necessità di dispositivi di input come il mouse.

Come? Gli elementi sullo schermo possono essere facilmente manipolati per l’interazione immediata con una serie di gesti spontanei.

2 . Dimensione adeguata ad elementi interattivi

Una delle prime cose che si nota quando si utilizza una interfaccia touch screen (e probabilmente la più criticata) è la mancanza di precisione che  le nostre dita hanno come dispositivo di input. Ciò è dovuto anche al fatto che le interfacce erano (e sono tuttora) progettate per funzionare con il cursore del mouse, che ha 1-2 pixel di precisione,che le dita non hanno. Le dimensioni degli elementi del touch devono essere sufficientemente grande da consentire l’interazione accurata.

Esattamente quanto grande?  Uno studio del MIT , ” Human Fingertips to Investigate the Mechanics of Tactile Sense”,  ha scoperto che la dimensione media delle misure delle dita sia di 8-10 mm. Questa,  quindi, dovrebbe essere la dimensione minima per ogni elemento interattivo.
Il progetto dovrebbe seguire questa semplice equazione : “+ importante = + grande” per rendere la vita più facile all’utente.

Gli elementi interattivi devono poi essere opportunamente distanziati: elementi troppo ravvicinati aumentano la probabilità di errore,  in cui l’ utente può premere l’elemento sbagliato involontariamente. La spaziatura tra gli elementi standard è di 1-2 mm.

 

3 . Mantenere le mani in modo errato

Una delle caratteristiche di interfacce NUI è il fatto che il dispositivo di ingresso corrisponde al dispositivo di output (lo schermo per esempio). Questo facilita le cose ma allo stesso tempo può creare problemi: es. le mani che coprono importanti elementi dell’interfaccia.

imgtouch

L’interfaccia dovrebbe quindi essere progettata tenendo a mente queste restrizioni:  le informazioni vanno posizionate in modo che non vengano coperte dalle mani. Evitare quindi di posizionare le etichette sotto gli elementi interagenti (come mostrato sopra) ,è opportuno invece posizionare le etichette sopra tali elementi.

imgtouch2

4 . Dimenticate hovering e le descrizioni sui comandi

Il progettista dell’ interfaccia touch screen deve ricordare che le descrizioni dei comandi sono assolutamente inutili in sistemi touch screen. Questi strumenti sono molto utili quando si passa il puntatore del mouse sopra ad un oggetto o elemento grafico, che evidenzia al contatto, una descrizione sui comandi o appare un pop-up.

In un sistema touch screen, tuttavia, questi sono inutili perché quando l’utente tocca l’ elemento grafico lo attiva direttamente senza alcun effetto di roll -over. Pertanto, questi strumenti non dovrebbero essere considerati in progetti di interfaccia grafica creati esclusivamente per i sistemi touchscreen. In un sistema touch screen deve essere chiaro per l’utente ciò che può essere toccato, manipolato, trascinato, ecc , e ciò che non può essere toccata senza fare affidamento sul mouse per passare sopra di esso.

 

5 . Ottimizzare input testuali

Anche con la migliore interfaccia grafica, agli utenti può spesso essere necessario digitare i valori numerici e stringhe di testo con precisione (cioè di log-in e password), e l’input dalla tastiera sull’interfaccia touchscreen devono essere posizionati dove più efficiente per l’ utente. Per esempio, quando vi fu il lancio dell’ iPad, Apple ha proposto un mini docking station per il suo nuovo prodotto tablet, equipaggiato con la tastiera QWERTY classica.

In un sistema di interfaccia touchscreen, l’ interazione con l’utente dovrebbe essere in primo luogo per mezzo di oggetti grafici e di eliminare, per quanto possibile, la necessità di inserire numeri e testi (ad esempio, cursori, rotazione, ecc.). Le richieste all’utente di digitare  informazioni dovrebbero essere ridotte al minimo. Ovviamente ci sono casi in cui ciò non è sempre possibile (come l’inserimento di nome utente e password ), ma in altri casi questo può essere semplificato o sostituito con qualcos’altro. Quando le tastiere numeriche o alfanumeriche sono necessarie, possono essere utilizzate quelle virtuali , purché non coprono o si sovrappongono informazioni importanti dell’interfaccia su cui  sono mostrate.

Il modo migliore per garantire la fruibilità ottimale è anche scegliere il giusto software SCADA / HMI.

Noi di Digimark siamo in grado di fornire supporto e consulenza per aiutarvi a realizzare la migliore interfaccia per ogni vostra applicazione.

Chiamaci allo 071/9674218 o mandaci un email all’indirizzo info@digimarksrl.com e richiedi senza impegno un preventivo gratuito.

ALLEGATI:

Catalogo 2014 HMI Digimark

2.988 views