Пристрастяване UX: Защо Pinterest е толкова Dang Amazing
Днес ще разгледаме един много конкретен пример за добър дизайн и ще обсъдим какво го прави толкова успешен. По пътя ще открием значението на добрия дизайн и как да структурираме преживявания, които превръщат потребителите в зависими.
Ще разгледаме Pinterest и ще направим сериозен задълбочен анализ, за да разберем защо тази на пръв поглед обща идея изглежда толкова далеч от конкуренцията. Крайните заключения ще ви помогнат да проектирате преживявания, които вашите потребители да обичат абсолютно.
Искрена идея
Представете си, че дойдох при вас през 2010 г. с това, което смятах за блестяща идея. Бях уверен, че мога да го накарам да работи и имах нужда само от някои инвеститори, които да помогнат да се извадят нещата от земята.
Бидейки предпазливия изразходчик, който си, питаш за моята идея. Какво е? Как работи? Моят отговор: сайт за социални отметки. Ще създам уебсайт, където хората могат да се регистрират и запазват връзки. Cue покровителстващ пропадане. Несъмнено ще ме информирате, че тази идея е всичко друго, но не и уникална и със сигурност се разпада. Как бих могъл да се възползвам от Delicious и другите гиганти с маркери?
Въпреки това имам голяма идея: ще използвам изображения. Потребителите ще могат да вземат всяко изображение от всяка уеб страница, да го запишат в акаунта си и да го споделят с други.
Още веднъж в най-добрия си леко пренебрежителен тон бихте ме уведомили да направя търсене в Google за „маркиране на изображения“ и да се запознаете с безброй сайтове като FFFFOUND! и Ембер, които вече населяват този пазар. Може дори да насочите вниманието ми към списък с 10 популярни услуги за отметка на изображения, публикуван през 2010 г., като допълнително доказателство, че идеята ми е напълно неоригинална.
Историята на не толкова славия успех
В основата си Pinterest е почти идентичен с концепцията за сайтовете в списъка по-горе: обикновена визуална услуга за маркиране със силен акцент върху споделянето. Не мога да не погледна на атмосферата на конкуренция, при която Pinterest се е родил, и се удивлявам на това как се откроява като ясен лидер в категорията.
Така че защо Pinterest се запали напоследък? Ако това е една от безбройните услуги за маркери на изображения, как в света привлече над 1, 5 милиона потребители по време на „частна“ бета версия? Как е възможно да се стигне до дефиниране на десетки милиони преглеждания на страница седмично и да има приблизителна компания на стойност около 200 милиона долара?
Защо работи?
Тайната за успеха на Pinterest е невероятно важна. Във време, в което социалните медии са многомилиардна индустрия, наистина успешна формула е светият граал.
Без съмнение няколко парчета към пъзела за успех в Pinterest, но тази, върху която днес ще се съсредоточим, е дизайнът. Как Pinterest не само се раздели с дизайна, но всъщност надмина това, което правят всички и създаде нещо, което ангажира потребителите на изцяло ново ниво?
Разрешаване на оформление с различни размери на изображението
Един от основните аспекти, които отличават Pinterest от другите услуги за отметка на социални изображения е, че те напълно преосмислят как изображенията трябва да бъдат представени на потребителя.
Целта е проста, в идеалния случай искате потребителите ви да могат да разглеждат стотици или дори хиляди изображения с относителна лекота. Ако това действие изисква твърде много усилия от страна на потребителя, вие губите техния интерес. Ако е без усилие, държите вниманието им фокусирано върху съдържанието.
Една важна стъпка в тази битка беше оформлението на стила на зидарията, доста скорошна тенденция в уеб разработката, наречена на приставката на jQuery Masonry. Pinterest използва свои собствени скриптове за това, но концепцията е същата.
По принцип оформлението в стила на зидарията създава възможно най-ефективно използване на пространството при различни височини на изображението. Той преодолява предишните препятствия на оформлението и отчита вертикалната височина при полагане на изображенията, като по този начин създава супер стегнат, пъзелов поток от изображения на страницата.
Pinterest обаче не беше единствената услуга за маркиране на изображения, която изпробва това оформление. Състезатели като Image Spark също бяха интегрирани оформления за зидария. Очевидно в този пъзел трябва да има повече.
Главоблъсканица за пагинация
В допълнение към максимална ефективност на оформлението, без да се жертва качеството на изображението от равномерното изрязване, екипът на Pinterest успя да идентифицира друг основен проблем със съществуващите формати на галерията на изображенията: пагинацията е болка.
Уебсайтовете обичат pagination, защото увеличава изгледите на техните страници (повече показвания = повече пари), но като потребител това е гадно: превъртете надолу, кликнете върху бутона „следващ“, изчакайте да се зареди нова страница, превъртете надолу и кликнете отново върху бутона… след това в един момент осъзнаваш, че искаш да се върнеш назад и да намериш конкретно изображение или страница и ще оставиш да натискаш този бутон обратно милион пъти, докато не го намериш.
За да реши този проблем, екипът на Pinterest изглеждаше безкрайно превъртане, чист малък трик, който автоматично зарежда повече съдържание, когато потребителят удари това дъно на страницата, като по този начин даде възможност за доста непрекъснат процес на сърфиране.
Още през 2008 г. Пол Ирланд създава и разпространява безкрайни плъгини за превъртане. Съветът на този сайт казва да използвате безкрайно превъртане, когато:
- Запазването на потребителя е важно и щракването върху „Следваща страница“ е бариера за използваемост.
- Пълното налично съдържание е твърде голямо, за да се покаже при първоначално зареждане.
- Съдържанието е достъпно на страници от групи: резултати от търсенето, публикации в блогове, списъци с продукти и функции на портфолиото.
Това отлично описва обстоятелствата на услугата за маркиране на социални изображения, превръщайки Pinterest в първостепенна територия за прилагане на тази техника.
Зидария + Безкрайно превъртане = Магия
Оформянето на стила на зидарията и безкрайното превъртане се смесиха в една идея в главата ни, но те започнаха като две отделни технологии. Оказва се, че ги обединява заедно, създава наистина пристрастяващо изживяване.
Ако се съмнявате в това за секунда, спрете от Pinterest и започнете да превъртате. Това, което следва, е някаква странна форма на пътуване във времето, при която спирате до сайта за бърз поглед и навън, където не е минал солиден час. През това време забравяте за потребителските интерфейси и контроли, вие просто поглъщате съдържанието, тъй като хиляди красиви снимки се плъзгат, контролирани с едно движение на пръста ви.
Това е наистина завладяващо преживяване, което просто раздухва много модели за взаимодействие с минали потребители. Интересно е да се отбележи, че Facebook News Feed, олицетворение на пристрастяването към уебсайта, използва безкрайно превъртане. Освен това новите страници на Timeline сега комбинират тази техника с оформление на стил на зидария в две колони. Това е улов на хора, очаквайте да видите много повече от тези две техники през следващата година.
Непобедимо съдържание
Моделите с фантазия за взаимодействие не означават нещо, освен ако нямате съдържание, за да ги архивирате. За да може Pinterest наистина да излети, трябваше да бъдат изпълнени две условия: съдържанието трябваше да бъде страхотно и трябва да има тон от него.
Тези две цели всъщност са противоречиви. Най-добрият начин да получите много съдържание е да отворите сайта си за обществеността, което е и най-добрият начин да гарантирате, че той е пълен с глупости.
Pinterest избра да остане в частна бета версия за доста продължителен период от време, като внимателно контролира поканите. Честно казано нямам идея как са го оттеглили, но основната група от ранно осиновители наистина постави основата на очакванията на Pinterest за идентичност и качество.
По-специално в първите дни не можехте да отречете силната, уникална личност, която изглеждаше като общността на Pinterest. Изглежда, че всяко изображение в сайта сочи със стил. Вместо да пресявате купчини боклук, за да намерите скъпоценните камъни, вие бяхте представени с вълна след вълна от разкошни идеи за интериорен дизайн, DIY проекти и други подобни. Което ме довежда до следващата ми точка: насочена потребителска база.
Женско докосване
Услугите за социални отметки по някаква причина традиционно са доста изнервени. Визуалният характер на услугата привлича два вида хора: дизайнери и момчета, които искат да запазят образи на момичета, които са склонни да бъдат от определено разнообразие. Следователно тези услуги обикновено са изпълнени с странна комбинация от красиви примери за дизайн и еротична фотография. Не ми вярвате? Прекарайте двадесет минути на FFFFOUND! и ще бъдеш вярващ.
Pinterest, от друга страна, всъщност намери публика до голяма степен с жени. Тъй като потребителската база се разраства с бързи темпове, хората от всякакъв тип се стичат към Pinterest и „приковават“ всякакъв вид съдържание, но първоначалната база на съдържанието е до голяма степен материал в стила на Etsy, който излъчва женски стил, просто не се намира в други подобни услуги.
Жените намериха Pinterest и го използваха, за да запазват рецепти, да събират идеи за тоалети и да създават списъци с продукти за домашен декор. Pinterest насочи и използва тази огромна потенциална потребителска база и я използва като основа за своята личност. Вчера разговарях с нетехнологичен приятел, който се смята, че все още е „подлудял“, когато мъжът потребител я следи в Pinterest, тъй като тя я вижда като голяма част от женската мрежа.
В крайна сметка това се оказа много мощна стратегия, която се изплати със съдържание, което никой друг не може да се доближи до съвпадение. Отново обаче, хората от Pinterest ще трябва да следят внимателно аудиторията си и да се развиват с потребителската си база. Техният растеж вече ги превръща от много специфична оферта към по-обща и широкообхватна.
Твърда метафора, която насърчава споделянето
Последното нещо, което искам да обсъдя по отношение на успеха на Pinterest, е малко по-задълбочено в модела на взаимодействие, отколкото повърхностното разположение и техниките на превъртане. Начинът, по който са структурирали процеса на събиране на услугата и социалния слой, е още един гений, който помага да се направи услугата силна.
Метафората зад Pinterest е моментално разбираема и доста закачлива за обсъждане. Идеята е, че Pinterest е вашият „виртуален щифт“. Създавате различни „дъски“ и им присвоявате категории, след което използвате отметка или основна емисия, за да „прикачите“ елементи към дъските си. След това други потребители могат да следват табла от потребители, които харесват, и да получават персонализиран поток от съдържание, съобразен с техните специфични вкусове.
Това, което хората фиксират, се превърна в гореща дискусионна тема, която обещава нов поглед дори в съзнанието на онези, които вече добре познавате. Например, използвах акаунта на Pinterest на жена ми за идеи за подаръци по време на Коледа. Също така помага на тези, които бихте искали да знаете по-добре. Когато каня друга двойка на вечеря, съпругата ми проверява акаунта в Pinterest на другото момиче, за да види какви видове храна се радва на двойката.
Това става лесно
Вече обсъждахме как Pinterest е създал страхотен източник за намиране на вдъхновение, но за да накарате хората да използват всъщност вашата услуга за събиране на цифрово съдържание, трябва да направите акта на събиране и споделяне на съдържание почти безпроблемна задача.
Един от начините, по които са направили това (в допълнение към отметката) е да вдигнат идеята за „Retweet“ от Twitter. Всеки елемент в даден поток от щифтове може да се хареса, коментира и най-важното - да се префасонира.
Това създава система, при която събирането е супер лесно и насърчава много и много фиксиране. Има дори страница, описваща Пин Етикет, така че всеки да може да се научи да играе добре заедно.
заключение
Оглеждайки се в мрежата, срещаме безброй примери за фантастични идеи, които са съсипани от лошо изпълнение. Pinterest обръща това на главата си, като представя доста обща идея, която работи изключително добре заради невероятното си изпълнение.
Pinterest успява на няколко слоя взаимодействие. Първо, те увеличават представянето на съдържанието си като зидария като оформление и ви интересуват с часове безкрайно превъртане. На следващо място, те внимателно се насочиха и създадоха много специфична потребителска база, която беше едновременно огромен потенциален източник на потребители и доста неизползван пазар в това пространство. Това доведе до солидна основа на ежедневното съдържание, което определи самата идентичност на Pinterest. И накрая, под всичко това е незабавно разбираема метафора и платформа за споделяне, която е зловещо вирусна и невероятно лесна за вземане и използване.
Всички тези фактори заедно създават печеливша формула за безспорно пристрастяващо потребителско изживяване. Независимо дали го харесвате лично или го мразите, това е без значение, истината е, че Pinterest върти глави и драстично увеличава корпоративната си стойност. Следователно той служи като важен урок, който вие като дизайнер просто не бива да пренебрегвате.
