Mobile User Experience: guida a menù e navigazione

Per progettare la struttura di navigazione di un'app esistono ormai diverse soluzioni. Vediamo insieme quali sono le più diffuse ed originali:

Meteo

Il meteo su iPhone ha una schermata per ogni località selezionata. Lo schema è semplicissimo: con uno swipe mi muovo da una schermata all'altra ed ogni schermata è indipendente dalla precedente, ma una serie di pallini in basso (Page Control) mi ricordano in quale pagina mi trovo.meteo app

Lista

Il menù a lista è di solito utilizzato nelle "impostazioni" dello smartphone, perché è il menù più ordinato e lineare. settings

Tab Bar e Navigation bar

La Tab Bar e la Navigation Bar sono elementi di navigazione indispensabili, perché permettono di capire immediatamente quali sono le sezioni principali dell'app. Questi due elementi devono essere ben visibili, chiari, intuitivi; le icone non devono essere troppo piccole perché altrimenti non saranno cliccabili; il testo eventualmente presente nelle icone non deve essere né troppo lungo né troppo corto.

Guardate ad esempio l'app ORA del WWF, con la tab bar in basso in azzurro:WWF ORA della TERRA

Picker nell'app di Hausmann&Co

Nell'app realizzata per Hausmann&Co abbiamo inserito un menù che riproduce il tamburo di un orologio e che simboleggia, nella ripetizione degli elementi, lo scorrere del tempo. Questo tipo di menù si chiama Picker; troviamo che sia una soluzione grafica molto interessante e originale, oltre che comoda.hausmann & Co. app

L'eccentrico menù di Path

Path è un'app che crea la timeline della nostra vita: attività, umori, foto, viaggi, tutto condiviso con i nostri amici connessi. Oltre al menù a scomparsa, uguale a quello di Facebook, c'è in basso a sinistra un'icona tonda con un +. Basta un touch in quel punto per veder apparire, come petali attorno alla corolla, le varie azioni che è possibile compiere: scattare una foto, visualizzare e aggiungere amici, registrare la posizione, condividere musica, scrivere un messaggio di status.path

Circle

Circle è un'app-social network che visualizza, mediante GPS, gli altri utenti attorno a noi. Il concetto grafico che ispira l'app è interessante: al posto di un pin sulla mappa, compaiono dei circoli che rappresentano tute le persone in prossimità della nostra posizione.circle

Discovr

In quest'app, una serie di circoli disposti in una "ragnatela" visualizza graficamente la rete delle influenze musicali degli artisti.

discovr-music

Clear, tutto in un touch

Clear è un'app che crea delle "To Do List" (liste di cose da fare). Il suo sistema di navigazione é geniale: non ci sono pulsanti, non ci sono Tab o Navigation Bar, ma con una serie di multitouch gestures si può passare dal menù alle altre sezioni.clear app

E voi quali altri menù conoscete?