Web Tasarımında Uzun Kaydırmanın Artıları ve Eksileri

Yayınlanan: 2021-04-16

Uzun kaydırmalı, tek sayfalık web siteleri yaygınlaşıyor. Ekranın üst kısmına karşı katlama yok tartışması, ikinci yaklaşım lehine dönüyor gibi görünüyor. Bir web sitesinin en önemli içeriğinin ekranın üst kısmında olması gerektiği uzun zamandır kabul görmüştür. Argüman, çoğu kullanıcının aradıklarını henüz bulamamışlarsa bir sayfayı aşağı kaydırma konusunda isteksiz olmalarıdır.

Ancak bu argüman artık su tutmuyor. Bir ana sayfanın veya açılış sayfasının içeriği, gelecek güzel şeylerin vaadini barındırdığı sürece, içerik ihtiyaçlarıyla alakalı olduğu sürece kullanıcılar memnuniyetle kaydırmaya devam edeceklerdir.

Uzun kaydırmalı ve sonsuz kaydırmalı siteler bazen yeni ve modern bir web tasarım trendi olarak tasvir edilir. Bu kaydırma teknikleri aslında uzun yıllardır kullanılmaktadır. Son zamanlarda daha popüler hale geldiler, bu da onlara yeni ve yenilikçi teknikler olduğu izlenimini veriyor.

Uzun kaydırma burada kalıcıdır ve bunun iyi bir nedeni vardır: kullanıcılar bundan açıkça hoşlanır.

Uzun Kaydırma, Akıllı Navigasyon, Akıllı Özel Efektler

Mobil ekranların artan kullanımı, bu tekniğin yaygın olarak kabul edilmesinde kesinlikle önemli bir rol oynamıştır. Küçük bir ekranda düğmelerle gezinmeye çalışmak zahmetli olabilir ve ekranlar küçüldükçe daha da küçülebilir.

Uzun Kaydırma, Akıllı Navigasyon, Akıllı Özel Efektler

Uzun veya sonsuz kaydırma, her iki yaklaşım da dokunma hareketlerine hoş bir şekilde katkıda bulunduğundan, bunun üstesinden gelir. CSS ve JavaScript'teki gelişmelerle birlikte, uzun kaydırmanın avantajları web tasarımcıları için daha iyi seçenekler de yarattı. Neden burada uzun süre kaydırma yapmak kalıyor ve neden "ekranın üst kısmı" artık birçok web sitesinde alakalı değil?

Nasıl Çalışır?

Uzun kaydırma siteleri iki yoldan biriyle çalışma eğilimindedir. Ya sitenin diğer sayfalara bağlantılar içeren daha büyük bir ana sayfası vardır ya da site tek, uzun bir sayfadan oluşur. Her iki kurulum da bir web tasarımcısı için hikaye anlatımı tekniklerinin kullanımı da dahil olmak üzere zengin olanaklar yaratır.

Hikaye anlatımı, paralaks kaydırma, Ajax/jQuery veya kaydırma ile tetiklenen animasyonlar gibi ince özel efektler dahil edilerek genellikle daha etkili hale getirilebilir.

Öncelikli Olarak Hikaye Anlatmak İçin Kullanılan Uzun Kaydırma

Pürüzsüz Bir Platform

Sayfa sayfa gezinme ve hikaye anlatımı her zaman iyi bir eşleşme sağlamaz. Bu tür gezinme, en iyi ihtimalle sarsıntılı olma eğilimindedir, oysa uzun kaydırma, çok daha yumuşak bir hikaye anlatımı platformu sağlar. Uzun kaydırma, kullanıcıya ilerleme hızı üzerinde daha fazla kontrol sağlar. Aynı zamanda, sürekli daldırma yetenekleri, kullanıcı odaklı ve tam katılım sağlamak için zararlı olabilecek sayfalar arasındaki gecikmeleri önler.

Pürüzsüz Bir Platform

Kullanıcı Kontrolünün Verilmesi

