web-gelistirme-sc.com

Daha iyi bir kullanıcı deneyimi nedir: Tarayıcı penceresinin kaydırma yapmasını sağlayan kaydırılabilir bir tablo veya tam boyutlu bir tablo?

Daha iyi bir kullanıcı deneyimi nedir:

  1. DIV'de taşma css ayarları kullanılarak kaydırılabilir bir tablo?
  2. Tarayıcı penceresinin kaydırma yapmasına izin veren tam boyutlu bir tablo?
11
7wp

Tarayıcının kaydırma çubuğunun (2) verilerin kaydırılmasını yapmasına izin veren tam boyutlu bir tablo daha iyi bir kullanıcı deneyimidir, çünkü aynı sayfadaki birden fazla kaydırma çubuğu kullanıcıları karıştırır ve biraz sinir bozucu olur.

Tabii ki, bu sadece burada kaydırma hakkında konuştuğumuz veriler sayfanın ana odağıysa geçerlidir, bu durumda ekranın o bölümüne ayrılmış bir kaydırma çubuğunun olması kabul edilebilir.

13
Ryan Shripat
  1. Aynı tarayıcı penceresindeki birden çok dikey kaydırma çubuğu, özellikle kaydırma tekerleğini kullanırken kafa karıştırıcı olabilir.
3
Mattias Kihlström

Arayüz bağlamında mantıklı olduğu sürece, her iki yöntem de kullanılabilir. Genel kural olarak DIV'ler içinde kayan DIV'leri kullanmamaya çalışıyorum, ancak dağınık olduklarından. Kullanıcı kaydırma bir DIV'nin tabanına çarptığında, tarayıcı genellikle bir sonraki DIV'yi veya sayfayı karıştırıp kaydırmaya başlayabilir.

Deneyimlerime göre, daha az karmaşık bir arayüz daha kısa bir kabul/öğrenme eğrisine sahip olacak, diğer tüm faktörler eşit olacaktır.

2
Matt

Çok büyük bir veri tablonuz varsa, bunu yapmanın en iyi yolunun, tablodaki <tbody> Etiketindeki taşmayı ayarlamak için CSS kullanmak olduğunu söyleyebilirim. Bu şekilde, başlığınız (<thead> İçinde depolanır) kullanıcı ne kadar kaydırma yaparsa yapsın görünür kalacaktır. Bu, kullanıcıya tablo şeklinde verileri görüntülerken standart bir uygulamada sağlanabileceklere benzer bir deneyim verecektir.

Bence bu en iyi çözümdür çünkü birçok kaydırmada, kullanıcının bu sütun başlıklarının ne olduğunu hatırlaması gerekir ve bunu her zaman üstbilgileri görebilecek şekilde yapabilirseniz, kesinlikle onlara daha iyi bir deneyim sunuyorsunuz. (Steve Krug'un ölümsüz sözlerini hatırlayın - "Beni Düşünme").

2
Charles Boyung

Bu yazıyı okuduktan hemen sonra tarayıcı penceresinde kaydırılabilir bir pencerenin çok kötü uygulanması durumunda mükemmel örnek oldu. Bunun ne kadar garip olduğunu düşünüyorum.

İlk önce tüm köpekleri kaydıran dış kaydırma çubuğunu kullanmaya çalıştım, fareyi iç pencerede hareket ettirerek köpekleri kaydırıyor ama şimdi pencerenin sadece yarısını görüyorum ve geri taşımak için ilk kaydırma çubuğuna geri dönmem gerekiyor. Birincil içerik, bunun gibi küçük bir iç çerçeveye indirgenmemelidir.

2
scauer

Seçenek 2 ile gidin. Kaydırma içinde kaydırma, en alta geldiğinizde ve sayfa aşağı uçtuğunda kullanıcıları ve rahatsız edici olanı her zaman karıştırır.

Sorum şu: Verileri, görüntülenen veri kümesinin başlaması için daha küçük olacak şekilde sıralamanın bir yolu var mı? Ya JavaScript ve CSS karışımı ile gizleyerek ya da bir tür komut dosyası kullanarak? Birçok veri satırını görüntülemek asla bu kadar kullanıcı dostu değildir. Kullanıcı ctrl + f'nin mucizelerini anlamadığı sürece, kaydırma yaparak çok zaman harcanabilir.

Ayrıca, kaydırdıkça listenin en üstünde yer alan üstbilgiler eklemeyi de düşünebilirsiniz. Bu şekilde, kullanıcıların sütun adlarının ne olduğunu öğrenmek için yukarı geri gitmek zorunda kalmazlar.

2
LoganGoesPlaces

Genellikle yuvalanmış kaydırma çubuklarından kaçınılmalıdır. Gerçekten kullanılmaları gereken tek zaman, tablonun altında, tablonun çok uzun olması durumunda gözden kaçırılabilecek kontrollerinizin olması.

2
Tom R

Öngörülen kullanıma bağlıdır.

İç içe kaydırma çubuklarından kaçınmak için birçok iyi neden vardır, ancak tablonun kaydırılması gereken durumlar da vardır. İşte bazıları:

  1. Masanın dışında, her şey ekrana sığar. Bu durumda, iç içe kaydırma çubuklarınız yoktur (yani tarayıcıda bunlara sahip değildir) ve yalnızca tabloyu kaydırılabilir yapmak için iyi nedenler olabilir.
  2. Tablonun ana kullanımı, bazı küçük kısımlarını sayfadaki başka bir şeye karşı göndermektir. Örneğin, kullanıcının araması gereken bir şeye dayanarak üç bilgiyi doldurmanız gerekir ('bir şey' otomatikleştirmek için çok sezgiseldir). Sayfanın tamamını kaydırılabilir yaparsanız, kullanıcının istediği şeyi bulmak için tabloyu araması ve ardından bilgileri doldurmak için en üste kaydırıp yeniden arama yapması gerekir. kullanıcı arayüzünün ekranı ekranda kalır.
2
DJClayworth

dikey kaydırma, tarayıcının yatay kaydırma yapmasını sağlar (tamamen ortadan kaldırmalısınız) işlemek için css taşma ayarlarını kullanın.

Çalışmalar, kullanıcının aşağı kaydırmayı önemsemediğini, ancak kaydırmaktan nefret ettiğini göstermiştir.

1
Sruly