Limite Varın – Long Scroll Web Sitelerine Genel Bir Bakış

Uzun kaydırma veya sonsuz kaydırma, web siteleri tam olarak budur: sayfalar "ortalama" web sitesi sayfasından çok daha uzundur ve bu nedenle "sonsuz" olarak kaydırılır. Bu tür siteler, sosyal medya sitelerinde ve kullanıcı tarafından oluşturulan birçok içeriğin yanı sıra bazı haber ve blog sitelerini içeren Pinterest gibi sitelerde popüler hale geldi - kişisel web siteleri ve portföyler de artırmak için uzun kaydırma tekniklerini kullanmaya başlıyor. Kullanıcı etkileşimi ve insanların bir sitede geçirdikleri sürenin uzunluğu.

Sonsuz kaydırma popüler ve yaygın bir tasarım modeli haline geldi, ancak yine de UI tasarımcılarının uzun kaydırma kullanan bir site tasarlarken farkında olmaları gereken bazı potansiyel tuzaklar var. Uzun kaydırmalı tasarım deseni kullanmanın uygun olmadığı bazı site türleri de vardır.

Long Scroll'un Amacı ve Faydaları

Uzun kaydırmalı web sitelerinin en büyük faydalarından biri, ziyaretçileri bir sitede daha uzun süre tutmalarıdır. İnsanlar daha fazla içerik tüketmek için bilinçli bir karar vermek zorunda olmadıklarında, tıklamaları daha az olasıdır.

Bunu, bir kullanıcının izlediği video bittiğinde Facebook, YouTube, Netflix ve benzer sitelerin videoları otomatik oynatma biçimine benzer olarak düşünün. Bir ziyaretçinin yeni bir videoyu tıklamak için çaba göstermesi gerekiyorsa, tamamen farklı bir siteye tıklama olasılığının da yüksek olduğunu biliyorlar. Ancak videolar oynatılmaya devam ederse, izlemeye devam etmeleri daha olasıdır.

Uzun kaydırma siteleri uygun şekilde kodlandığında, her yeni içerik parçasıyla yeni bir URL yükler. Bu, site için daha fazla sayfa görüntülemeye eşittir, bu da reklam gelirini ve sitenin genel değerini artırabilir.

Herhangi bir UX kararında olduğu gibi, bir formata karar vermeden önce siteyi gerçekten kullanacak kişilerin avantajlarını ve dezavantajlarını tartmak önemlidir. Uzun kaydırma, belirli site türleri için harika bir seçenek olabilirken, diğer durumlarda yaptığı tek şey kullanıcıları sinirlendirmektir. İkisi arasındaki farkı öğrenmek önemlidir.

Uzun Kaydırma Ne Zaman Kullanılmalı (ve Ne Zaman Kullanılmamalı)

Uzun kaydırmayı düşünürken hatırlanması gereken en önemli şey, ne tür bir site tasarlanırsa tasarlansın içeriğin formatı dikte etmesi gerektiğidir. Uzun kaydırmalı web siteleri, belirli içerik türleri için harikadır ancak diğer türlerde büyük bir UX hatası sunabilir.

Genel olarak, görev ve hedef odaklı siteler, sonsuz kaydırma tasarımlarından yararlanmaz (örneğin, e-ticaret siteleri ve kullanıcıların kesin ilerleme görmek istediği eğitim veya diğer eğitim siteleri). Bu tür sitelerin, kullanıcılara uzun kaydırma siteleriyle elde edilmesi daha zor olan bir tamamlanma ve başarı hissi vermesi gerekir.

Örneğin Etsy, 2012'de sonsuz bir kaydırma tasarımı denedi ve sonunda sayfalandırmaya geri döndü. Müşteriler aşağı yukarı aynı oranda satın alırken, kullanıcı etkileşiminin çok düştüğünü buldular. Yapılan arama sayısı gibi şeyler bile düştü.

Bazı e-ticaret sitelerinin ziyaretçilere sunduğu seçeneklerden biri, ürün sayfalarına bakarken “Tümünü Görüntüle” seçeneğidir. Bu, kullanıcıya, bu biçimi tercih eden kullanıcılar için daha kısa sonuç sayfalarını korurken, isterse siteyi sonsuz kaydırma biçiminde görüntüleme seçeneği sunar.

Sayfalandırma, insanların bilgileri kronolojik sırayla görüntülemesinin önemli olduğu durumlarda da yararlıdır. Tek sayfalık kayan bir web sitesi insanları göz atmaya ve ileri atlamaya teşvik edebilirken, sayfalandırma ziyaretçiyi yavaşlatır ve bilgileri doğru sırayla tüketme olasılığını artırır.

