La regola 80/20 applicata al web design
Avendo recentemente iniziato a leggere un po 'di più sui principi del design, mi sono imbattuto in un principio interessante chiamato il Regola 80/20 , indicato anche come il principio di Pareto , il principio di Juran , la regola pessima e banale e il principio della scarsità dei fattori .
Questo principio, a cui mi riferirò in questo articolo semplicemente come la regola 80/20, quando considerato nel contesto della progettazione di siti Web e web può avere un profondo effetto sull'esperienza utente e, in ultima analisi, sull'efficacia del contenuto o funzionalità del tuo sito web o app web.
In questo post, prima fornirò una definizione di base, quindi prenderò in considerazione alcuni esempi specifici di come la regola 80/20 si rivelerà utile, e quindi riassumerò alcune lezioni che possono essere tratte dall'avere conoscenza di questa regola.
Qual è la regola?
La regola 80/20 fu originariamente osservata dall'economista italiano Vilfredo Pareto, e il vero principio fu chiamato il principio di Pareto da Joseph M. Juran.
Di seguito sono riportate le definizioni di due diverse fonti. Prima dal libro Principi universali del design :
La regola 80/20 afferma che circa l'80 percento degli effetti generati da qualsiasi sistema di grandi dimensioni è causato dal 20 percento delle variabili in quel sistema.
E poi, da Wikipedia :
Il principio di Pareto ... afferma che, per molti eventi, circa l'80% degli effetti proviene dal 20% delle cause
Quindi immediatamente noterai che questo non è sempre un principio su cui noi designer abbiamo il controllo diretto, ma piuttosto è un principio che osserviamo come accaduto quasi naturalmente.
Con la conoscenza dell'esistenza di questo principio o modello di accadimento, siamo quindi dotati di informazioni preziose per prendere decisioni che contribuiranno a migliorare l'usabilità e l'efficacia dei nostri progetti.
Non preoccuparti della natura ipotetica della regola ...
Sì, ci sono critici e coloro che sentono che la regola 80/20 non è altro che un'ipotesi o una teoria troppo generale che non sempre si applica.
Ma mettendo da parte ciò, il concetto stesso è certamente di beneficio per coloro che lavorano su interfacce utente e funzionalità che richiedono l'esame e l'ottimizzazione - anche se la regola è più come 70/30 o 90/10.
Come possiamo applicarlo all'esperienza utente?
In qualsiasi sito Web, app Web o ambiente software, la regola 80/20 indica che il 20% delle funzionalità e delle funzionalità in un qualsiasi ambiente sarà responsabile dell'80% dei risultati o delle azioni eseguite all'interno di tale ambiente.
In alcuni casi, capire cosa costituisce il 20% che ha un impatto così grande è facile. Le statistiche di analisi dei dati web, l'invio di moduli e i cookie di sessione possono essere utilizzati per tracciare il comportamento degli utenti. L'analisi di questi elementi ci aiuterà a determinare quali aree dell'interfaccia utente sono maggiormente interagite.
D'altra parte, attività più piccole che non vengono tracciate con questi metodi possono essere più difficili da analizzare. In questo caso, gli studi di usabilità possono essere condotti dove gli utenti sono osservati mentre interagiscono con l'interfaccia utente del tuo sito web.
Alcuni esempi che riconoscono la regola 80/20
Che sia intenzionale o meno, ci sono molte prove che i progettisti di UI e UX stanno valutando il valore di questo principio.
Prendiamo ad esempio un semplice elemento dell'interfaccia utente come un elenco a discesa di paesi presentati in un modulo di registrazione. La maggior parte degli sviluppatori di siti o creatori di contenuti riconoscono che l'80% delle volte, alcuni paesi verranno selezionati.
Quindi, anche se apparentemente sarebbe una cattiva pratica per un elenco così lungo interrompere l'alfabetizzazione della lista, la regola 80/20 consente di suddividere la convenzione mettendo in alto i paesi più selezionati, come mostrato nella schermata seguente. a partire dal Fenn Wright Manson pagina di checkout:
In altri casi, come quando aggiungi un nuovo indirizzo alla tua rubrica su Amazon.com , la scelta predefinita è il paese più selezionato, in questo caso gli Stati Uniti:
Ecco un altro esempio, questa volta da un'azienda britannica chiamata North Rock Gallery , che ha l'opzione UK selezionata per impostazione predefinita:
Questi semplici esempi sopra mostrano l'importanza dell'ottimizzazione per le funzioni e le opzioni che vengono utilizzate o selezionate più spesso.
Da dove viene l'aspetto dell'utente?
Il F-pattern la lettura e la scansione delle abitudini degli utenti del web sono ormai consolidate. Ovviamente, F-Pattern non è sempre un indicatore in ogni mercato, ma è un buon punto di partenza per considerare dove guarderanno i tuoi utenti quando interagiscono con i tuoi progetti.
Dai un'occhiata alle heatmap mostrate qui sotto dal ben noto articolo di Alertbox linkato sopra:
Supponendo che questo sia un buon indicatore di dove l'occhio di un utente è focalizzato, questo supporta il concetto della regola 80/20. Le aree più intense sulla mappa potrebbero rappresentare il 20% della pagina che gli occhi dell'utente interagiscono con l'80% delle volte.
Da quella conoscenza, come designer, possiamo prendere decisioni che aiuteranno a migliorare e ottimizzare le aree alle quali l'utente sarà abituato.
Naturalmente, il design sarà spesso il fattore determinante di dove l'utente guarda, quindi questo suggerimento dovrebbe essere solo una guida di base e non necessariamente un modo dogmatico di decidere cosa cade sotto il 20%.
Tendenze di progettazione mobile e regola 80/20
Recentemente con l'esplosione di dispositivi mobili in tutto il mondo, alcuni designer e sviluppatori, in particolare Luke Wroblewski , sono stati incoraggianti primo web design per dispositivi mobili . Cioè, quando si progetta e si sviluppa un sito Web, la versione mobile dovrebbe essere fatta prima, anziché viceversa, per ottenere determinati benefici.
In un sito web tradizionale o in un'app Web, alcune aree del tuo sito rientreranno naturalmente nel 20% più frequentemente utilizzato e interagito. Quando viene progettato un sito per dispositivi mobili, l'attenzione viene posta su quel 20% (o circa).
Pertanto, mentre la versione mobile di un sito web potrebbe avere le proprie opzioni più utilizzate del 20%, in relazione al contenuto completo disponibile su un sito web tradizionale, la versione mobile avrà normalmente solo le funzioni più importanti.
Ecco un semplice esempio qui sotto usando il PETCO.com sito web:
Mostrato sopra è la versione completa del sito, in tutta la sua gloria ingombra. Mentre ci sono alcune aree di call-to-action, e non è certamente il peggior design al mondo, nel complesso non è molto focalizzato e ci sono troppe opzioni.
Confrontalo alla versione mobile, di seguito:
Al contrario, l'interfaccia mobile mostrata sopra è semplice e aiuta l'utente a raggiungere prima le aree più importanti, senza sovraccaricarle. Le opzioni e le aree di contenuto più utilizzate nella versione completa sono le uniche opzioni disponibili nella versione mobile.
Pertanto, le app web mobili e mirate sono ottimi esempi di designer che indirizzano le loro energie sugli aspetti più importanti dei loro progetti, rimanendo focalizzati sulla funzionalità e sul contenuto (il 20%) che viene utilizzato la maggior parte delle volte (l'80%).
Lezioni riassunte
Dopo aver compreso come funziona la regola 80/20, i progettisti sono in grado di agire in vari modi, riassunti di seguito:
- Ove possibile, analizza attentamente i dati di analisi e usabilità per determinare le funzioni più utilizzate del 20% del tuo sito web
- Dare priorità; cioè, concentrati sugli aspetti più importanti del tuo sito web o app web e migliorali
- Non spendere troppo tempo per ottimizzare roba che rientra nell'80% che non viene spesso utilizzata
- Semplifica i tuoi progetti e layout in base a dati che determinano ciò che rientra nelle funzioni più utilizzate del 20%
- Rimuovi funzionalità o contenuti non critici che non vengono utilizzati spesso
- Non investire troppo tempo e denaro per ottimizzare le funzionalità meno utilizzate poiché il ritorno sull'investimento sarà probabilmente scadente
- Trova i modi per migliorare la funzionalità e il design degli elementi più critici meno utilizzati che potrebbero avere un maggiore impatto sulle conversioni se questi elementi del design sono stati utilizzati più spesso
Mentre la regola 80/20 è un principio discutibile con alcuni difetti intrinseci, non è priva di valore. Quindi considera questa regola durante il processo di riprogettazione, riallineamento o anche per nuovi progetti.
Ciò dovrebbe aiutare gli utenti a rimanere concentrati sulle funzionalità e i contenuti più importanti e, in definitiva, contribuirà a migliorare i tassi di conversione.
Questo post è stato scritto esclusivamente per Webdesigner Depot da Louis Lazaris, scrittore freelance e sviluppatore web. Louis corre Web impressionanti dove pubblica articoli e tutorial sul web design. Puoi segui Louis su Twitter o mettersi in contatto con lui attraverso il suo sito web.
Hai considerato la regola 80/20 nelle tue decisioni di progettazione? Che effetto ha avuto sul successo del tuo sito web o della tua app web? Condividi i tuoi commenti qui sotto.