Navigazione Inferiore e Utilizzo con una Mano su Sky Tonight

Star Walk 2 è una delle app di osservazione delle stelle più popolari sul mercato, amata da milioni di utenti. Quando l'abbiamo creata, abbiamo fatto del nostro meglio, ma ora, quasi dieci anni dopo il suo rilascio, sappiamo che avremmo potuto fare ancora meglio. Tuttavia, invece di ridisegnare l'app che già funziona molto bene per molte persone, abbiamo deciso di crearne una nuova dove rilasciare tutte le nostre idee — Sky Tonight. Durante lo sviluppo di Sky Tonight, il nostro obiettivo era creare un'app di osservazione delle stelle estremamente comoda. Per raggiungere questo obiettivo, l'abbiamo progettata per essere utilizzata con una sola mano e abbiamo implementato la navigazione inferiore; in questo articolo, spiegheremo perché queste caratteristiche sono così importanti e come influenzano realmente l'esperienza dell'utente.

Chi siamo: Vito Technology è una società di sviluppo di app mobili che crea prodotti digitali di alta qualità da oltre 20 anni. I nostri principali settori sono l'astronomia e l'educazione.

Cosa significa l'uso con una mano?

L'uso con una mano è la possibilità di controllare il dispositivo con una sola mano. Questo concetto ha guadagnato popolarità con la tendenza a schermi più grandi verso il 2015. Quando i telefoni avevano schermi piccoli, tutte le aree erano facili da raggiungere; tuttavia, una volta che gli schermi sono diventati più grandi, la parte superiore è diventata quasi impossibile da toccare senza sforzo se si tiene il telefono con una mano.

Perché l'uso con una mano è importante?

L'uso con una mano è comodo per la maggior parte degli utenti. Ecco i numeri:

• Il 49% degli utenti tiene e controlla il telefono con una mano;
• Il 36% tiene il telefono con una mano e tocca con il dito o il pollice dell'altra;
• Il 15% tiene il telefono con due mani toccando con entrambi i pollici.

Oltre ai numeri, ci sono anche casi d'uso. Ci sono diverse situazioni in cui gli utenti di Star Walk 2 hanno bisogno di almeno una mano libera. Uno di questi è una serata romantica — immagina di essere accoccolato sotto una coperta calda mentre guardi le stelle e cerchi i motivi familiari nel cielo! Ma per accoccolarti con il tuo partner, hai bisogno di almeno una mano libera — tenere il telefono invece di abbracciare sicuramente rovinerebbe il momento.

I casi d'uso variano per ogni app. Ricorda che se gli utenti dell'app tendono a usarla molto in scenari che distraggono, dovresti concentrarti sullo sviluppo di un'app progettata per l'uso con una mano.

Cos'è la navigazione inferiore?

La navigazione inferiore è una barra di navigazione standard in un'applicazione nella parte inferiore dello schermo. Queste barre di navigazione di solito mostrano da tre a cinque destinazioni, ciascuna rappresentata da un'icona e una etichetta di testo opzionale. Toccare questa icona porterà l'utente alla destinazione di navigazione associata a quell'icona.

Perché la navigazione inferiore è importante?

Le barre di navigazione inferiori facilitano agli utenti l'esplorazione di un'app e il cambio tra diverse visualizzazioni con un solo tocco.

Pensa a questo: il 75% degli utenti tocca lo schermo solo con un pollice. A causa della sua anatomia, il pollice ha un'area di portata limitata. Poiché la maggior parte degli utenti tiene il telefono con una mano, gli sviluppatori dovrebbero posizionare gli strumenti più utilizzati in un'area facilmente raggiungibile. Secondo una ricerca, quest'area è nella parte inferiore dello schermo.

Questa ricerca ha spinto il team di Spotify nel 2016 a spostare il menu e a posizionare le sue funzioni principali (Home, Browse, Search, Radio e Library) in basso. Ciò ha comportato un aumento del 9% dei clic totali e un aumento del 30% dei clic sugli elementi del menu.

La navigazione inferiore non era un grande argomento all'inizio degli anni 2010, quindi non abbiamo implementato questo concetto in Star Walk 2. Le icone principali di navigazione lì sono posizionate nei quattro angoli dello schermo principale. Questo è ottimo per mostrare il cielo il più possibile, poiché la barra di navigazione non copre la parte inferiore, ma raggiungere uno degli angoli superiori è quasi impossibile se si tiene il dispositivo con una mano.

Un altro problema che abbiamo affrontato è che in Star Walk 2, gli utenti coprono lo schermo con le dita quando cercano di toccare le icone superiori nella finestra principale. Volevamo liberare quanto più spazio possibile per la mappa del cielo sulla schermata principale, ma alla fine abbiamo posizionato i pulsanti di navigazione in modo tale da costringere gli utenti a coprire questa mappa del cielo.

Perché queste caratteristiche sono importanti per Sky Tonight?

Speriamo che ora tu capisca perché abbiamo implementato la navigazione inferiore e l'uso con una mano nella nostra nuova app per l'osservazione delle stelle. Riepiloghiamo:

• Per migliorare l'usabilità dell'app raggruppando le icone delle azioni più utilizzate in una parte facilmente raggiungibile dello schermo;
• Per rendere l'operazione più rapida senza dover cambiare continuamente il modo di tenere il telefono;
• Per liberare una mano dell'utente (per qualsiasi cosa ne abbia bisogno — tenere dei binocoli o abbracciare la persona amata);
• Per evitare che gli utenti coprano la mappa del cielo mentre usano l'app.

Barra di navigazione inferiore e uso con una mano su Sky Tonight

Vediamo quali elementi si riferiscono alla navigazione inferiore e all'uso con una mano su Sky Tonight:

1. Quattro pulsanti sulla schermata principale: Cerca, Calendario Astronomico, Visibile Stasera e Menu. Consentono agli utenti di accedere al menu dell'app e alle tre finestre principali. Li consideriamo "principali" perché queste finestre aiutano gli utenti a rispondere alle tre domande più frequenti relative all'osservazione delle stelle:

• Cos'è quel punto luminoso nel cielo?
• Quali eventi astronomici posso vedere stasera?
• Come posso trovare l'oggetto che mi interessa?

2. Il pannello delle impostazioni rapide, dove abbiamo posizionato le impostazioni più utilizzate, così non devi passare per il Menu per cambiarle.

3. Il pulsante rotondo blu per le azioni principali.

4. I pulsanti che permettono di tornare alla finestra precedente. Ognuno di questi pulsanti rappresenta una finestra specifica, quindi quando, ad esempio, vai dalla schermata principale alla finestra di ricerca e poi tocchi un evento, ci saranno due pulsanti in basso. Uno di essi rappresenterà la finestra di ricerca (icona della lente di ingrandimento) e la schermata principale (icona della casa). Così puoi scegliere a quale finestra tornare — alla ricerca o alla schermata principale immediatamente. Questo rende la navigazione nell'app più facile e veloce.

5. Una finestra minimizzata sulla schermata principale. Ad esempio, quando tocchi l'icona di un obiettivo dalla finestra delle informazioni, l'app torna alla schermata principale e mostra la finestra delle informazioni minimizzata in basso. In questo modo, non è necessario passare da una finestra all'altra per ottenere informazioni. Basta espandere la finestra minimizzata per vedere ciò di cui hai bisogno.

Conclusione: Abbiamo progettato Sky Tonight per l'uso con una mano con navigazione inferiore per renderlo conveniente, facile e veloce da usare. Questo ci ha anche aiutato a evitare gli errori che abbiamo commesso in una delle app di osservazione delle stelle più popolari, Star Walk 2.