Come mettere in fuga gli utenti mobile

Il Webdesign moderno non può più prescindere dalle esigenze degli utenti mobile. Con l’affermazione definitiva di smartphone e tablet quali strumenti d’elezione per la navigazione, non è più possibile rimandare l’ottimizzazione di una pagina per i piccoli schermi, si tratti di una versione apposita di un sito o, più comodamente, dell’implementazione di logiche responsive.

Eppure, nonostante il trend mobile sia attivo da ormai una decina di anni, continuano a persistere delle consuetudini dannose per l’utenza. Dai tempi di caricamento fino a interfacce incomprensibili, infatti, è molto semplice mettere in fuga i navigatori da smartphone, i quali potrebbero quindi approdare sui lidi più congeniali della concorrenza. Quali sono, di conseguenza, gli errori più frequenti da evitare?

Volendo raccogliere alcune delle tendenze che potrebbero far fuggire a gambe levate gli utenti mobile, si potrebbe creare una breve lista riassuntiva:

• Caricamento lento: per quanto gli operatori telefonici promuovano velocità miracolose su rete mobile, non tutti gli utenti hanno la possibilità di accedere a network 3G e 4G sufficientemente stabili. Sovraccaricare un sito con contenuti troppo pesanti – in particolare banner pubblicitari e video in riproduzione automatica – non farà altro che spingere il navigatore altrove. La landing page dovrebbe essere la più leggera possibile, pensata per l’apertura con qualsiasi connessione;
• Abuso di hamburger: nessun consiglio di salute alimentare, bensì la tendenza tutta moderna di racchiudere il menu principale all’interno di un contenitore, rappresentato graficamente da tre barre orizzontali. Chiamato “menu hamburger”, proprio perché le tre linee ricordano i vari strati dell’alimento, questa configurazione è poco user-friendly, nonostante ampiamente diffusa. È meglio presentare le opzioni di navigazione in modo evidente, affinché l’utente non si perda, mantenendo sempre coerenza sia strutturale che di argomento. I menu racchiusi, invece, non solo costringono a un’azione aggiuntiva, ma potrebbero risultare poco identificabili dall’occhio distratto;
• Eccesso di swipe: sebbene lo swipe sia la gesture più diffusa in ambito mobile, può risultare anche una delle interazioni a schermo più irritanti. Si immagini l’utilizzatore che, per visualizzare tutte le immagini o i prodotti inseriti in uno slideshow, è costretto continuamente a trascinare le dita da una parte all’altra dello schermo touchscreen. Quando si può implementare, è sempre preferibile il singolo tap: è più immediato, riduce il movimento e permette all’utente di raggiungere le informazioni desiderate con facilità;
• Target minuscoli: per quanto gli smartphone e i tablet moderni garantiscano risoluzione elevatissime e un touchscreen sensibile al millimetro, l’utente si trova comunque sempre a interagire con schermi dalle dimensioni ridotte. Definire delle aree tap minuscole, a volte invisibili, costringerà l’utente a ripetere più volte l’operazione affinché possa essere correttamente interpretata. E quando dovrà ricorrere alle opzioni di zoom per la ricerca del collegamento o del pulsante perduto, la fuga sarà ormai praticamente certa;
• Responsive, ma non troppo: si è soliti pensare che un’implementazione responsive, almeno nella sua configurazione di default, sia sufficiente per garantire un’ottima visualizzazione su ogni dispositivo in circolazione. Così non avviene: ogni risoluzione dovrà essere testata preventivamente, così come ogni proporzione diagonale. Bisogna tenere a mente, infatti, come si debba lavorare in un range dalla varianza elevatissima, dai 300 ai 2.000 pixel di lato a seconda del device;
• Numeri dimenticati: non vi è niente di più frustante, per un utente su smartphone, dei numeri di telefono non accessibili con un tap. Ogni riferimento telefonico deve risultare cliccabile e, per ogni sistema operativo mobile, deve corrispondere all’attivazione delle funzioni di chiamata;
• Social molesti: molti siti mobile prevedono l’inclusione di icone social laterali o superiori, pensate per inseguire letteralmente ogni movimento eseguito dall’utente sullo schermo. Scorrendo la pagina verso il basso, ad esempio, queste icone scendono a loro volta, affinché rimangano sempre in bella mostra. In questo modo, però, si coprono i contenuti: uno degli errori più gravi che si possa fare in fase di progettazione.

Via Smashing Magazine