Share
Il design mobile è una lotta costante per la semplicità. Con così poco spazio sullo schermo, può essere molto impegnativo inserire le funzionalità necessarie nel design pur continuando a essere ottimizzato e intuitivo. Affinché gli utenti possano ottenere il massimo dall'applicazione, a volte devi seminare indizi sottili o persino creare una procedura dettagliata per mostrare come funzionano le cose. Questo tutorial ti mostrerà esempi su come fare proprio questo!
Se la funzionalità dell'applicazione dipende in larga misura dall'input dell'utente, una tecnica eccezionale consiste nel lanciare una procedura guidata di installazione che raccoglierà informazioni dall'utente al primo avvio dell'applicazione. Creando una procedura guidata di configurazione personalizzata, puoi rendere il processo altrimenti noioso di compilazione di meta-informazioni più creativo e divertente.
Consentendo agli utenti di avviare autonomamente una procedura dettagliata o una visita guidata di ciò che l'applicazione ha da offrire, è possibile indicare rapidamente le parti chiave dello schermo che l'utente deve tenere d'occhio. Posizionare creativamente dialoghi o evidenziazioni direttamente sull'interfaccia dell'applicazione reale può rimuovere un sacco di congetture dall'interfaccia utente e renderlo immediatamente utilizzabile.
Simile a offrire una procedura dettagliata, una semplice sovrapposizione della schermata di aiuto può mostrare rapidamente agli utenti ciò che è importante sulla schermata corrente. È anche possibile spiegare i gesti utilizzati per la navigazione / interazione e i controlli dell'interfaccia utente. Un semplice tocco chiude lo schermo e riporta l'utente all'app.
Per tutto il merito dell'overlay dell'aiuto, a volte è ancora appropriato utilizzare un aiuto vecchio stile o F.A.Q. schermo. Questa tecnica è particolarmente appropriata se inizialmente visualizzata all'avvio al posto di una procedura guidata di installazione. Ad ogni modo, usa solo il testo sufficiente per ottenere chiaramente le istruzioni o rispondere alla domanda. Mantienilo semplice!
Fornire una panoramica visiva e di alto livello dell'applicazione può essere inestimabile per l'esperienza dell'utente. Questo approccio può anche spiegare cose come "Offline OK", che sono difficili da conoscere per l'utente.
Quando un utente arriva su uno schermo senza contenuto, usa lo spazio vuoto per spiegare cosa dovrebbero fare dopo. Evidenzia i controlli dell'interfaccia utente che possono essere utilizzati per aggiungere contenuti tramite frecce o pulsanti grandi e grandi.
Quando vengono fornite nuove funzionalità agli utenti che hanno già familiarità con la tua app, valuta la possibilità di evidenziare cosa è cambiato dall'ultimo caricamento del contenuto. Le schermate seguenti mostrano alcuni modi per evidenziare le modifiche. Nel primo esempio, l'intero focus è sulla nuova funzionalità che è stata aggiunta. Nel secondo esempio, l'evidenziazione è in linea, ma si distingue abbastanza per differenziare il nuovo contenuto da vecchio.
Il seguente screenshot è un buon esempio di come evidenziare con tatto le funzionalità premium di un'app "freemium". L'app utilizza un suggerimento chiaramente evidente, inserito contestualmente e mostrato solo ogni tanto:
Gli screenshot qui sopra dimostrano come gli esperti hanno risolto un particolare problema. Non è necessario reinventare la ruota. Se uno di questi modelli funziona per te, usalo! Tuttavia, è importante non iniziare a lanciare queste tecniche solo perché è possibile. Cerca di capire davvero la mente del tuo utente, quindi utilizza le tecniche di progettazione che ti aiuteranno a ottenere il massimo dalla tua app!
Accentsconagua