Idag ska vi undersöka ett mycket specifikt exempel på bra design och diskutera vad som gör det så framgångsrikt. Längs vägen kommer vi att upptäcka vikten av bra design och hur man strukturerar upplevelser som gör användarna till missbrukare.
Vi kommer att finslipa våra intressen på Pinterest och göra en seriös djupgående analys för att se varför denna till synes generiska idé verkar stå så långt ut ur tävlingen. De ultimata slutsatserna kommer att utrusta dig för att utforma erfarenheter som dina användare kommer absolut att älska.
En Lame Idé
Tänk dig att jag kom till dig 2010 med det jag trodde var en lysande idé. Jag var övertygad om att jag kunde få det att fungera och behövde bara några investerare att hjälpa till att få saker från marken.
Att vara den försiktiga spenderen att du är, frågar du om min idé. Vad är det? Hur fungerar det? Mitt svar: en social bokmärkningssida. Jag ska skapa en webbplats där folk kan registrera sig och spara länkar. Cue patronizing letdown. Du skulle utan tvivel informera mig om att denna idé är allt annat än unik och är säker på att floppen. Hur kan jag möjligen ta på Delicious och de andra bokmärkesjättarna?
Jag har en stor idé men: Jag ska använda bilder. Användare kommer att kunna ta tag i en bild från vilken webbsida som helst, spara den på deras konto och dela den med andra.
Återigen, i din bästa lite nedsättande ton skulle du informera mig om att göra en Google-sökning efter? Bildbokmärkning? och notera de otaliga sajter som FFFFOUND! och Ember som redan fyller denna marknad. Du kan till och med rikta uppmärksamheten på en lista med 10 populära bildmarknadsföringstjänster, som publicerades 2010, som ett ytterligare bevis på att min uppfattning var helt oordnad.
Den inte så lama framgångsberättelsen
I sin kärna är Pinterest nästan identisk med begreppet webbplatser i listan ovan: en enkel visuell bokmärkningstjänst med stor inriktning på delning. Jag kan inte låta bli att se på det klimat av konkurrensen där Pinterest föddes och förundras över hur det kom ut som en tydlig ledare i kategorin.
Så varför har Pinterest blivit eld nyligen? Om det är en av otaliga bildmarknadsföringstjänster, hur i världen tog det över 1,5 miljoner användare under en? Privat? beta? Hur kan det eventuellt vara snagging tiotals miljoner sidvisningar per vecka och ha ett beräknat företag värt omkring 200 miljoner dollar?
Varför fungerade det?
Hemligheten till Pinterests framgång är oerhört viktigt. I en tid där sociala medier är en multibillion dollarindustri är en riktigt framgångsrik formel den heliga graden.
Det finns ingen tvekan om flera delar till Pinterest-succépusset, men den vi ska fokusera på idag är design. Hur stämde Pinterest inte bara ifrån sig med design, utan överträffade faktiskt vad alla andra gjorde och skapade något som engagerade användare på helt ny nivå?
Lösning av layout med olika bildstorlekar
En av de främsta aspekterna som ställer in Pinterest förutom andra sociala bildmarknadsföringstjänster är att de helt omprövat hur bilderna ska presenteras för användaren.
Målet är en enkel, du vill helst att dina användare ska kunna bläddra igenom hundratals eller till och med tusentals bilder med relativ lättnad. Om denna åtgärd kräver för mycket ansträngning på användarens sida förlorar du deras intresse. Om det är enkelt, behåller du uppmärksamheten på innehållet.
Ett viktigt steg i denna kamp var? Murverk? stil layout, en ganska ny trend i webbutveckling som kallas efter jQuery Masonry-plugin. Pinterest använder egna skript för detta, men konceptet är detsamma.
I grund och botten skapar masonry-stillayout det mest effektiva utnyttjandet av utrymme med tanke på varierande bildhöjder. Den övervinner tidigare layouthinder och tar hänsyn till vertikal höjd när man lägger ut bilderna och skapar därigenom ett supertent pusselflöde av bilder på sidan.
Pinterest var inte den enda bildbokmärkningstjänsten för att försöka med denna layout. Konkurrenter som Image Spark hade också integrerat murverkslayouter. Självklart måste det finnas mer till detta pussel.
Paginationskonrummet
Förutom att maximera layout effektivitet utan att åsidosätta bildkvaliteten från enhetlig beskärning kunde Pinterest-teamet identifiera ett annat underliggande problem med befintliga bildgalleriformat: pagination är en smärta.
webbplatser kärlek pagination eftersom det ökar deras sidvisningar (fler visningar = mer pengar), men som användare suger det: rulla ner, klicka på? nästa? knappen, vänta tills den nya sidan ska laddas, rulla ner och klicka på knappen igen? då inser du vid någon tidpunkt att du vill gå tillbaka och hitta en viss bild eller sida och du släpper den bakåtknappen en miljon gånger tills du hittar den.
För att lösa detta problem såg Pinterest-teamet till oändlig rullning, ett snyggt litet knep som automatiskt laddar upp mer innehåll när användaren träffar den här undersidan, vilket möjliggör en ganska oavbruten webbläsningsprocess.
Vägen tillbaka 2008 skapade Paul Irish och distribuerade oändliga bläddringsprogram. Rådgivningen på den webbplatsen säger att du använder oändlig rullning när:
- Att behålla användaren är viktig och klicka på? Nästa sida? är en användbarhetsbarriär.
- Det fulla innehållet är för stort för att visa på första belastningen.
- Innehållet är tillgängligt i paged bitar: sökresultat, blogginlägg, produktförteckningar och portföljfunktioner.
Detta beskriver perfekt förutsättningarna för en social image bookmarking-tjänst, vilket gör Pinterest prime territory för att genomföra denna teknik.
Masonry + Infinite Scrolling = Magic
Masonry stil layout och oändlig rullning har melded till en enda idé i vårt huvud, men de började som två separata tekniker. Att sätta ihop dem visar sig, skapar en verkligt beroendeframkallande upplevelse.
Om du tvivlar på det för en sekund, sluta med Pinterest och börja rulla.Det som följer är en märklig form av tidsresor där du slutar vid platsen för en snabb titt och av nej där en fast timme har gått. I den här tiden glömmer du användargränssnitt och kontroller, du absorberar helt enkelt innehållet som tusentals vackra bilder glida av, styrd av en enda fingerflicka.
Det är en riktigt engagerande upplevelse som helt enkelt blåser bort många tidigare användarinteraktionsmodeller. Det är intressant att notera att Facebook News Feed, epitom av webbplatsberoende, använder oändlig rullning. Vidare kombinerar de nya tidslinjesidorna nu den här tekniken med en layout med två kolonner i masonry stil. Det fångar på folk, förvänta sig att se mycket mer av dessa två tekniker under nästa år.
Oslagbart innehåll
Fancy interaktionsmodeller betyder inte en sak om du inte har innehållet att säkerhetskopiera dem. För att Pinterest verkligen skulle kunna ta av, måste två villkor vara uppfyllda: innehållet måste vara bra, och det måste finnas massor av det.
Dessa två mål är faktiskt motstridiga. Det bästa sättet att få mycket innehåll är att öppna din webbplats för allmänheten, vilket också är det bästa sättet att se till att din webbplats är full av skit.
Pinterest valde att stanna i privat beta under ganska lång tid, noggrant kontrollerande inbjudningar. Jag har ärligt ingen aning om hur de drog den av, men kärngruppen av tidiga adopterpinners bestämde verkligen för Pinterests identitets- och kvalitetsförväntningar.
I de tidiga dagarna kunde du inte förneka den starka, unika personligheten som Pinterest-samhället tycktes ha. Det verkade som varje bild på webbplatsen var oozing med stil. Istället för att siktas genom högar av sopor för att hitta ädelstenarna, presenterades du med våg efter våg av underbara inredningsidéer, DIY-projekt och liknande. Vilket tar mig till min nästa punkt: en riktad användarbas.
En kvinnas touch
Sociala bokmärkenstjänster, av vilken anledning som helst, har traditionellt varit ganska nördiga. Den visuella karaktären hos tjänsten lockar två typer av människor: designers och killar som vill spara bilder av tjejer som brukar vara av ett visst sortiment. Följaktligen fylls dessa tjänster typiskt av en udda blandning av vackra exempel på design och erotisk fotografi. Tro mig inte? Tillbringa tjugo minuter på FFFFOUND! och du kommer att vara en troende.
Pinterest å andra sidan har faktiskt funnit en publik i stort sett med honor. Eftersom användarbasen expanderar i snabb takt, flockar folk av alla slag till Pinterest och? Pinning? all slags innehåll, men den ursprungliga basen av innehållet var till stor del Etsy-stil material som utstrålade en feminin stil helt enkelt inte hittad i andra liknande tjänster.
Kvinnor hittade Pinterest och använde det för att spara recept, samla in kläder och skapa listor över heminredningsprodukter. Pinterest riktade sig och utnyttjade denna stora potentiella användarbas och använde den som en grund för sin personlighet. Jag pratade med en icke-techy vän igår, som visserligen fortfarande är? när en manlig användare följer henne på Pinterest eftersom hon ser det som ett stort sett kvinnligt nätverk.
I slutändan visade det sig vara en mycket kraftfull strategi som har betalat med innehåll som ingen annan kan komma nära matchning. Återigen, men på Pinterest måste folk hålla koll på publiken och utvecklas med sin användarbas. Deras tillväxt tar redan dem från ett mycket specifikt erbjudande till ett som är mer allmänt och brett.
En solid metafor som uppmuntrar delning
Det sista jag vill diskutera om Pinterests framgång är lite djupare i interaktionsmodellen än ytlayout och rullningstekniker. Det sätt på vilket de har strukturerat tjänstens samlingsprocess och sociala lager är ännu ett genialt slag som hjälper till att göra tjänsten stark.
Metaforen bakom Pinterest är omedelbart förståelig och ganska snäll att diskutera. Tanken är att Pinterest är ditt virtuella tangentbord.? Du skapar olika? Brädor? och tilldela dem kategorier, använd sedan en bokmärke eller huvudmatningen till? pin? föremål till dina styrelser. Andra användare kan sedan följa brädor från användare som de gillar och få en anpassad ström av innehåll skräddarsydd för deras specifika smaker.
Vad folk stift har blivit ett hett diskussionsämne som lovar ny insikt även i tankarna hos de som du redan vet väl. Till exempel använde jag min fru Pinterest-konto för presentidéer på jultid. Det hjälper också med dem du vill veta bättre. När du inbjuder ett annat par över till middag kontrollerar min fru den andra tjejens Pinterest-konto för att se vilka typer av mat paret har.
Gör det enkelt
Vi har redan diskuterat hur Pinterest har skapat en fantastisk källa för att hitta inspiration, men för att få människor att faktiskt använda din digital innehållsuppsamlingstjänst måste du göra insamling och delning av innehåll en nästan otrolig uppgift.
Ett av sätten att de har gjort detta (förutom bokmärket) är att hämta "Retweet? idé från Twitter. Varje föremål i en viss ström av stift kan gilla, kommenteras och, viktigast av allt, återställas.
Detta skapar ett system där samlingen är super lätt och uppmuntrar massor av pinning. Det finns även en sida som beskriver Pin Etiquette så att alla kan lära sig att leka snyggt tillsammans.
Slutsats
Om vi tittar på nätet möter vi otaliga exempel på fantastiska idéer som förstörs av dåligt utförande. Pinterest gör det på huvudet genom att presentera en ganska generisk idé som fungerar extremt bra på grund av det fantastiska utförandet.
Pinterest lyckas på flera lager av interaktion. För det första maximerar de innehållspresentationen med ett masonry som layout och håller dig intresserad i timmar med oändlig bläddring.Därefter riktade de sig noggrant och tillverkade en mycket specifik användargränssnitt som var både en stor potentiell användarkälla och en ganska oanvänd marknad i detta utrymme. Detta ledde till en solid grund för det dagliga innehållet som definierade Pinterests identitet. Slutligen, under det hela är en direkt förståelig metafor och delningsplattform som är ogiltigt viral och otroligt lätt att hämta och använda.
Alla dessa faktorer skapar tillsammans en vinnande formel för en otänkbart beroendeframkallande användarupplevelse. Vare sig du personligen älskar det eller hatar det är irrelevant, sanningen är att Pinterest vänder huvud och dramatiskt ökar i företagsvärde. Det tjänar därför som en viktig lektion som du som designer bara inte bör ignorera.