Kaçınmanız Gereken 2 Kayan Kullanıcı Arayüzü Püf Noktaları


Kaydırma, bildiğimiz şekliyle web'in temel bir işlevidir. Bununla birlikte, bazı web siteleri kaydırmanın çalışma şeklini değiştirmeyi sever, bu sizi sadece şaşırtmakla kalmaz, aynı zamanda genel deneyiminizi olumsuz yönde etkiler.

Özetle, kaydırma gibi işlevler basit tutulmalıdır. Bu makalede, kaydırmanın kullanıcı deneyimini nasıl etkileyebileceğinden bahsedeceğiz. Ardından, kaçınmanız gereken iki popüler kaydırmalı UI hilesini tartışacağız ve daha iyi alternatifler hakkında konuşacağız.

Okumaya devam etmek için aşağı kaydırın!

Kaydırmanın Neden Web Sitenizin İşlevselliği Üzerinde Etkisi Vardır?

Bugünlerde web siteleri, hem işlevsellik hem de stil açısından inanılmaz derecede karmaşık olabilir. Ancak, onlarla etkileşim şeklimiz genellikle çok basittir. Çoğu durumda, bir web sitesiyle etkileşimler, tıklama, yazma veya kaydırma şeklinde gerçekleşir. Hepimiz bu üç işlevin nasıl çalıştığını biliyoruz ve daha da önemlisi evrensel olmalarını bekliyoruz.

Örneğin, içinde herhangi bir yeri her tıkladığınızda sayfayı aşağı kaydıran bir web sitesini ziyaret ettiğinizi hayal edin. Navigasyonu kafa karıştırıcı hale getirir ve bazı durumlarda, özellikle teknoloji konusunda bilgili değilseniz, tarayıcınızda veya bilgisayarınızda bir sorun olduğuna inanmanıza neden olabilir.

Ancak, web sitenizin kullanılabilirliğini etkilemeden çalışmalarını kaydırma nasıl değiştirebileceğiniz yolu vardır. Örneğin paralaks alın. Farklı hızlarda bölümler arasında gezinerek elde edilen sahte bir derinlik hissi yaratarak çalışır:

Paralaks kaydırma örneği.

Ancak paralaks, kaydırma işlevi kullanıcı için aynı kaldığı için çalışır. Bu sadece görsel bir hiledir ve iyi uygulanırsa çarpıcı görünür. Bunu akılda tutarak, kullanıcı deneyimini mutlaka iyileştirmeyen, ancak yaygın olan bazı kaydırmalı UI hilelerinden bahsedelim.

Kaçınmanız Gereken 2 Kayan Kullanıcı Arayüzü Püf Noktası (Ve Neden)

Web sitenize yeni işlevler uyguladığınızda, kendinize iki şey sormanız gerekir: Bir amacı yerine getiriyor mu ve sitenizin kullanımını daha karmaşık hale getiriyor mu? Cevaplar ideal olarak sırasıyla “Evet” ve “Hayır” olmalıdır. Aksi takdirde, elinizde bir sorun var.

İşte yukarıdaki sorulara farklı cevaplar sunan iki yaygın kaydırma taktiği.

1. Sonsuz Kaydırma

Sonsuz kaydırma örneği.

Sonsuz kaydırılan bir site şıktır, ancak aşırı pratik değildir.

Sonsuz kaydırma, neredeyse hiç bitmeyecek gibi görünen web siteleri için akılda kalıcı bir addır. Bunu uygulamak, kullanıcıların içeriğiniz bitene kadar kaydırdıkça daha fazla içeriği dinamik olarak yükleyecekleri anlamına gelir.

Sonsuz kaydırma genellikle galerilerde veya blog dizinlerinde kullanılır. Amaç, genellikle birkaç sayfa arasında geçiş yapmak zorunda kalmadan site metriklerinde geçirilen süreyi iyileştirmektir. Etki havalı görünse ve mantıklı bir amaca sahip olsa da, taktiği uygulamanın üç önemli dezavantajı vardır:

  1. Çoğu altbilgi ile iyi çalışmıyor. Sitenizin sonu yoksa, ekran alanını kaplayan yapışkan hale getirmediğiniz sürece altbilgi kullanamazsınız.
  2. Tek bir sayfada çok fazla içerik performansı etkileyebilir. Bir sayfadaki içeriği artırmak, ziyaretçileriniz için kaynakları tüketecektir. Bu, kullanıcılar gezinirken web sitenizin potansiyel olarak yavaş hissetmeye başlayabileceği anlamına gelir.
  3. Yükleme animasyonlarını uygulamanız gerekir. Bir sayfanın en altına indiğinizde daha fazla içeriğin yüklendiğini belirtmek için genellikle bir tür görsel ipucu eklemeniz gerekir. Aksi takdirde, ziyaretçiler neler olduğunu anlayamayabilir.

Sonsuz kaydırmanın basit alternatifi 'sayfalama'dır. Web siteniz içerik açısından ağırsa, sayfaları kullanarak ayrıştırmak mantıklıdır. Mizanpajınız sadece daha az dağınık görünmekle kalmayacak, aynı zamanda bir sayfadan diğerine atlamak, navigasyon kadar basit olacaktır.

