Share
Come utente del web, di tanto in tanto potresti trovare alcune cose che sono davvero fastidiose. Forse qualcosa su un modulo di accesso, la navigazione o un'applicazione web in generale, rende difficile per te completare una determinata attività. Perché qualcuno ha progettato e costruito qualcosa in questo modo?
La risposta è complicata Il primo e più importante problema è che i responsabili potrebbero aver trascurato di testare il loro design con utenti reali. Spesso, quando questo è il caso, probabilmente pensavano di conoscere un buon modo per gestire quell'interazione. Dopotutto, l'avevano visto su altri siti web e sicuramente quei designer l'hanno testato? Perché reinventare la ruota?!
Il problema qui è che a volte la concorrenza potrebbe non essere così intelligente come si dà loro credito. Quindi, mentre siamo tutti occupati a visitare le gallerie CSS e copiare il lavoro degli altri senza testarlo, stiamo costruendo inavvertitamente una libreria di modelli.
Alcuni di questi modelli funzionano, ma altri no. Se la ruota che stai copiando è effettivamente quadrata (ehi, funziona se si spinge davvero forte!), Allora sì Virginia, in realtà hai bisogno di reinventare la ruota.
Considera quanto segue:
Sì. Ma di nuovo, quello è uno spettro. Ci sono pochissimi assoluti. Prendi, ad esempio, questo recente studio dell'Università di Harvard, che ha portato a un gioco che potrebbe indovinare la tua età con la velocità del mouse (l'ho preso, era perfetto!)
Gli utenti hanno esigenze diverse per età, abilità fisiche, cultura e altro. Questo è il motivo per cui le soluzioni in scatola possono così spesso ritorcersi contro.
Un anti-modello è un modello di progettazione frequentemente utilizzato che non funziona o è controproducente. Li vedrai nelle applicazioni web e nei siti web, ovunque l'utente debba eseguire un'azione in qualche modo, sia che si connetta, fornisca informazioni o sia in grado di leggere le informazioni per prendere decisioni.
Come web designer, probabilmente avrai un tempo facile per riconoscere quando qualcosa è palesemente inefficace (ad esempio, un menu di passaggio del mouse che si chiude prima di poter fare clic su una voce di menu). Tuttavia, gli anti-pattern sono spesso più sottili. Un determinato utente li supererà, ma non senza una certa quantità di dolore.
Per identificarli, è meglio rivolgersi alle tue metriche web. Se non stai utilizzando le metriche sul tuo sito, inizia ieri! Google Analytics è un'ottima scelta per iniziare, dal momento che è gratuito e facile da configurare.
Cosa stai cercando nelle tue metriche? Alcune cose che indicano la presenza di un problema (e possibilmente un anti-pattern) includono:
Utenti che abbandonano le pagine.
Se molti utenti navigano verso una certa pagina ma poi improvvisamente scompaiono, forse è necessario dare un'occhiata più da vicino a cosa sta succedendo in quella pagina. Hanno bisogno di completare un'azione per procedere? Non riescono a trovare dove andare dopo? L'intera pagina è un'animazione lampeggiante? Non lo saprai finché non indagherai. Contrassegna questa area per ulteriori analisi e ricerche reali su utenti.
Clic casuali.
Se gli utenti fanno clic dappertutto, ciò significa che non sanno cosa devono effettivamente fare clic.
Scorrendo ripetutamente su e giù.
Se gli utenti stanno scorrendo verso l'alto o verso il basso, significa che non riescono a trovare ciò che stanno cercando o cosa dovrebbero fare.
Un problema di usabilità non equivale necessariamente alla presenza di un anti-pattern, ma potrebbe essere un indizio. Molti anti-pattern sono stati studiati e dimostrati inefficienti abbastanza spesso da essere generalizzati come una cattiva idea. Qui ce ne sono un po:
Le istanze di questo includono:
Accentsconagua
cursor: pointer;.
È conveniente decrittare le interfacce nascondendo le informazioni dietro oggetti hoverable come pulsanti o didascalie, ma assicurarsi che le informazioni non si nascondano troppo rapidamente. Gli utenti non possono leggere il più velocemente possibile. È piuttosto fastidioso dover mantenere il mouse per mantenere le informazioni visibili.
Ad esempio, la presenza di tre diversi tipi di link su una pagina. Un tipo restituisce l'utente alla homepage, un tipo porta l'utente all'esterno del sito e il terzo apre un popup. Questo potrebbe essere confuso e frustrante.
In un elenco complesso in cui gli utenti eseguono azioni come l'aggiunta, l'eliminazione o la modifica dello stato degli elementi dell'elenco in qualche modo, fornire un'opzione batch! Essere costretti a fare modifiche un elemento alla volta è noioso e doloroso.
Gli studi hanno dimostrato che gli utenti leggono infatti below the fold. Eppure, in qualche modo, persiste il mito di mantenere il contenuto al di sopra della piega importante. Distanzia i tuoi contenuti!
Pogo stick la navigazione è quando l'utente è tenuto a scendere di un livello o due per eseguire un'azione, tornare in cima, quindi tornare indietro. Il nome è stato coniato da Jared Spool e descrive l'azione del salto di dover navigare verso il basso, su e giù di nuovo.
Un esempio di questo potrebbe essere qualsiasi forma in cui un utente salva, attiva un errore ed è quindi costretto a reinserire tutte o parte delle informazioni che hanno inserito in precedenza.
Questo è quando un'azione è completata e l'utente è portato a una pagina diversa da quella che si aspettava. Una circostanza comune è nei siti di e-commerce, in cui un utente è tenuto ad accedere per completare una transazione. Tuttavia, quando effettuano l'accesso, vengono riportati in prima pagina anziché nella pagina in cui erano pronti a inserire le informazioni della carta di credito.
Dai un'occhiata al tuo progetto attuale, con un occhio per alcuni di questi modelli. Invita un amico o un collaboratore non coinvolto e osserva cosa succede. Diventano frustrati ovunque? Luoghi in cui le cose non sembrano andare bene potrebbero essere un segno di anti-modello.
Questi sono solo alcuni! Quali anti-pattern hai notato in giro per il web? Sei caduto in una di queste trappole sui tuoi siti?
