UX avvincente: perché Pinterest è così incredibile
Oggi esamineremo un esempio molto specifico di buon design e discuteremo di ciò che lo rende così efficace. Lungo la strada scopriremo l'importanza di un buon design e come strutturare le esperienze che trasformano gli utenti in tossicodipendenti.
Ci concentreremo su Pinterest ed eseguiremo un'analisi seriamente approfondita per capire perché questa idea apparentemente generica sembra essere così lontana dalla concorrenza. Le conclusioni finali ti forniranno esperienze di design che i tuoi utenti apprezzeranno in modo assoluto.
Un'idea zoppa
Immagina di essere venuto da te nel 2010 con quella che pensavo fosse un'idea geniale. Ero fiducioso di riuscire a farlo funzionare e avevo bisogno solo di alcuni investitori per aiutare a far decollare le cose.
Essendo lo spender cauto che sei, chiedi della mia idea. Che cos'è? Come funziona? La mia risposta: un sito di social bookmarking. Ho intenzione di creare un sito Web in cui le persone possono registrarsi e salvare i collegamenti. Stecca condiscendente delusione. Senza dubbio mi informeresti che questa idea è tutt'altro che unica ed è sicura che flop. Come potrei affrontare Delicious e gli altri giganti dei segnalibri?
Ho una grande idea però: userò le immagini. Gli utenti saranno in grado di catturare qualsiasi immagine da qualsiasi pagina Web, salvarla sul proprio account e condividerla con gli altri.
Ancora una volta, nel tuo miglior tono leggermente dispregiativo, mi informeresti di fare una ricerca su Google per "bookmarking di immagini" e prendere nota degli innumerevoli siti come FFFFOUND! ed Ember che già popolano questo mercato. Potresti anche indirizzare la mia attenzione su un elenco di 10 popolari servizi di bookmarking di immagini, pubblicati nel 2010, come ulteriore prova che la mia idea era completamente non originale.
The Not So Lame Success Story
Fondamentalmente, Pinterest è quasi identico al concetto dei siti nell'elenco sopra: un semplice servizio di bookmarking visivo con una forte enfasi sulla condivisione. Non posso fare a meno di guardare al clima di competizione in cui è nato Pinterest e meravigliarti di come si è distinto come un chiaro leader nella categoria.
Allora perché Pinterest ha preso fuoco recentemente? Se è uno degli innumerevoli servizi di bookmarking di immagini, come ha attirato oltre 1, 5 milioni di utenti durante una beta "privata"? Come potrebbe essere possibile ottenere decine di milioni di visualizzazioni di pagina a settimana e avere una società stimata del valore di circa $ 200 milioni?
Perché ha funzionato?
Il segreto del successo di Pinterest è incredibilmente importante. In un'epoca in cui i social media rappresentano un settore da svariati miliardi di dollari, una formula di grande successo è il Santo Graal.
Non ci sono dubbi sul puzzle di successo di Pinterest, ma quello su cui ci concentreremo oggi è il design. In che modo Pinterest non si è solo distinto dal design, ma in realtà ha superato quello che facevano tutti gli altri e ha creato qualcosa che ha coinvolto gli utenti a un livello completamente nuovo?
Risoluzione del layout con diverse dimensioni dell'immagine
Uno degli aspetti principali che distinguono Pinterest dagli altri servizi di bookmarking di immagini sociali è che hanno ripensato completamente al modo in cui le immagini dovrebbero essere presentate all'utente.
L'obiettivo è semplice, idealmente vuoi che i tuoi utenti siano in grado di navigare tra centinaia o addirittura migliaia di immagini con relativa facilità. Se questa azione richiede troppi sforzi da parte dell'utente, perdi il loro interesse. Se è semplice, mantieni la loro attenzione focalizzata sul contenuto.
Un passo importante in questa battaglia è stato il layout in stile "muratura", una tendenza abbastanza recente nello sviluppo web che prende il nome dal plugin jQuery Masonry. Pinterest utilizza i propri script per questo, ma il concetto è lo stesso.
Fondamentalmente, il layout in stile muratura crea l'utilizzo dello spazio più efficiente possibile date le diverse altezze dell'immagine. Supera gli ostacoli del layout passato e tiene conto dell'altezza verticale durante la disposizione delle immagini, creando in tal modo un flusso di immagini di puzzle super stretto sulla pagina.
Pinterest non è stato l'unico servizio di bookmarking di immagini a provare questo layout. Concorrenti come Image Spark avevano anche integrato layout di muratura. Ovviamente, ci deve essere di più in questo puzzle.
L'enigma della paginazione
Oltre a massimizzare l'efficienza del layout senza sacrificare la qualità dell'immagine da un ritaglio uniforme, il team di Pinterest è stato in grado di identificare un altro problema di fondo con i formati di galleria di immagini esistenti: l'impaginazione è una seccatura.
I siti web adorano l' impaginazione perché aumenta le visualizzazioni di pagina (più visualizzazioni = più denaro), ma come utente fa schifo: scorri verso il basso, fai clic sul pulsante "Avanti", attendi che venga caricata una nuova pagina, scorri verso il basso e fai nuovamente clic sul pulsante ... quindi a un certo punto ti rendi conto che vuoi tornare indietro e trovare un'immagine o una pagina specifica e tieni premuto quel pulsante indietro un milione di volte fino a quando non lo trovi.
Per risolvere questo problema, il team di Pinterest ha osservato lo scrolling infinito, un piccolo trucco che carica automaticamente più contenuti quando l'utente accede a questo fondo della pagina, consentendo così un processo di navigazione abbastanza ininterrotto.
Già nel 2008, Paul Irish stava creando e distribuendo infiniti plugin scroll. Il consiglio su quel sito dice di usare lo scrolling infinito quando:
- Mantenere l'utente è importante e fare clic su "Pagina successiva" è una barriera di usabilità.
- Il contenuto completo disponibile è troppo grande per essere mostrato al caricamento iniziale.
- Il contenuto è disponibile in blocchi di paging: risultati di ricerca, post di blog, elenchi di prodotti e funzionalità di portfolio.
Questo descrive perfettamente le circostanze di un servizio di bookmarking di immagini sociali, rendendo Pinterest il territorio principale per implementare questa tecnica.
Muratura + Scorrimento infinito = Magia
Il layout in stile in muratura e lo scrolling infinito si sono fusi in un'unica idea nella nostra testa, ma hanno iniziato come due tecnologie separate. Metterli insieme, si scopre, crea un'esperienza davvero avvincente.
Se ne dubiti per un secondo, fermati a Pinterest e inizia a scorrere. Ciò che segue è una strana forma di viaggio nel tempo in cui ti fermi sul sito per una rapida occhiata e dal nulla dove è trascorsa un'ora solida. In questo momento in cui ti dimentichi delle interfacce e dei controlli utente, assorbi semplicemente il contenuto mentre migliaia di bellissime immagini scorrono, controllate da un solo tocco del dito.
È un'esperienza davvero avvincente che fa semplicemente saltare in aria molti modelli di interazione con l'utente precedenti. È interessante notare che il feed di notizie di Facebook, l'epitome della dipendenza dal sito Web, utilizza lo scorrimento infinito. Inoltre, le nuove pagine della linea temporale ora combinano questa tecnica con un layout in stile a due colonne in muratura. Sta prendendo piede gente, aspettiamo di vedere molte più di queste due tecniche nel prossimo anno.
Contenuto imbattibile
I modelli di interazione fantasiosa non significano nulla a meno che tu non abbia il contenuto per eseguirne il backup. Affinché Pinterest decollasse davvero, dovevano essere soddisfatte due condizioni: il contenuto doveva essere eccezionale e ce n'era un sacco.
Questi due obiettivi sono in realtà contrastanti. Il modo migliore per ottenere molti contenuti è aprire il tuo sito al pubblico, che è anche il modo migliore per assicurarsi che il tuo sito sia pieno di merda.
Pinterest ha scelto di rimanere nella beta privata per un periodo piuttosto lungo, controllando attentamente gli inviti. Onestamente non ho idea di come siano riusciti a farlo, ma il gruppo principale di pinner dei primi utenti ha davvero preparato il terreno per l'identità di Pinterest e le aspettative di qualità.
Soprattutto all'inizio, non si poteva negare la personalità forte e unica che la comunità Pinterest sembrava avere. Sembrava che ogni immagine sul sito trasudasse con stile. Invece di setacciare pile di immondizia per trovare le gemme, ti sono state presentate ondate di splendide idee di interior design, progetti fai-da-te e simili. Il che mi porta al punto successivo: una base di utenti mirata.
Tocco di una donna
I servizi di social bookmarking, per qualsiasi motivo, sono stati tradizionalmente piuttosto nerd. La natura visiva del servizio attira due tipi di persone: designer e ragazzi che vogliono salvare immagini di ragazze che tendono ad essere di una varietà particolare. Di conseguenza, questi servizi sono in genere riempiti con uno strano mix di splendidi esempi di design e fotografia erotica. Non mi credi? Trascorri venti minuti su FFFFOUND! e sarai un credente.
Pinterest d'altra parte, ha effettivamente trovato un pubblico in gran parte con le femmine. Mentre la base di utenti si espande rapidamente, persone di tutti i tipi si affollano su Pinterest e "bloccano" ogni tipo di contenuto, ma la base iniziale di contenuti era in gran parte materiale in stile Etsy che trasudava uno stile femminile semplicemente non trovato in altri simili Servizi.
Le donne hanno trovato Pinterest e l'hanno usato per salvare ricette, raccogliere idee di abiti e creare elenchi di prodotti per la decorazione della casa. Pinterest ha preso di mira e sfruttato questa vasta base di utenti potenziali e l'ha utilizzata come base per la sua personalità. Ieri ho parlato con un amico non esperto di tecnologia che è certamente ancora "spaventato" quando un utente maschio la segue su Pinterest perché la vede come una rete in gran parte femminile.
Alla fine, questa si è rivelata una strategia molto potente che ha ripagato con contenuti che nessun altro può avvicinarsi alla corrispondenza. Anche in questo caso, la gente di Pinterest dovrà tenere d'occhio il proprio pubblico ed evolversi con la propria base di utenti. La loro crescita li sta già portando da un'offerta molto specifica a un'offerta più generale e di ampia portata.
Una solida metafora che incoraggia la condivisione
L'ultima cosa che voglio discutere sul successo di Pinterest è un po 'più profonda nel modello di interazione rispetto al layout della superficie e alle tecniche di scorrimento. Il modo in cui hanno strutturato il processo di raccolta del servizio e il livello sociale è l'ennesimo colpo di genio che aiuta a rendere forte il servizio.
La metafora dietro Pinterest è immediatamente comprensibile e abbastanza accattivante da discutere. L'idea è che Pinterest è la tua "bacheca virtuale". Si creano varie "bacheche" e si assegnano loro le categorie, quindi si utilizza un bookmarklet o il feed principale per "bloccare" gli elementi sulle bacheche. Altri utenti possono quindi seguire le bacheche degli utenti che preferiscono e ricevere un flusso personalizzato di contenuti su misura per i loro gusti specifici.
Ciò che le persone appuntano è diventato un argomento di discussione che promette nuove intuizioni anche nelle menti di coloro che già conosci bene. Ad esempio, ho usato l'account Pinterest di mia moglie per idee regalo a Natale. Aiuta anche con quelli che vorresti conoscere meglio. Quando ho invitato un'altra coppia a cena, mia moglie controlla l'account Pinterest dell'altra ragazza per vedere quali tipi di cibo piacciono alla coppia.
Rendendolo facile
Abbiamo già discusso di come Pinterest abbia creato una fantastica fonte di ispirazione, ma al fine di indurre le persone a utilizzare effettivamente il servizio di raccolta di contenuti digitali, è necessario rendere l'atto di raccogliere e condividere contenuti quasi un'attività senza sforzo.
Uno dei modi in cui lo hanno fatto (oltre al bookmarklet) è quello di raccogliere l'idea di "Retweet" da Twitter. Ogni elemento in un determinato flusso di pin può essere apprezzato, commentato e, soprattutto, ripubblicato.
Questo crea un sistema in cui la raccolta è semplicissima e incoraggia moltissimi appuntamenti. C'è anche una pagina che descrive l'etichetta Pin in modo che tutti possano imparare a giocare bene insieme.
Conclusione
Guardando in giro per il web, incontriamo innumerevoli esempi di idee fantastiche che vengono rovinate da una cattiva esecuzione. Pinterest ribalta questo concetto presentando un'idea abbastanza generica che funziona estremamente bene grazie alla sua straordinaria esecuzione.
Pinterest riesce su diversi livelli di interazione. Innanzitutto, massimizzano la loro presentazione dei contenuti con un layout simile a una muratura e ti tengono interessato per ore e ore con uno scorrimento infinito. Successivamente, hanno attentamente mirato e creato una base di utenti molto specifica che era sia un'enorme fonte potenziale di utenti sia un mercato abbastanza non sfruttato in questo spazio. Ciò ha portato a una solida base di contenuti quotidiani che ha definito l'identità stessa di Pinterest. Infine, al di sotto di tutto c'è una metafora e una piattaforma di condivisione immediatamente comprensibili che sono malvagamente virali e incredibilmente facili da raccogliere e usare.
Tutti questi fattori insieme creano una formula vincente per un'esperienza utente innegabilmente avvincente. Indipendentemente dal fatto che lo ami o lo odi personalmente, è irrilevante, la verità è che Pinterest sta cambiando radicalmente valore aziendale. Serve quindi una lezione importante che tu come designer semplicemente non dovresti ignorare.