Divi kullanıcıları, bir dizinde kaç gönderi görüntüleneceğini seçebilir ve tema, içeriğe göre sayfaları otomatik olarak ekleyecektir. Aynısı, tek bir sayfaya rahatça sığdırmak için çok fazla resminizin olduğu durumlarda sayfalandırmayı destekleyen Galeri modülü için de geçerlidir.

Yalnızca içeriğe mütevazı bir miktarda varsa web sitenize daha fazla sayfa eklemeyi önleyebilirsiniz. Ancak, büyüdükçe, kullanıcı gezinmesini etkilemeyen tasarım seçimleri yapmanız gerekir. Sayfa eklemek, karmaşık bir soruna zarif bir çözümdür ve bahse gireriz hiçbir kullanıcı bundan şikayet etmeyecektir.

2. Kaydırma Ele Geçirme

Bir kaydırma kaçırma örneği.

Kaydırma kaçırma, ilginç, ancak kullanıcı dostu olmayan bir anlatı deneyimi sağlayabilir.

Normalde kaydırma, klavyenizi mi yoksa farenizi mi kullandığınıza bağlı olarak belirli bir hızda gerçekleşir. Ancak, bazı web siteleri bu işlevleri 'ele geçirerek' bölümler arasında çok az geçişle atlamanızı sağlar. Kulağa önemsiz geliyor, ancak vahşi doğada karşılaştığınızda sarsıcı olabilir.

Genellikle tasarım ve stil açısından yoğun siteler kaydırma kaçırma uygular. Çok sayıda animasyon, video arka planı ve diğer zil ve ıslıklara sahipler. Çarpıcı görünebilseler de, aynı zamanda ezicidirler. İşte bu yüzden özellikle kaydırma kaçırmaya karşıyız:

  • Navigasyonun yavaş görünmesini sağlar. Çoğu durumda, geçişler anlık görünmemek için yapay olarak yavaşlatılacaktır. Ancak sonuç, web sitenizin halsiz hissetmesidir.
  • Kullanıcılarınızın özgürlüğünü elinden alır. Kullanıcılar sitenizde özgürce gezinebilmeli ve kaydırma ele geçirme, görmelerini istediğiniz şey tarafından kısıtlanmış gibi hissetmelerini sağlayabilir.
  • Bazı ziyaretçiler değişiklikle karıştırılabilir. Bir kullanıcının web sitenizde gezinmek için teknoloji konusunda bilgili olması gerekiyorsa, kullanılabilirlik açısından muhtemelen çok düşük puan alır.

Scroll kaçırmanın arkasındaki amaç, etkileşimi artırmaktır. Bunu bir hedef olarak görmek gayet güzel ve neyse ki bunu web sitenizin kullanılabilirliğini etkilemeden yapmanın birkaç yolu var. Örneğin mikro etkileşimler eklemek, ziyaretçilere web sitenizin daha 'canlı' olduğunu hissettirmenin mükemmel bir yoludur.

Ancak, çekici bir kullanıcı deneyimi oluşturmak için web sitenizi animasyonlarla doldurmanız gerekmez. Sitenizin kalıpları kırmasını istiyorsanız, bunu yapmanın en iyi yolu, Divi'nin modüler sistemi sayesinde başarmanıza yardımcı olabileceği benzersiz bir gezinme şeması tasarlamaktır.

Çözüm

Web tasarımı söz konusu olduğunda kaydırma, çoğumuzun dikkat ettiği bir şey değildir. Sonuçta, işlevsellik çoğu platformda ve uygulamada aynı şekilde çalışır. Bunu akılda tutarak, web sitenizin kullanılabilirliği tüm ziyaretçiler için doğal olarak etkilendiğinden, bunu değiştirmek genellikle kötü bir fikirdir.

Genel olarak konuşursak, web sitenizde kullanılabilirliğini olumsuz yönde etkileyen değişiklikler yapılmasına karşıyız ve kaydırmanın çalışma şeklini değiştirmek bunlardan biridir. Özellikle kaçınmanızı önerdiğimiz iki kayan kullanıcı arayüzü hilesi vardır ve bunlar:

  1. Sonsuz kaydırma: Bu tasarım hilesi harika görünebilir, ancak web sitenizin performansını etkileyebilir.
  2. Kaydırma ele geçirme: Kaydırma ve tıklama gibi temel işlevler, ziyaret ettiğiniz tüm web sitelerinde aynı kalmalıdır.

Web sitenizde kaydırmanın çalışma şeklini değiştirmek hakkında ne düşünüyorsunuz? Aşağıdaki yorumlar bölümünde düşüncelerinizi bizimle paylaşın!

mamanamsai / Shutterstock.com'dan makale resmi küçük resmi.

Copyright statement: Unless otherwise noted, this article is Collected from the Internet, please keep the source of the article when reprinting.

Check Also

Divi's Theme Builder ile Özel Global Başlık Nasıl Oluşturulur

Artık Tema Oluşturucu burada olduğuna göre, web sitenizi A'dan Z'ye kurmanıza yardımcı olacak yeni eğitimlere dalmak için sabırsızlanıyoruz. Buna Divi'nin yerleşik seçeneğini kullanarak özel başlıklar oluşturma da dahildir. Bu eğitimde Divi's Theme Builder'ı kullanarak global bir başlık oluşturmaya odaklanacağız. Bu sayfaya veya gönderiye farklı bir başlık atamadıysanız, web sitenizin her yerinde genel bir başlık görünecektir.

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir