Bağımlılık yapan UX: Pinterest neden bu kadar şaşırtıcı?
Bugün iyi bir tasarımın çok spesifik bir örneğini inceleyeceğiz ve onu bu kadar başarılı kılan şeyleri tartışacağız. Yol boyunca iyi tasarımın önemini ve kullanıcıları bağımlılara dönüştüren deneyimlerin nasıl yapılandırılacağını keşfedeceğiz.
Pinterest'teki manzaralarımızı biliyoruz ve bu genel fikirlerin neden rekabetten bu kadar öne çıktığını görmek için ciddi bir derinlemesine analiz yapacağız. Nihai sonuçlar sizi kullanıcılarınızın mutluluğu seveceği deneyimler tasarlamaya hazırlayacaktır.
Topal Bir Fikir
Size 2010'da parlak bir fikir olduğunu düşündüğüm şeyle geldiğimi düşünün. İşe yarayabileceğinden emindim ve işleri halletmek için sadece bazı yatırımcılara ihtiyacım vardı.
Olduğunuz temkinli harcama yapan olarak fikrimi soruyorsunuz. Bu ne? O nasıl çalışır? Cevabım: bir sosyal yer imi sitesi. Kullanıcıların kaydolup bağlantıları kaydedebileceği bir web sitesi oluşturacağım. Hayal kırıklığı yaratan işaret. Hiç şüphe yok ki bana bu fikrin eşsiz bir şey olduğunu ve flop emin olabilirsiniz. Lezzetli ve diğer yer imi devlerini nasıl alabilirim?
Yine de büyük bir fikrim var: Resimleri kullanacağım. Kullanıcılar herhangi bir web sayfasından herhangi bir resmi alabilir, hesabına kaydedebilir ve başkalarıyla paylaşabilir.
Bir kez daha, en iyi biraz aşağılayıcı tonunuzda, “resim yer imi” için bir Google araması yapmamı ve FFFFOUND gibi sayısız siteyi not etmemi bildirirsiniz! ve bu pazarı zaten dolduran Ember. Fikrimi tamamen orijinal olduğuna dair daha fazla kanıt olarak, dikkatimi 2010 yılında yayınlanan 10 popüler görüntü yer imi hizmetinin bir listesine bile yönlendirebilirsiniz.
Topal Değil Başarı Hikayesi
Özünde Pinterest, yukarıdaki listede yer alan sitelerin konseptiyle neredeyse aynı: paylaşıma büyük önem veren basit bir görsel yer imi hizmeti. Pinterest'in doğduğu rekabet ortamına bakamıyorum ama kategoride açık bir lider olarak öne çıkmaya nasıl hayran kaldım.
Peki Pinterest son zamanlarda neden alev aldı? Sayısız resim yer imi hizmetinden biriyse, dünyada “özel” beta sırasında nasıl 1, 5 milyondan fazla kullanıcı çekti? Nasıl muhtemelen haftada on milyonlarca sayfa görüntülemesini bulabilir ve yaklaşık 200 milyon dolar değerinde bir tahmini şirkete sahip olabilir?
Neden Çalıştı?
Pinterest'in başarısının sırrı inanılmaz derecede önemlidir. Sosyal medyanın milyarlarca dolarlık bir sektör olduğu bir dönemde, gerçekten başarılı bir formül kutsal kâse'dir.
Kuşkusuz Pinterest başarı bulmacasının birkaç parçası var, ancak bugün odaklanacağımız tasarım. Pinterest kendini sadece tasarımla ayırmakla kalmadı, aynı zamanda herkesin yaptıklarını aştı ve kullanıcıları tamamen yeni bir seviyede meşgul eden bir şey yarattı mı?
Farklı Görüntü Boyutlarıyla Düzeni Çözme
Pinterest'i diğer sosyal imi yer imi hizmetlerinden ayıran temel özelliklerden biri, resimlerin kullanıcıya nasıl sunulması gerektiğini tamamen yeniden düşünmeleridir.
Amaç basittir, ideal olarak kullanıcılarınızın yüzlerce hatta binlerce görüntüye nispeten kolayca göz atabilmelerini istersiniz. Bu işlem kullanıcının adına çok fazla çaba gerektiriyorsa, ilgilerini kaybedersiniz. Zahmetsizse, dikkatlerini içeriğe odaklamış olursunuz.
Bu savaştaki önemli bir adım, jQuery Masonry eklentisinin adını taşıyan web geliştirmede oldukça yeni bir trend olan “duvarcılık” tarzı düzeni idi. Pinterest bunun için kendi komut dosyalarını kullanır, ancak konsept aynıdır.
Temel olarak, duvar stili düzeni, değişen görüntü yükseklikleri göz önüne alındığında, mümkün olan en verimli alanı yaratır. Geçmiş düzen engellerinin üstesinden gelir ve görüntüleri düzenlerken dikey yüksekliği dikkate alır, böylece sayfadaki görüntülerin süper sıkı, bulmaca parçası akışını oluşturur.
Bu düzeni denemek için tek resim imi servisi Pinterest değildi. Image Spark gibi rakipler de duvarcılık düzenlerini entegre ettiler. Açıkçası, bu bulmacanın daha fazlası olmalı.
Sayfalandırma bilmecesi
Tek biçimli kırpmadan görüntü kalitesinden ödün vermeden mizanpaj verimliliğini en üst düzeye çıkarmanın yanı sıra, Pinterest ekibi mevcut görüntü galerisi formatlarında altta yatan başka bir sorunu tespit edebildi: sayfalandırma bir acıdır.
Web siteleri sayfa görüntülemelerini artırdığı için sayfa görüntülemeyi sever (daha fazla görüntüleme = daha fazla para), ancak kullanıcı olarak berbat: aşağı kaydırın, "sonraki" düğmesini tıklayın, yeni sayfanın yüklenmesini bekleyin, aşağı kaydırın ve düğmeyi tekrar tıklayın ... bir noktada geri dönüp belirli bir resim veya sayfa bulmak istediğinizi fark edersiniz ve bulana kadar bu düğmeye bir milyon kez basmaya devam edersiniz.
Bu sorunu çözmek için, Pinterest ekibi, kullanıcının sayfanın alt kısmına vurduğunda otomatik olarak daha fazla içerik yükleyen ve böylece kesintisiz bir tarama işlemine izin veren sonsuz bir kaydırma olan sonsuz kaydırmaya baktı.
2008 yılında Paul Irish sonsuz kaydırma eklentileri oluşturup dağıtıyordu. Bu sitedeki öneriler şu durumlarda sonsuz kaydırma kullandığını söylüyor:
- Kullanıcının tutulması önemlidir ve “Sonraki Sayfa” yı tıklamak bir kullanılabilirlik engelidir.
- Kullanılabilir içeriğin tamamı ilk yüklemede gösterilemeyecek kadar büyük.
- İçerik, sayfalanmış parçalar halinde bulunur: arama sonuçları, blog gönderileri, ürün listeleri ve portföy özellikleri.
Bu, Pinterest'i bu tekniği uygulamak için birincil bölge haline getiren bir sosyal görüntü yer imi hizmetinin koşullarını mükemmel bir şekilde açıklamaktadır.
Duvarcılık + Sonsuz Kaydırma = Büyü
Yığma tarzı düzen ve sonsuz kaydırma, kafamızda tek bir fikir haline geldi, ancak iki ayrı teknoloji olarak başladılar. Onları bir araya getirmek, gerçekten bağımlılık yaratan bir deneyim yaratıyor.
Bir saniyeliğine şüphe ediyorsanız, Pinterest'e uğrayın ve kaydırmaya başlayın. Aşağıda, hızlı bir göz atmak için site tarafından durduğunuz ve sağlam bir saatin geçtiği yerlerin dışında durduğunuz garip bir zaman yolculuğu biçimi var. Bu sırada kullanıcı arayüzlerini ve kontrolleri unutursanız, içeriği parmağınızın tek bir hareketiyle kontrol edilen binlerce güzel resim kaydırdıkça alırsınız.
Geçmişteki kullanıcı etkileşimi modellerini ortadan kaldıran gerçekten ilgi çekici bir deneyim. Web sitesi bağımlılığının özeti olan Facebook Haber Akışı'nın sonsuz kaydırma kullandığını belirtmek ilginçtir. Ayrıca, yeni Zaman Çizelgesi sayfaları artık bu tekniği iki sütun duvar stili düzeniyle birleştiriyor. İnsanları yakalıyor, gelecek yıl bu iki tekniğin daha fazlasını görmeyi bekliyoruz.
Rakipsiz İçerik
Süslü etkileşim modelleri, onları yedekleyecek içeriğe sahip olmadığınız sürece bir şey ifade etmez. Pinterest'in gerçekten başlayabilmesi için iki koşulun karşılanması gerekiyordu: içerik harika olmalı ve bir ton olması gerekiyordu.
Bu iki hedef aslında çelişkilidir. Çok fazla içerik almanın en iyi yolu, sitenizi halka açmaktır, bu da sitenizin bok dolu olmasını sağlamanın en iyi yoludur.
Pinterest, davetiyeleri dikkatlice kontrol ederek oldukça uzun bir süre özel beta olarak kalmayı seçti. Dürüst olmak gerekirse, nasıl çıkardıklarına dair hiçbir fikrim yok, ancak erken benimseyen iğnelerin çekirdek grubu, Pinterest'in kimliği ve kalite beklentileri için gerçekten zemin hazırladı.
Özellikle ilk günlerde, Pinterest topluluğunun sahip olduğu güçlü, benzersiz kişiliği inkar edemezdiniz. Sitedeki her görüntünün stil ile sızdığı görülüyordu. Taşları bulmak için çöp yığınlarını elemek yerine, muhteşem iç tasarım fikirleri, DIY projeleri ve benzerlerinden oluşan dalgadan sonra dalga sunuldu. Bu da beni bir sonraki noktama getiriyor: hedeflenen bir kullanıcı tabanı.
Bir Kadının Dokunuşu
Her ne sebeple olursa olsun, sosyal yer imi hizmetleri geleneksel olarak oldukça gergindi. Hizmetin görsel doğası iki tür insanı çekiyor: belirli bir çeşitlilikte olan kızların görüntülerini kaydetmek isteyen tasarımcılar ve çocuklar. Sonuç olarak, bu hizmetler tipik olarak güzel tasarım ve erotik fotoğrafçılık örneklerinin garip bir karışımı ile doldurulur. Bana inanmıyor musunuz? FFFFOUND'da yirmi dakika harcayın! ve siz bir inanan olacaksınız.
Diğer yandan Pinterest, aslında kadınlarla bir kitle buldu. Kullanıcı tabanı hızlı bir şekilde genişledikçe, her türden insan Pinterest'e akın ediyor ve her türlü içeriği "sabitliyor", ancak içeriğin ilk tabanı büyük ölçüde Etsy tarzı bir malzemeydi. Hizmetler.
Kadınlar Pinterest'i buldu ve tarifleri kaydetmek, kıyafet fikirleri toplamak ve ev dekorasyonu ürünlerinin listelerini oluşturmak için kullandılar. Pinterest, bu geniş potansiyel kullanıcı tabanını hedefledi ve kullandı ve kişiliği için bir temel olarak kullandı. Dün bir erkek kullanıcı onu Pinterest'te takip ettiğinde itirafta hala “sürünen” teknik olmayan bir arkadaşla konuştum, çünkü onu büyük ölçüde kadın ağı olarak görüyor.
Sonunda, bu, kimsenin eşleşmeye yaklaşamayacağı içerikle ödeme yapan çok güçlü bir strateji olduğunu kanıtladı. Yine de, Pinterest'teki insanlar izleyicilerini yakından izlemek ve kullanıcı tabanlarıyla gelişmek zorunda kalacaklar. Büyümeleri onları çok özel bir tekliften daha genel ve geniş kapsamlı bir teklife götürüyor.
Paylaşımı Teşvik Eden Katı Bir Metafor
Pinterest'in başarısı hakkında tartışmak istediğim son şey, etkileşim modeline yüzey yerleşimi ve kaydırma tekniklerinden biraz daha derin. Hizmetin toplama sürecini ve sosyal katmanını yapılandırma biçimleri, hizmeti güçlendirmeye yardımcı olan bir başka dahi.
Pinterest'in arkasındaki metafor anında anlaşılabilir ve tartışılması oldukça akılda kalıcıdır. Fikir Pinterest'in “sanal panonuz” olması. Çeşitli "panolar" oluşturup kategorilere atarsınız, ardından öğeleri panolarınıza "sabitlemek" için bir yer işareti veya ana feed kullanırsınız. Diğer kullanıcılar daha sonra sevdikleri kullanıcılardan panoları takip edebilir ve kendi zevklerine göre özel bir içerik akışı alabilir.
İnsanların tuttuğu şey, zaten iyi bildiğiniz kişilerin zihinlerine bile yeni bir fikir vaat eden sıcak bir tartışma konusu haline geldi. Örneğin, Noel zamanında hediye fikirleri için eşimin Pinterest hesabını kullandım. Ayrıca daha iyi tanımak istediğiniz kişilere de yardımcı olur. Akşam yemeğine başka bir çift davet ederken, eşim çiftin ne tür yiyeceklerden hoşlandığını görmek için diğer kızın Pinterest hesabını kontrol eder.
Kolaylaştırmak
Pinterest'in ilham bulmak için nasıl harika bir kaynak yarattığını zaten tartıştık, ancak insanların dijital içerik toplama hizmetinizi gerçekten kullanmasını sağlamak için içeriği toplama ve paylaşma eylemini neredeyse zahmetsiz bir görev haline getirmelisiniz.
Bunu yapmanın yollarından biri (yer işaretine ek olarak) Twitter'dan “Retweet” fikrini almak. Belirli bir pim akışındaki her öğe beğenilebilir, yorumlanabilir ve en önemlisi tekrarlanabilir.
Bu, koleksiyonun çok kolay olduğu ve çok sayıda sabitlemeyi teşvik ettiği bir sistem oluşturur. Pin Etiquette'i tanımlayan bir sayfa bile var, böylece herkes birlikte güzelce oynamayı öğrenebilir.
Sonuç
Web'e baktığımızda, kötü uygulama nedeniyle mahvolmuş sayısız fantastik fikir örneğiyle karşılaşıyoruz. Pinterest, inanılmaz yürütülmesi nedeniyle son derece iyi çalışan oldukça genel bir fikir sunarak bunu kafasına çevirir.
Pinterest, birkaç etkileşim katmanında başarılı. İlk olarak, içerik sunumlarını düzen gibi bir duvar ile en üst düzeye çıkarır ve sonsuz kaydırma ile saatlerce ilgilenmenizi sağlarlar. Daha sonra, hem büyük bir potansiyel kullanıcı kaynağı hem de bu alanda oldukça dokunulmamış bir pazar olan çok özel bir kullanıcı tabanını dikkatlice hedeflediler ve hazırladılar. Bu, Pinterest'in kimliğini tanımlayan sağlam bir günlük içerik temeline yol açtı. Son olarak, her şey altında, hemen hemen anlaşılabilir bir metafor ve paylaşım platformu, kötü viral ve almak ve kullanmak inanılmaz derecede kolay.
Tüm bu faktörler birlikte inkar edilemez bir bağımlılık yaratan kullanıcı deneyimi için kazanan bir formül oluşturur. İster kişisel olarak sevin ister nefret edin, alakasız olun, gerçek şu ki Pinterest baş döndürüyor ve kurumsal değerde önemli ölçüde artıyor. Bu nedenle tasarımcı olarak görmezden gelmemeniz gereken önemli bir ders görevi görür.