Uzun kaydırma, yaratıcı özel efektlerin daha etkin kullanılmasına da olanak tanır. Paralaks kaydırma ve kaydırma ile etkinleştirilen animasyonlar, en azından bir dereceye kadar kullanıcı tarafından kontrol edilir ve web sitesine neredeyse oyun benzeri bir his verir; ve kesinlikle daha arkadaş canlısı biri.

Kullanıcı Kontrolünün Verilmesi

Neden Çoğu İnsan Uzun Kaydırmayı Seviyor?

Unutulmaz Bir Tasarımdan En İyi Şekilde Yararlanmak

Uzun kaydırmalı sayfaların son derece yenilikçi, akılda kalıcı, görsel tasarımların kullanımına kapı açtığı izlenimini kolayca edinebilirsiniz. Gerçekte, tam tersi. Bu havalı tasarım türleri uzun zamandır bizimle.

Unutulmaz Bir Tasarımdan En İyi Şekilde Yararlanmak

Basitçe söylemek gerekirse, sitenizin ziyaretçilerinin daha fazla içerik için uzun bir sayfayı aşağı kaydırmasını istiyorsanız, onları ilgilendirmeniz gerekir. Unutulmaz bir tasarım bunu yapacak!

Dönüşümleri Artırma

Long Scroll, Animasyon ve Hover = Güçlü Bir Kombo

Orijinal tartışmaya geri dönersek, uzun bir kaydırma web sitesi kullanıcıları kapatmaz, hemen çıkma oranınızı artırmaz veya dönüşümlerinizi düşürmez - ancak yalnızca tasarımı sağlam ve dikkatli bir şekilde yürütülmüşse. Bu durumda, hemen çıkma oranları düşer ve dönüşüm oranları yükselir.

Uzun Kaydırma Animasyonu Vurgulu Güçlü Kombo

Uzun kaydırma, kullanıcıları tam olarak meşgul etmenin yollarını keşfetmek için birçok fırsat sunar. Sitenizde ne kadar uzun süre kalırlarsa, harekete geçirme çağrılarınıza o kadar çok yanıt verirler.

Uzun İçeriği Yönetme

En büyük zorluklardan biri, bir sayfaya yerleştirilecek doğru miktarda içeriği belirlemektir. Çok az ve bir kullanıcıyı meşgul etmek zorlaşırken, çok fazlası bir kullanıcıyı bunaltabilir, dağınık bir etkiye neden olabilir ve kullanıcının deneyimine zarar verebilir.

Uzun İçeriği Yönetme

Uzun kaydırma basit bir çözüm sunar. İçerik yayılabilir, böylece bir kullanıcının onu kendi hızında ve rahatsız edici sayfa gezinme kesintileri olmadan özümsemesine izin verir. Bu teknik, hikaye anlatımı için ve ayrıca geleneksel bir web sayfasıyla düzgün bir şekilde sınırlandırılamayan bilgileri yaymak için idealdir.

Uzun Kaydırmalı Hikaye Anlatımı

Yatay Gezinti Çubuklarını Etkili Bir Şekilde Kullanmak

Yatay gezinme çubukları çoğu sayfa türüne güzel bir şekilde uyma eğilimindedir, ancak barındırabilecekleri dahili sayfaların bir sınırı vardır. Açılır menüler bir çözümdür, ancak kendi dezavantajları da vardır.

Yatay Gezinti Çubuklarını Etkili Bir Şekilde Kullanmak

Uzun kaydırma, birden çok dahili sayfayı barındırma ihtiyacını önemli ölçüde azaltabilir. Bunun yerine, gezinme çubukları kullanıcıyı bir sitenin ana sayfa hikayesinin ana bölümlerine yönlendirebilir.

İlgi Çekici Web Siteleri Oluşturma

Metaforların Havalı Kullanımları

Metaforlar genellikle web tasarım öğeleri olarak düşünülmez, ancak bir kullanıcıyı uzun bir hikaye veya açıklama boyunca meşgul etmenin harika bir yolunu sağlayabilirler. İnsanlar belirsizlikle karşı karşıya kaldıklarında rahat değiller ve bu özellikle web sitesi ziyaretçileri için geçerlidir.