Tek sayfa kaydırmalı bir web sitesinin gerçekten parlayabileceği yer, ek içerik veya makale okumanın doğal akış olduğu sitelerdir. Bu, haber siteleri veya güncel bloglar gibi şeyler için geçerlidir. Bu sitelerdeki kullanıcılar genellikle aynı anda büyük miktarda bilgi almak ister ve sonsuz kaydırma bunu kolaylaştırır.

Sonsuz kaydırmanın popüler bir UX tercihi olduğu bir başka bariz alan, sosyal medya siteleri veya çok sayıda kullanıcı tarafından oluşturulan içeriğe sahip sitelerdir. Facebook, Pinterest ve Twitter'ın tümü sonsuz kaydırma kullanır. Bu siteler, kullanıcıları olabildiğince uzun süre sitede tutmak ister ve sonsuz kaydırma bunu iyi yapar.

Long Scroll'un Psikolojik Maliyetleri

Herhangi bir tasarım kararının psikolojik etkileri her zaman dikkatlice düşünülmelidir. Tek sayfa kaydırma web siteleri söz konusu olduğunda, buna karşı olduğu kadar psikolojik etkileri de vardır.

Dikkate alınması gereken ilk şey, kullanıcıların amaçlı tıklamayı umursamamasıdır. Tıklama, başlangıcından bu yana sanal olarak bilgi işlemin, grafik kullanıcı arayüzlerinin ve internetin bir parçası olmuştur. İnsanlar bu özel etkileşim türüne alışkındır ve daha fazla içeriğe ulaşmak için birkaç bağlantıya tıklamaları gerektiğinde kapatılmayacaklardır.

Birçok kullanıcı varsayılan olarak sonsuz kaydırmadan hoşlanmaz. Kaydırılacak çok uzun bir sayfayla karşı karşıya kalmak, bitmeyen bir bilgi denizinde boğulmak gibi gelebilir. Kullanıcılar belirli bilgileri ararken, kaydırmak nadiren onu bulmanın en etkili yoludur.

Sayfa uzunluğunu doğru bir şekilde görüntüleyemediği için, sonsuz kaydırma, sayfanın yan tarafındaki kaydırma çubuğunu keser. Her kullanıcı kaydırma çubuğunu kullanmasa da, bu açıdan, sonsuz kaydırma sinir bozucu bulabilirler.

Sonsuz kaydırma, kullanıcıların bir görevi bitirdikten veya bir sayfada bir hedefe ulaşıp ardından sonraki sayfaya tıkladıklarında elde ettikleri tamamlanma hissini de ortadan kaldırır. Bu tamamlanma duygusunu kaybetmek, kullanıcıların cesaretini kırabilir ve aynı bilgi veya görev için başka kaynaklar aramalarına neden olabilir.

Uzun kaydırmalı web sitelerinin sahip olabileceği bir başka olumsuz psikolojik etki, kullanıcıların sayfanın aşağısındaki içeriği en üstteki içerikten daha az önemli olarak görme eğiliminde olmalarıdır. Başlıkları kullanmak, ziyaretçinin beynini "üst"ün nerede olduğu konusunda "sıfırladığı" için bu konuda yardımcı olabilir.

Long Scroll Web Sitesi En İyi Uygulamaları

Bir web sitesi projesinin uzun kaydırma tasarımı için uygun olduğu belirlenirse, optimum kullanıcı deneyimi sunduğundan emin olmak için akılda tutulması gereken bazı en iyi uygulamalar vardır.

İlk önce, altbilgiyi boşaltın! İçerik sürekli olarak yüklendiğinde, altbilgi sürekli olarak sayfanın altından itilir. Bu, altbilgide yer alan herhangi bir içerik veya bilginin gözden uzak kalacağı anlamına gelir. Daha da kötüsü, kullanıcıların altbilgiye bir bakış atıp herhangi bir şeye tıklama şansı bulamadan onu gözden kaçırmalarıdır. Yapışkan bir altbilgi kullanmak, bunu aşmanın bir yoludur, ancak altbilgiden tamamen kurtulmak genellikle daha iyi bir seçenektir.

