Mouse, cursori ed usabilità

Consigli utili per migliorare l’esperienza di navigazione grazie al cursore del mouse.

Il mouse è uno degli strumenti più utilizzati per navigare le pagine web, ed il cursore del mouse è il principale indicatore a disposizione. Le forme che può assumere non sono casuali, e ad ognuna corrisponde un preciso significato.

Lavorando con i CSS, può capitare di cambiare stile al cursore del mouse in corrispondenza di determinate azioni, ma è sempre bene non esagerare. La creatività infatti è da apprezzare finché non va contro anni di consuetudini.

Un chiaro esempio di quanto sia importante il feedback offerto dal puntatore del mouse si ha sui link di una pagina, sia testuali che in altra forma: vedere apparire la classica mano al posto della freccia indica che l’oggetto in questione è proprio un link con cui è possibile interagire.

Cambiare questo comportamento non solo è sbagliato, ma può confondere gli utenti: è fondamentale evitare di modificare questo tipo di feedback.

Un altro esempio è quello dei campi input e delle textarea dei form. In questo caso il cursore cambia forma per indicare un diverso tipo di interazione, ed è bene che questo feedback sia sempre presente. Anche quando si utilizzano tecnologie diverse da HTML e CSS (vedi Flash), è necessario ricordarsi di tale comportamento per non disorientare l’utente.

Un caso in cui è sempre utile un intervento tramite CSS è quello dei tasti submit dei form. Il cursore infatti normalmente non cambia forma al mouseover. E’ un comportamento diffuso ed al quale siamo abituati, ma niente vieta di migliorare l’usabilità del proprio sito con una modifica semplice, aggiungendo cursor: pointer allo stile di tali elementi.

Sono piccoli accorgimenti che possono fare la differenza: anche se il mouse non è l’unico strumento utilizzato per navigare il web, è sicuramente il più diffuso. Il cursore è uno dei primi strumenti a disposizione per dare un feedback all’utente, sarebbe ingenuo non preoccuparsene.

Potete approfondire l’argomento leggendo anche Usability Post: Mouse Cursor Affordance.