Prendendo in considerazione l'utilizzo del dispositivo mobile, possiamo notare come gli utenti utilizzino fondamentalmente il solo dito pollice. Quest'ultimo svolge quasi tutte le funzioni normalmente eseguite dal puntatore del mouse. Conseguentemente la creazione dei pulsanti per questa tipologia di sito, sarà studiata per adattarsi a una minor precisione nell'esecuzione delle operazioni.
I pulsanti saranno di grandi dimensioni in uno schermo relativamente piccolo e sarebbe opportuno sostituissero anche i normali collegamenti ipertestuali, difficili da eseguire in movimento con il tocco del pollice. In parole povere, i pulsanti vanno costruiti proprio per i pollici. Apple raccomanda la creazione di pulsanti pari a 44x44 pixel.
Oltre alle dimensioni del pulsante, occorre tenere in considerazione lo spazio che andrà a occupare nello schermo. A volte, convinti di eseguire un’applicazione, ci troviamo di fronte a tutt'altro programma aperto inavvertitamente dal nostro stesso pollice. La causa è la mancanza di un'appropriata distanza tra un pulsante e l'altro.
Un altro aspetto fondamentale da considerare è la posizione in cui sono allocati i pulsanti. La miglior posizione è il centro dello schermo, in basso o in alto. Allocare un pulsante sulla fascia sinistra potrebbe creare problemi nell'esecuzione alle persone che utilizzano la mano destra (la maggioranza). Viceversa, allocare il pulsante sulla fascia sinistra non agevolerebbe gli utenti mancini.
Qualora dovessimo costruire pulsanti più piccoli di quanto consigliato, per ragioni di marketing ad esempio, è auspicabile creare un'area cliccabile più ampia rispetto al tasto. Durante la creazione dei pulsanti viene a volte sottovalutata l'impressione percepita dall'utente. Non sempre il visitatore capisce che si tratta di un tasto cliccabile causa la grafica utilizzata. Il pulsante dovrebbe assumere un aspetto quasi tridimensionale come un bottone in grado di fornire l'immediata percezione di poter essere premuto.
I colori aiutano a classificare in maniera molto veloce azioni distinte. Creare il pulsante principale con una base di colore diverso, aiuterà l'utente a capire immediatamente la funzione distinta. In fine, non dimenticate l'importanza del testo che accompagna il tasto. È molto importante sviluppare testi intuitivi che invitino gli utenti a compiere azioni precise come "Acquista ora". Evitate, invece, testi come "clicca qui".
- Create pulsanti di grandi dimensioni
- Create spazi tra un pulsante e gli altri
- Il pulsante deve essere raggiungibile
- Create un'area cliccabile più ampia per i pulsanti di dimensioni più piccole
- Create pulsanti con effetto tridimensionale
- Create pulsanti di colori diversi in base alle loro funzioni
- Create testo chiaro e intuitivo
Tratto da: conversionroom.blogspot.com