Metaforların Havalı Kullanımları

Herhangi bir belirsizlik hissine karşı koymak için uzun sayfalarınıza birkaç basit metafor örün. Bu, ziyaretçilerinizi ilerledikçe karşılaşabilecekleri şeylere hazırlayacaktır.

Etkileşimin Pratik Kullanımları

Kullanıcıların takdir ettiği bir diğer tasarım tekniği, sitenizin sayfalarına stratejik olarak etkileşimli öğeler yerleştirmektir. Bu etkileşimler, kullanıcılarınıza zihinsel bir mola verirken aynı zamanda ilgilerini korur ve onları odaklanmış ve meşgul tutar.

Etkileşimin Pratik Kullanımları

Bu yaklaşım, insanlara uzun bir yolculuk sırasında dışarı çıkma ve bacaklarını uzatma şansı vermeye benzer. Ferahlatıcı.

Neden Bazı Kullanıcılar Uzun Kaydırmayı Sevmiyor?

Birçok kullanıcı ve özellikle mobil cihaz kullanıcıları, uzun kaydırma tekliflerini sever. Bununla birlikte, bazı kullanıcılar bunu özellikle umursamıyor veya hiç sevmiyor. Bir tasarımcı olarak aklınızda bulundurmanız gereken şey, uzun kaydırmanın bazı web siteleri için ideal olabileceği ve diğerleri için uygun olmadığıdır.

Bu yeteneği sadece moda olduğu için dahil etmeyin; sitenizin amaçlarını, sınırlarını ve genel yapısını göz önünde bulundurun ve sonra karar verin.

Sıradaki ne?

Daha Küçük Ekranlar – Daha Uzun Kaydırma

Küçük ekranlar ve uzun kaydırma el ele gider. Küçük ekranların modası aniden geçmedikçe, ki bu pek olası değildir, uzun kaydırma muhtemelen burada kalacaktır.

Daha Küçük Ekranlar – Daha Uzun Kaydırma

Mobil cihazlar geliştikçe ve işlevsel olarak geliştikçe, uzun kaydırma teknikleri ve işlevleri de gelişecek ve gelişecektir - bu yüzden bizi izlemeye devam edin.

Küçük Ekran Paralaks Olanakları

Paralaks şu anda öncelikle bir masaüstü efektidir ve henüz tasarımcıların ve kullanıcıların olmasını istediği kadar mobil dostu değildir. Ajax ve diğer otomatik yükleme stratejilerindeki iyileştirmeler sayesinde, bu durum mutlaka düzelecektir.

Küçük Ekran Paralaks Olanakları

Paralaks eğlenceli bir özel efektten daha fazlasıdır. Doğru kullanıldığında, kullanıcıyı meşgul edecek pürüzsüz bir görsel anlatım sağlayabilir.

Uzun Kaydırma ve Minimalizm – Olağanüstü Bir Kombinasyon

Uzun kaydırmanın, popülaritesi arttıkça diğer trendleri içermesi veya bunlarla uyum içinde hareket etmesi beklenebilir. Örneğin minimalizm eğilimini ele alalım. Minimalizm ve uzun kaydırma özellikle ilişkili görünmese de, minimalist bir siteye uzun kaydırma özelliği verin ve bazı şaşırtıcı sonuçlar elde edebilirsiniz.

Uzun Kaydırma ve Minimalizm – Olağanüstü Bir Kombinasyon

Yukarıdaki örneklerin tümü, mobil cihazlar düşünülerek tasarlanmıştır. Ancak masaüstlerinde eşit derecede iyi çalışırlar. Uzun kaydırma teknikleri, dokunma hareketleri kullanıldığında gerçekten parlıyor, ancak tasarımcıların bu teknikleri dokunmatik olmayan uygulamalarla kullanmanın daha iyi yollarını bulmasını bekleyebilirsiniz.