Görsel ipuçlarını kullanmak, özellikle ana ekran yüklendiğinde sayfada daha fazla içerik olduğu hemen anlaşılmıyorsa önemlidir. Sayfa yüklendiğinde ekranı dolduran büyük bir başlık resmine veya görsel içeriğe sahip siteler, aşağıda daha fazla içerik olduğunu belirtmek için genellikle bir ok (bazen animasyonlu) veya benzer görüntüler içerir.

Gezinme, yapışkan bir başlık veya gezinme bağlantılarına sahip sabit bir kenar çubuğu kullanılarak tutarlı bir şekilde görünür olmalıdır. Bunun istisnası, yapışkan başlıkların değerli ekran alanını kaplayabildiği mobil cihazlardır. Facebook, kullanıcılar aşağı kaydırdığında başlığın kaybolmasını, ancak yukarı kaydırmaya başladıklarında yeniden görünmesini sağlayarak bunu iyi bir şekilde halleder.

Chrome web tarayıcısı, ekranın alt kısmındaki kontrolleriyle benzer bir şey yapar; kullanıcı aşağı kaydırırken kaybolurlar ve yukarı kaydırmaya başladıklarında yeniden görünürler. Mevcut ekran alanını en üst düzeye çıkaran bir arayüz oluşturmanın çok sezgisel bir yolu.

Sonsuz kaydırmalı web sitelerinde neyse ki daha yaygın hale gelen hayati bir UX özelliği, her bölüm kaydırılırken URL'yi değiştirmektir. Bazıları bunu sayfa içindeki dahili yer imleriyle yapar. Diğer siteler, özellikle haber siteleri ve bloglar, kullanıcı sayfayı kaydırdığında URL'nin tamamını günceller. Bu önemlidir, çünkü kullanıcıların sayfanın kendisinde yapılan değişikliklerden bağımsız olarak tam olarak bağlantı vermek istedikleri içeriğe bağlantı vermelerine olanak tanır.

Bazı web tasarımcıları, içeriği doğrudan aynı sayfaya yükleyen bir "daha fazla yükle" düğmesiyle "karma" uzun kaydırmalı bir site olarak kabul edilebilecek bir site oluşturmayı tercih ediyor. Bazı UI tasarımcıları bunu sayfada tekrar tekrar kullanırken, diğerleri bunu yalnızca bir kez eklemeyi tercih eder ve bundan sonra siteyi daha geleneksel bir uzun kaydırma biçimine dönüştürür.

Web sitesine özgü bu uzun kaydırmalı tasarım hususlarının yanı sıra, iyi tasarımlar oluşturmaya yönelik diğer UI ve UX en iyi uygulamaları, sonsuz kaydırma kullanan siteler için hala geçerlidir.

Doğru Yapılan Uzun Kaydırma Örnekleri

Sonra Andrew McCarthy'den bu site var. Tasarım benzersiz olsa da, aynı bilgilerle tekrar tekrar sonsuz bir şekilde kayar. McCarthy bir tasarımcı olduğundan, kalabalığın arasından sıyrılmak için muhtemelen bilinçli bir seçimdir.

Ve bu site tüm içeriği yeniden yüklemek yerine en üste geri dönmesine rağmen aynı içeriği tekrar tekrar tekrar eden Sam Rosen'dan başka bir örnek.

Çözüm

Uzun kaydırmalı web siteleri yeni bir şey olmasa da, yeni bir olgunluk düzeyine ulaşıyorlar. Tasarımcılar artık bunları yalnızca bir sonraki "büyük" şey olarak kullanmıyor ve bunun yerine desenin kullanıcı deneyimini nasıl etkilediğine dikkat ediyor.

Sonsuz kaydırmalı web siteleri oluştururken en iyi uygulamaları takip etmek, tasarımcıların kullanıcıları hayal kırıklığına uğratmak yerine onları memnun eden bir UX oluşturmasına olanak tanır. Aynı zamanda, uygun şekilde uygulanan uzun kaydırmalı web siteleri de markaların web sitesi hedeflerine ulaşmasına yardımcı olabilir.

• • •

Toptal Tasarım Blogunda daha fazla okuma:

• İkna Edici Tasarım: İleri Psikolojiyi Etkili Kullanmak
• Tasarım Psikolojisi ve Müthiş Kullanıcı Deneyiminin Sinirbilimi
• Deneyim Her Şeydir – En İyi Kullanıcı Deneyimi Kılavuzu
• Ultimate UX Hook – UX'te Öngörülü, İkna Edici ve Duygusal Tasarım
• Kullanıcı Deneyiminin Denenmiş ve Gerçek Yasaları (Infografik ile)