Verslavende UX: waarom Pinterest zo verbluffend is
Vandaag gaan we een heel specifiek voorbeeld van goed ontwerp onderzoeken en bespreken wat het zo succesvol maakt. Onderweg ontdekken we het belang van goed ontwerp en hoe we ervaringen kunnen structureren die van gebruikers verslaafden maken.
We zullen onze blik richten op Pinterest en een serieus diepgaande analyse uitvoeren om te zien waarom dit schijnbaar generieke idee zo ver lijkt te verschillen van de concurrentie. De ultieme conclusies zullen u in staat stellen om ervaringen te ontwerpen waar uw gebruikers absoluut dol op zullen zijn.
Een zwak idee
Stel je voor dat ik in 2010 naar je toe kwam met wat ik dacht dat een briljant idee was. Ik had er vertrouwen in dat ik het zou kunnen laten werken en had slechts enkele investeerders nodig om dingen van de grond te krijgen.
Omdat je de voorzichtige spender bent die je bent, vraag je naar mijn idee. Wat is het? Hoe werkt het? Mijn antwoord: een social bookmarking-site. Ik ga een website maken waar mensen zich kunnen aanmelden en links kunnen opslaan. Cue betuttelende teleurstelling. Je zou me ongetwijfeld laten weten dat dit idee allesbehalve uniek is en zeker zal floppen. Hoe kan ik Delicious en de andere bladwijzerreuzen aannemen?
Ik heb echter een groot idee: ik ga afbeeldingen gebruiken. Gebruikers kunnen elke afbeelding van elke webpagina halen, opslaan in hun account en delen met anderen.
Nogmaals, op je best enigszins denigrerende toon, zou je me willen informeren om een Google-zoekopdracht uit te voeren voor "bladwijzers voor afbeeldingen" en kennis te nemen van de talloze sites zoals FFFFOUND! en Ember die deze markt al bevolken. U zou zelfs mijn aandacht kunnen vestigen op een lijst met 10 populaire beeldmarkeringsservices, gepubliceerd in 2010, als verder bewijs dat mijn idee volledig niet origineel was.
Het succesverhaal van Not So Lame
In de kern is Pinterest bijna identiek aan het concept van de sites in de bovenstaande lijst: een eenvoudige visuele bladwijzerservice met een sterke nadruk op delen. Ik kan het niet helpen, maar kijk naar het concurrentieklimaat waaronder Pinterest is geboren en verwonder je over hoe het zich onderscheidde als een duidelijke leider in de categorie.
Dus waarom is Pinterest de laatste tijd in brand gevlogen? Als het een van de talloze diensten voor het bookmarken van afbeeldingen is, hoe heeft het dan in vredesnaam meer dan 1, 5 miljoen gebruikers aangetrokken tijdens een "privé" bèta? Hoe zou het kunnen dat tientallen miljoenen paginaweergaven per week vastlopen en een geschatte waarde van ongeveer $ 200 miljoen hebben?
Waarom werkte het?
Het geheim van het succes van Pinterest is ongelooflijk belangrijk. In een tijd waarin sociale media een miljardenindustrie is, is een echt succesvolle formule de heilige graal.
Er zijn ongetwijfeld verschillende stukjes aan de Pinterest-succespuzzel, maar degene waar we ons vandaag op zullen concentreren, is ontwerp. Hoe onderscheidde Pinterest zich niet alleen door ontwerp, maar overtrof het eigenlijk wat iedereen deed en creëerde het iets dat gebruikers op een geheel nieuw niveau betrok?
Oplossen van lay-out met diverse afbeeldingsformaten
Een van de belangrijkste aspecten die Pinterest onderscheidt van andere bladwijzerservices voor sociale afbeeldingen, is dat ze volledig hebben nagedacht over hoe de afbeeldingen aan de gebruiker moeten worden gepresenteerd.
Het doel is eenvoudig, u wilt idealiter dat uw gebruikers relatief gemakkelijk door honderden of zelfs duizenden afbeeldingen kunnen bladeren. Als deze actie teveel inspanning van de kant van de gebruiker vereist, verlies je zijn interesse. Als het moeiteloos gaat, houd je hun aandacht gericht op de inhoud.
Een belangrijke stap in deze strijd was de "metselwerk" -lay-out, een vrij recente trend in webontwikkeling genoemd naar de jQuery Masonry-plug-in. Pinterest gebruikt hiervoor zijn eigen scripts, maar het concept is hetzelfde.
In principe creëert de lay-out in metselwerkstijl de meest efficiënte benutting van de ruimte bij verschillende beeldhoogtes. Het overwint hindernissen uit het verleden en houdt rekening met verticale hoogte bij het opmaken van de afbeeldingen, waardoor een superstrakke puzzelstukstroom van afbeeldingen op de pagina ontstaat.
Pinterest was echter niet de enige service voor het bookmarken van afbeeldingen die deze lay-out probeerde. Concurrenten zoals Image Spark hadden ook metselwerklay-outs geïntegreerd. Er moet duidelijk meer in deze puzzel zitten.
Het Pagination-raadsel
Naast het maximaliseren van de lay-outefficiëntie zonder de beeldkwaliteit op te offeren door uniform bijsnijden, was het Pinterest-team in staat om een ander onderliggend probleem met bestaande afbeeldingengalerij-indelingen te identificeren: paginering is lastig.
Websites houden van paginering omdat het hun paginaweergaven verhoogt (meer weergaven = meer geld), maar als gebruiker is het rot: scroll naar beneden, klik op de knop "volgende", wacht tot een nieuwe pagina wordt geladen, scrol omlaag en klik nogmaals op de knop ... dan op een gegeven moment realiseer je je dat je terug wilt gaan om een specifieke afbeelding of pagina te vinden en je blijft die terug-knop een miljoen keer indrukken totdat je hem vindt.
Om dit probleem op te lossen, zocht het Pinterest-team naar oneindig scrollen, een handige kleine truc die automatisch meer inhoud laadt wanneer de gebruiker deze onderkant van de pagina bereikt, waardoor een redelijk ononderbroken browse-proces mogelijk is.
Al in 2008 creëerde en distribueerde Paul Irish oneindige scroll-plug-ins. Het advies op die site zegt om oneindig scrollen te gebruiken wanneer:
- Het behouden van de gebruiker is belangrijk en het klikken op "Volgende pagina" is een belemmering voor de bruikbaarheid.
- De volledige beschikbare inhoud is te groot om te worden weergegeven bij de eerste keer laden.
- De inhoud is beschikbaar in paged chunks: zoekresultaten, blogposts, productvermeldingen en portfolio-functies.
Dit beschrijft perfect de omstandigheden van een social image bookmarking-service, waardoor Pinterest het belangrijkste territorium is om deze techniek te implementeren.
Metselwerk + oneindig scrollen = magie
Metselwerkstijlindeling en oneindig scrollen zijn samengesmolten tot een enkel idee in ons hoofd, maar ze zijn begonnen als twee afzonderlijke technologieën. Door ze samen te voegen, blijkt het een echt verslavende ervaring te zijn.
Als je hier even aan twijfelt, stop dan even bij Pinterest en begin met scrollen. Wat volgt is een vreemde vorm van tijdreizen waarbij je even langs de site gaat voor een kijkje en waar geen stevig uur voorbij is gegaan. In deze tijd vergeet u gebruikersinterfaces en bedieningselementen, u absorbeert eenvoudig de inhoud terwijl duizenden prachtige foto's voorbij glijden, bestuurd door een enkele veeg met uw vinger.
Het is een werkelijk boeiende ervaring die veel eerdere gebruikersinteractiemodellen wegblaast. Het is interessant op te merken dat de Facebook-nieuwsfeed, de belichaming van website-verslaving, oneindig scrollen gebruikt. Verder combineren de nieuwe tijdlijnpagina's deze techniek nu met een metselwerkstijl in twee kolommen. Het valt mensen op, verwacht het komende jaar veel meer van deze twee technieken te zien.
Onverslaanbare inhoud
Mooie interactiemodellen betekenen niets, tenzij je de inhoud hebt om er een back-up van te maken. Om Pinterest echt van de grond te krijgen, moest aan twee voorwaarden worden voldaan: de inhoud moest geweldig zijn en er moest een heleboel zijn.
Deze twee doelen zijn eigenlijk tegenstrijdig. De beste manier om veel inhoud te krijgen, is door uw site voor het publiek te openen, wat ook de beste manier is om ervoor te zorgen dat uw site vol onzin zit.
Pinterest koos ervoor om gedurende een vrij lange periode in privé-bèta te blijven, waarbij zorgvuldig de uitnodigingen werden beheerd. Ik heb eerlijk gezegd geen idee hoe ze het voor elkaar hebben gekregen, maar de kerngroep van early adopter-pinners heeft echt de weg geëffend voor de identiteit en kwaliteitsverwachtingen van Pinterest.
Vooral in de begindagen kon je de sterke, unieke persoonlijkheid die de Pinterest-gemeenschap leek te hebben niet ontkennen. Het leek erop dat elke afbeelding op de site bol stond van stijl. In plaats van stapels vuilnis te doorzoeken om de edelstenen te vinden, kreeg je golf na golf van prachtige interieurontwerpideeën, doe-het-zelfprojecten en dergelijke te zien. Dat brengt me bij mijn volgende punt: een gerichte gebruikersbasis.
A Woman's Touch
Diensten voor sociale bookmarking zijn om welke reden dan ook van oudsher behoorlijk nerdy. Het visuele karakter van de service trekt twee soorten mensen aan: ontwerpers en jongens die afbeeldingen van meisjes willen redden die van een bepaalde variëteit zijn. Deze diensten zijn dan ook typisch gevuld met een vreemde mix van mooie voorbeelden van design en erotische fotografie. Geloof je me niet? Besteed twintig minuten aan FFFFOUND! en je zult een gelovige zijn.
Pinterest heeft daarentegen een publiek gevonden dat grotendeels bestaat uit vrouwen. Naarmate het gebruikersbestand zich in een snel tempo uitbreidt, komen alle soorten mensen massaal naar Pinterest en 'pinnen' allerlei soorten inhoud, maar de aanvankelijke basis van inhoud was grotendeels Etsy-achtig materiaal dat een vrouwelijke stijl uitstraalde die eenvoudigweg niet te vinden was in andere soortgelijke Diensten.
Vrouwen vonden Pinterest en gebruikten het om recepten op te slaan, outfits-ideeën te verzamelen en lijsten met producten voor huisdecoratie te maken. Pinterest richtte zich op en maakte gebruik van deze enorme potentiële gebruikersbasis en gebruikte het als basis voor zijn persoonlijkheid. Ik sprak gisteren met een niet-technische vriend die weliswaar nog steeds 'gek is' als een mannelijke gebruiker haar volgt op Pinterest omdat ze het als een grotendeels vrouwelijk netwerk ziet.
Uiteindelijk bleek dit een zeer krachtige strategie die zijn vruchten heeft afgeworpen met inhoud die niemand anders in de buurt kan halen. Nogmaals, de mensen op Pinterest zullen hun publiek nauwlettend in de gaten moeten houden en moeten evolueren met hun gebruikersbestand. Hun groei brengt hen al van een zeer specifiek aanbod naar een aanbod dat algemener en breder is.
Een solide metafoor die delen aanmoedigt
Het laatste dat ik wil bespreken over het succes van Pinterest is iets dieper in het interactiemodel dan de oppervlakte-indeling en scrolltechnieken. De manier waarop ze het verzamelproces en de sociale laag van de service hebben gestructureerd, is weer een geniale zet die de service sterk maakt.
De metafoor achter Pinterest is direct begrijpelijk en best pakkend om te bespreken. Het idee is dat Pinterest je 'virtuele prikbord' is. U maakt verschillende "boards" en wijst ze categorieën toe, en gebruikt vervolgens een bookmarklet of de hoofdfeed om items op uw boards te "pinnen". Andere gebruikers kunnen vervolgens borden volgen van gebruikers die ze leuk vinden en een aangepaste inhoudsstroom ontvangen die is afgestemd op hun specifieke smaak.
Wat mensen vastpinnen is een hot topic geworden dat zelfs in de hoofden van degenen die je al goed kent een nieuw inzicht belooft. Ik gebruikte bijvoorbeeld het Pinterest-account van mijn vrouw voor cadeau-ideeën met Kerstmis. Het helpt ook bij degenen die u beter wilt leren kennen. Bij het uitnodigen van een ander stel voor het avondeten, controleert mijn vrouw het Pinterest-account van het andere meisje om te zien welke soorten voedsel het paar geniet.
Makkelijk maken
We hebben al besproken hoe Pinterest een geweldige bron heeft gecreëerd om inspiratie op te doen, maar om ervoor te zorgen dat mensen je service voor het verzamelen van digitale inhoud daadwerkelijk gaan gebruiken, moet je het verzamelen en delen van content een bijna moeiteloze taak maken.
Een van de manieren waarop ze dit hebben gedaan (naast de bookmarklet) is om het idee van "Retweet" op te halen van Twitter. Elk item in een bepaalde stroom pinnen kan worden geliket, becommentarieerd en, belangrijker nog, opnieuw worden vastgezet.
Dit creëert een systeem waarbij het verzamelen supergemakkelijk is en veel pinnen aanmoedigt. Er is zelfs een pagina met pin-etiquette, zodat iedereen kan leren leuk samen te spelen.
Gevolgtrekking
Als we op internet rondkijken, komen we talloze voorbeelden tegen van fantastische ideeën die door een slechte uitvoering zijn verpest. Pinterest zet dit op zijn kop door een vrij algemeen idee te presenteren dat buitengewoon goed werkt vanwege de geweldige uitvoering.
Pinterest slaagt op verschillende lagen van interactie. Ten eerste maximaliseren ze hun inhoudspresentatie met een metselwerkachtige lay-out en houden ze je urenlang geïnteresseerd met oneindig scrollen. Vervolgens richtten en creëerden ze zorgvuldig een zeer specifieke gebruikersbasis die zowel een enorme potentiële bron van gebruikers was als een vrij onbenutte markt in deze ruimte. Dit leidde tot een solide basis van dagelijkse inhoud die de identiteit van Pinterest definieerde. Ten slotte is er onder dit alles een direct begrijpelijke metafoor en een deelplatform dat goddelijk viraal is en ongelooflijk gemakkelijk op te pakken en te gebruiken.
Al deze factoren samen creëren een winnende formule voor een onmiskenbaar verslavende gebruikerservaring. Of je er nu persoonlijk van houdt of een hekel aan hebt, het is niet relevant, de waarheid is dat Pinterest de aandacht trekt en de bedrijfswaarde dramatisch verhoogt. Het is daarom een belangrijke les die je als ontwerper gewoon niet mag negeren.
