Come utente, non lo odi quando fai clic su un pulsante, solo per rendersi conto che l'azione risultante in realtà non è ciò che volevi? A volte questo è un fastidio minore ea volte è un disastro completo che rovina ore o addirittura giorni di lavoro.
Come designer, spetta a te aiutare i tuoi utenti a evitare questi tragici errori ogni volta che è possibile. Oggi vedremo alcuni metodi che è possibile utilizzare per raggiungere questo obiettivo.
Qual è il grande affare?
Quando stai progettando un'interfaccia, che sia sul web o in qualche tipo di applicazione nativa, devi sempre considerare attentamente cosa può andare storto. Prova ad immaginare lo scenario peggiore per ogni particolare azione che un utente intraprenderà nel corso dell'utilizzo della tua app e farà tutto il possibile per assicurarti che comprenda le conseguenze di un clic.
Perché passare attraverso tutti i problemi? Perché non c'è nulla che possa far odiare un'app di un utente più rapidamente rispetto a quando commette un grosso errore. Se è completamente colpa loro o no, incolperanno l'applicazione o, per lo meno, svilupperanno una sfiducia per il tuo prodotto. Quando dai agli utenti la possibilità di discutere del tuo prodotto, ti penti? e? sfiducia? sono due parole che non vuoi venire nella conversazione.
Suggerimento: messaggi di avviso Suck
Ora, quando viene dato l'obiettivo di assicurarsi che un utente non commetta errori, alcuni progettisti dell'interfaccia utente andranno fuori bordo e istituiranno messaggi di avviso per ogni piccola azione che l'utente potrebbe eventualmente intraprendere. Sfortunatamente, dal punto di vista dell'utente, questa è la cosa più fastidiosa che uno sviluppatore potrebbe fare.
Se mi sembra che tu stia tenendo la mia mano troppo durante il processo di utilizzo della tua app, ti offenderò per aver pensato che sono un'idiota. Mi sentirò presto frustrato anche dal fatto che tutto ciò richieda così tanto tempo perché devo continuamente ripetere gli stessi messaggi di avvertimento.
Quindi quando posso usare un messaggio di avviso?
Il vero trucco per te mentre stai pianificando l'app è decidere quali azioni meritano i messaggi di avviso. C'è un mezzo felice tra non avvertire mai un utente e strafare, ed è un punto difficile da trovare.
La domanda guida è semplice: "Quanto è facile risolvere il problema se qualcosa va storto? Mettiti nei panni dell'utente e prova a immaginare lo scenario peggiore.
Immaginiamo una situazione in cui stai costruendo una semplice app todo simile a Wunderlist mostrata sopra. Un'azione che l'utente potrebbe intraprendere è quella di spuntare un'attività e farla scomparire. Se lo fanno in caso di incidente o cambiano idea, idealmente, sarebbero in grado di recuperarlo. Ma anche senza quello funzionalmente, digitare un semplice titolo di todo non è davvero tanto lavoro. Dovrebbe richiedere solo un secondo per l'utente per rettificare il loro errore. Dato questo fatto, probabilmente non sarà necessario un messaggio di avvertimento per l'eliminazione di un todo.
Ora, e se lo stesso utente volesse cancellare un intero elenco di oggetti da fare? Questo è qualcosa che potrebbe potenzialmente essere disastroso. Se ho più di un centinaio di roba e accidentalmente cancellerò un'intera lista, andrò fuori di testa se non riesco a riaverlo indietro. In tal caso, un messaggio di avviso è decisamente appropriato.
Aiuta a prevenire le viti
Ora che abbiamo un'idea di come i messaggi di avviso possono essere buoni o cattivi, è il momento di dare un'occhiata ad alcuni metodi diversi che è possibile utilizzare e come aiutano a prevenire i fallimenti degli utenti. Alcuni usano messaggi di avvertimento, altri sono un po 'più intelligenti e pieni di tatto.
Avvertenze preventive
Il motivo per cui i messaggi di avviso sono così fastidiosi è che ti fermano morti nelle tue tracce. Questo è solo piacevole se ti rendi conto che stavi per commettere un grosso errore, il resto del tempo blocca semplicemente i tuoi progressi.
Un modo per eliminare questo problema aiutando gli utenti a prevenire gli errori è l'utilizzo di avvisi preventivi. Questi non ti ostacolano o impediscono i tuoi progressi, ma ti aiutano a capire che potresti aver fatto un errore.
Lo vedi più spesso nella convalida della forma live. Scopri come il modulo di iscrizione Mailchimp mi dice che ho commesso un errore dopo aver digitato un nome utente lungo solo tre caratteri.
Sei sicuro?
Questo è il tipo di avviso più comune utilizzato nelle app Web e native. È quello che abbiamo visto prima con Wunderlist: una finestra che si apre, ferma ciò che stavi cercando di fare e chiede se questo è qualcosa che volevi davvero fare.
Probabilmente li vedi praticamente tutti i giorni tutti i giorni se lavori su un computer. Ad esempio, gli utenti Mac ne vedono uno quando cercano di svuotare il cestino.
Se pesiamo la decisione di Apple di mettere questo qui contro i criteri che abbiamo impostato in precedenza, allora si verifica. Come afferma la finestra, lo svuotamento del cestino non è qualcosa che un utente può fare. Una volta premuto quel pulsante, quei file sono completamente spariti a meno che tu non sia il tipo di nerd esperto di tecnologia che sa come recuperarli.
Cosa vuoi che accada?
A volte una determinata azione può essere interpretata in più di un modo. In queste situazioni, devi scegliere tra le interpretazioni come designer o dare all'utente il potere di scegliere quali conseguenze avrà l'azione.
Photoshop è un eccellente esempio di questo. Quando trascini una maschera di livello nel cestino, ottieni la seguente finestra.
Qui Photoshop sta dicendo, "Ehi, so che vuoi che metta da parte questa maschera di livello, ma dovrei applicarla prima ?? Questa è un'opzione utile perché a volte è proprio il caso che voglio che la maschera scompaia completamente e altre volte voglio che venga applicata al livello. Forniscono anche una scorciatoia da tastiera nascosta (Opzione) per gli utenti professionisti che desiderano saltare questa finestra.
Non mostrarlo mai più
C'è un'altra lezione interessante da imparare dal messaggio di avvertenza di Adobe.Si noti che ha questa piccola scatola che dice? Non mostrare più.? Questo è un modo davvero intelligente per ottenere il meglio da entrambi i mondi come sviluppatore. Hai il dovere di avvertire sempre i tuoi utenti di un'azione rischiosa, ma anche di scegliere se disattivare tali avvisi se non ne hanno bisogno.
La Creative Suite di Adobe è piena di fastidiosi messaggi di avviso e questa opportunità di disattivazione mi impedisce di impazzire mentre utilizzo le loro app.
Annullamento temporizzato
Oggi mentre andavo a cancellare un video di YouTube ho notato un trucco dell'interfaccia utente che non avevo mai visto prima. Un messaggio di avvertimento è apparso per informarmi che stavo per cancellare tutti dei film nel mio account, che è ovviamente un grosso problema ed è probabilmente più spesso una scelta accidentale.
La parte più strana era che invece di permettermi di procedere immediatamente con l'azione, mi hanno dato il messaggio, un pulsante di annullamento e un pulsante con un timer.
Solo dopo un breve conto alla rovescia il secondo pulsante si è trasformato in qualcosa che mi avrebbe permesso di cancellare i video. Fino ad allora, in realtà mi ha costretto a cancellare o leggere il messaggio e assicurarmi di sapere in cosa stavo andando.
Questa è una piccola idea carina, ma tieni presente che gli utenti lo troveranno estremamente fastidioso. Riservare questo livello di cautela per le azioni che hanno davvero gravi conseguenze da cui non si può tornare indietro. Forse se un utente vuole cancellare completamente il suo account o eliminare una grande quantità di dati.
Mostra il risultato prima dell'azione
Uno dei miei modi preferiti in cui ho visto gli sviluppatori prevenire le sviste non è affatto un messaggio di avviso. Invece, è una semplice anteprima di come saranno le cose dopo l'azione.
C'è una grande app Mac gratuita chiamata NameChanger che fa un lavoro fantastico di questo. L'app ha lo scopo di aiutarti a rinominare in batch un gruppo di file. Sulla sinistra, c'è una colonna che mostra i nomi dei file correnti e il testo da sostituire. Sulla destra, c'è una colonna che mostra il testo che vuoi inserire e il nome del file risultante.
La parte intelligente qui è che questa è solo un'anteprima, nessun file viene rinominato finché non premo il? Rename? pulsante in alto. Questo mi consente di esaminare da vicino cosa sto per fare e decidere se tutto è corretto. Ho anche visto le app FTP utilizzare questa stessa tecnica durante la sincronizzazione dei contenuti di due cartelle. Dato che potresti essere in grado di eliminare informazioni preziose per sbaglio, è fantastico avere un'anteprima che mostri come saranno le cartelle dopo l'azione.
Come si impedisce errori dell'utente?
Se stai creando un'app per chiunque tranne te stesso, puoi praticamente garantire che ci sarà confusione su alcuni aspetti dell'interfaccia. Considerare attentamente l'errore dell'utente è un must in tutti gli aspetti del design e i suggerimenti sopra riportati dovrebbero aiutarti a iniziare nella giusta direzione durante la strutturazione dei flussi di lavoro dell'app.
Ora che hai visto i miei esempi, è il momento di entrare in sintonia con il tuo. Come aiutate i vostri utenti a prevenire gli errori? Quali altri siti hai visto sul Web con soluzioni interessanti come quella che abbiamo visto su YouTube?