Vanedannende UX: Why Pinterest Is So Dang Amazing
I dag skal vi undersøke et veldig spesifikt eksempel på god design og diskutere hva som gjør det så vellykket. Underveis vil vi oppdage viktigheten av god design og hvordan vi kan strukturere opplevelser som gjør brukere til rusavhengige.
Vi vil finpusse våre synspunkter på Pinterest og utføre en alvorlig dyptgående analyse for å se hvorfor denne tilsynelatende generiske ideen ser ut til å skille seg så langt ut fra konkurransen. De endelige konklusjonene vil ruste deg til å designe opplevelser som brukerne dine vil elske.
En halt ide
Se for deg at jeg kom til deg i 2010 med det jeg syntes var en strålende idé. Jeg var trygg på at jeg kunne få det til å fungere, og trengte bare noen investorer for å hjelpe med å få ting fra bakken.
Å være den forsiktige spenderen du er, spør du om ideen min. Hva er det? Hvordan virker det? Mitt svar: et sosialt bokmerkeområde. Jeg skal lage et nettsted der folk kan registrere seg og lagre lenker. Stikk nedlatende. Du vil uten tvil informere meg om at denne ideen er alt annet enn unik og at den sikkert vil floppe. Hvordan kunne jeg muligens ta på meg Delicious og de andre bokmerke-gigantene?
Jeg har imidlertid en god ide: Jeg skal bruke bilder. Brukere vil kunne ta et hvilket som helst bilde fra hvilken som helst webside, lagre det på sin konto og dele det med andre.
Nok en gang, i din beste litt nedsettende tone, vil du informere meg om å gjøre et Google-søk etter “image bookmarking” og notere de utallige nettsteder som FFFFOUND! og Ember som allerede befolker dette markedet. Du kan til og med rette oppmerksomheten min mot en liste over 10 populære bookmarking-tjenester for bilder, publisert i 2010, som et ytterligere bevis på at ideen min var helt uoriginal.
Suksesshistorien til Not So Lame
I kjernen er Pinterest nesten identisk med konseptet med nettstedene i listen over: en enkel visuell bokmerke-tjeneste med sterk vekt på deling. Jeg kan ikke la være å se på konkurranseklimaet som Pinterest ble født under og undre meg over hvordan det kom til å skille seg ut som en tydelig leder i kategorien.
Så hvorfor har Pinterest tatt fyr i det siste? Hvis det er en av utallige bildebokmerketjenester, hvordan i all verden tegnet det over 1, 5 millioner brukere under en "privat" beta? Hvordan kan det muligens være å snuse titalls millioner sidevisninger per uke og ha et estimert selskap til en verdi av rundt $ 200 millioner?
Hvorfor fungerte det?
Hemmeligheten bak Pinterests suksess er utrolig viktig. I en tid der sosiale medier er en multibillion dollar industri, er en virkelig vellykket formel den hellige gral.
Det er uten tvil flere brikker til Pinterest-suksesspuslespillet, men den vi skal fokusere på i dag er design. Hvordan skilte Pinterest ikke bare seg ut med design, men overgikk faktisk det alle andre gjorde og skapte noe som engasjerte brukere på et helt nytt nivå?
Løs layout med forskjellige bildestørrelser
Et av de viktigste aspektene som skiller Pinterest ut fra andre sosiale bokmerke-tjenester for sosiale bilder, er at de fullstendig tenkte om hvordan bildene skal presenteres for brukeren.
Målet er et enkelt, ideelt sett ønsker du at brukerne dine skal kunne bla gjennom hundrevis eller til og med tusenvis av bilder med relativt enkelhet. Hvis denne handlingen krever for mye innsats fra brukerens side, mister du interessen. Hvis det er uanstrengt, holder du oppmerksomheten fokusert på innholdet.
Et viktig skritt i dette slaget var "mur" stiloppsett, en ganske ny trend i webutvikling oppkalt etter jQuery Masonry plugin. Pinterest bruker egne skript for dette, men konseptet er det samme.
I utgangspunktet skaper murstilen en mest mulig effektiv utnyttelse av plassen gitt forskjellige bildehøyder. Den overvinner forhåndsoppsetthindringer og tar vertikal høyde med i betraktningen når du legger ut bildene, og skaper derved en supertett, puslespillbit med bilder på siden.
Pinterest var ikke den eneste bildebokmerketjenesten som prøvde dette oppsettet. Konkurrenter som Image Spark hadde også integrert muroppsett. Det er klart det må være mer i dette puslespillet.
The Pagination Conundrum
I tillegg til å maksimere layouteffektiviteten uten å ofre bildekvaliteten fra enhetlig beskjæring, klarte Pinterest-teamet å identifisere et annet underliggende problem med eksisterende bildegalleriformater: paginering er vondt.
Nettsteder elsker paginering fordi det øker sidevisningene deres (flere visninger = mer penger), men som bruker suger det: bla ned, klikk på “neste” -knappen, vent på at den nye siden lastes inn, bla ned og klikk på knappen igjen… da på et tidspunkt innser du at du vil gå tilbake og finne et bestemt bilde eller en side, og du får trykke på tilbake-knappen en million ganger til du finner den.
For å løse dette problemet så Pinterest-teamet ut til uendelig rulling, et pent lite triks som automatisk laster inn mer innhold når brukeren treffer denne bunnen av siden, og dermed gir mulighet for en ganske uavbrutt surfeprosess.
Allerede i 2008 opprettet og distribuerte Paul Irish uendelige rulleprogramtillegg. Rådene på dette nettstedet sier å bruke uendelig rulling når:
- Å beholde brukeren er viktig og å klikke på "Neste side" er en brukbarhetsbarriere.
- Det fulle innholdet som er tilgjengelig er for stort til å vises ved første belastning.
- Innholdet er tilgjengelig i paged biter: søkeresultater, blogginnlegg, produktoppføringer og porteføljefunksjoner.
Dette beskriver perfekt omstendighetene ved en sosial image-bokmerke-tjeneste, og gjør Pinterest til et førsteklasses territorium for å implementere denne teknikken.
Murverk + uendelig rulling = magi
Murlayout-stil og uendelig rulling har smeltet sammen til en enkelt ide i hodet vårt, men de startet som to separate teknologier. Å sette dem sammen, viser det seg, skaper en virkelig vanedannende opplevelse.
Hvis du tviler på dette et øyeblikk, kan du stikke innom Pinterest og begynne å bla. Det som følger er en eller annen merkelig form for tidsreiser der du stikker innom stedet for en rask titt og uten noe hvor det har gått en solid time. I denne tiden du glemmer brukergrensesnitt og kontroller, absorberer du bare innholdet mens tusenvis av vakre bilder glir forbi, kontrollert av en enkelt finger av fingeren.
Det er en virkelig engasjerende opplevelse som ganske enkelt blåser bort mange tidligere brukerinteraksjonsmodeller. Det er interessant å merke seg at Facebook News Feed, symbolet på nettstedavhengighet, bruker uendelig rulling. Videre kombinerer de nye tidslinjesidene nå denne teknikken med en utforming av murverk med to kolonner. Det fanger folk, regner med å se mye mer av disse to teknikkene i løpet av det neste året.
Uslåelig innhold
Fancy interaksjonsmodeller betyr ikke noe med mindre du har innhold til å sikkerhetskopiere dem. For at Pinterest virkelig skulle ta fart, måtte to betingelser være oppfylt: innholdet måtte være stort, og det måtte være massevis av det.
Disse to målene er faktisk motstridende. Den beste måten å få mye innhold på er å åpne nettstedet ditt for publikum, som også er den beste måten å sikre at nettstedet ditt er fullt av dritt.
Pinterest valgte å bo i privat beta i ganske lang tid, og kontroller invitasjoner nøye. Jeg har ærlig talt ingen anelse om hvordan de trakk det av seg, men kjernegruppen av tidlige adopterpinners satt virkelig scenen for Pinterests identitet og kvalitetsforventninger.
Spesielt i de første dagene kunne du ikke benekte den sterke, unike personligheten som Pinterest-samfunnet så ut til å ha. Det så ut til at hvert eneste bilde på nettstedet oser av stil. I stedet for å sile gjennom hauger med søppel for å finne perlene, ble du presentert for bølge etter bølge av nydelige interiørdesignideer, DIY-prosjekter og lignende. Noe som bringer meg til mitt neste punkt: en målrettet brukerbase.
En kvinnes berøring
Sosiale bokmerke-tjenester, uansett årsak, har tradisjonelt vært ganske nerdete. Tjenestens visuelle natur tiltrekker seg to typer mennesker: designere og gutta som ønsker å lagre bilder av jenter som har en tendens til å være av en spesiell variasjon. Følgelig er disse tjenestene vanligvis fylt med en merkelig blanding av vakre eksempler på design og erotisk fotografering. Tro meg ikke? Bruk tjue minutter på FFFFOUND! og du vil være en troende.
Pinterest derimot, har faktisk funnet et publikum i stor grad med kvinner. Når brukerbasen utvides i raskt tempo, strømmer folk av alle typer til Pinterest og "fester" all slags innhold, men den innledende innholdsbasen var stort sett materiale i Etsy-stil som utstrålet en feminin stil som rett og slett ikke finnes i andre lignende tjenester.
Kvinner fant Pinterest og brukte den til å lagre oppskrifter, samle antrekk til ideer og lage lister med hjemmepynteprodukter. Pinterest målrettet og utnyttet denne enorme potensielle brukerbasen og brukte den som et grunnlag for sin personlighet. Jeg snakket med en ikke-teknisk venn i går, som riktignok fremdeles “kryper ut” når en mannlig bruker følger henne på Pinterest fordi hun ser det som et stort sett kvinnelig nettverk.
Til slutt viste dette seg å være en veldig kraftig strategi som har lønnet seg med innhold som ingen andre kan komme i nærheten av å matche. Men igjen, folkene på Pinterest må følge nøye med publikummet sitt og utvikle seg med brukerbasen sin. Veksten deres tar dem allerede fra et veldig spesifikt tilbud til et som er mer generelt og bredt nå.
En solid metafor som oppmuntrer til deling
Den siste tingen jeg vil diskutere angående Pinterests suksess, er litt dypere i interaksjonsmodellen enn overflateoppsettet og rulleteknikkene. Måten de har strukturert tjenestens innsamlingsprosess og sosiale lag på, er nok et genialt slag som gjør at tjenesten blir sterk.
Metaforen bak Pinterest er øyeblikkelig forståelig og ganske fengende å diskutere. Tanken er at Pinterest er ditt "virtuelle pinboard." Du lager forskjellige "tavler" og tildeler dem kategorier, og bruk deretter et bokmerke eller hovedfeeden for å "feste" elementer til tavlene. Andre brukere kan deretter følge brett fra brukere de liker og motta en tilpasset strøm av innhold tilpasset deres spesifikke smak.
Det folk fester har blitt et hett diskusjonstema som lover ny innsikt selv i hodet til dem du allerede kjenner godt. For eksempel brukte jeg min kones Pinterest-konto for gaveideer ved juletider. Det hjelper også med dem du vil vite bedre. Når jeg inviterer et annet par til middag, sjekker min kone den andre jentens Pinterest-konto for å se hvilke typer mat paret liker.
Gjør det enkelt
Vi har allerede diskutert hvordan Pinterest har skapt en fantastisk kilde for å finne inspirasjon, men for å få folk til å faktisk bruke tjenesten for samling av digitalt innhold, må du gjøre handlingen med å samle og dele innhold til en nesten uanstrengt oppgave.
En av måtene de har gjort dette (i tillegg til bokmerke) er å plukke opp "Retweet" -ideen fra Twitter. Hvert element i en gitt strøm av pinner kan bli likt, kommentert og viktigst, på nytt.
Dette skaper et system der samlingen er superenkelig og oppmuntrer til masse festing. Det er til og med en side som beskriver Pin Etikette slik at alle kan lære å spille fint sammen.
Konklusjon
Når vi ser på nettet, møter vi utallige eksempler på fantastiske ideer som blir ødelagt av dårlig utførelse. Pinterest vender dette på hodet ved å presentere en ganske generisk ide som fungerer ekstremt bra på grunn av den fantastiske utførelsen.
Pinterest lykkes på flere lag med samhandling. For det første maksimerer de innholdspresentasjonen deres med et murliknende oppsett og holder deg interessert i timevis med uendelig rulling. Deretter målrettet og laget de nøye en veldig spesifikk brukerbase som både var en enorm potensiell kilde for brukere og et ganske uutnyttet marked i dette rommet. Dette førte til et solid fundament av daglig innhold som definerte Pinterests helt identitet. Til slutt, under det hele, er en øyeblikkelig forståelig metafor og delingsplattform som er ugudelig viral og utrolig enkel å plukke opp og bruke.
Alle disse faktorene skaper sammen en vinnende formel for en unektelig vanedannende brukeropplevelse. Enten du personlig elsker det eller hater det er uten betydning, sannheten er at Pinterest snur hoder og øker bedriftsverdien dramatisk. Det fungerer derfor som en viktig leksjon som du som designer ganske enkelt ikke burde ignorere.
