Apa pengalaman pengguna yang lebih baik: Tabel yang dapat digulir atau tabel ukuran penuh yang memungkinkan jendela browser melakukan pengguliran?
Apa pengalaman pengguna yang lebih baik:
- Tabel yang dapat digulir dengan menggunakan pengaturan css overflow dalam DIV?
- Tabel ukuran penuh memungkinkan jendela peramban melakukan pengguliran?
Tabel ukuran penuh yang memungkinkan bilah gulir browser (2) untuk melakukan pengguliran data adalah pengalaman pengguna yang lebih baik, karena bilah gulir berganda pada halaman yang sama cenderung membingungkan pengguna dan sedikit menyebalkan.
Tentu saja, ini hanya berlaku jika data yang kita bicarakan tentang pengguliran di sini adalah fokus utama halaman, dalam hal ini, dapat diterima untuk memiliki bilah gulir yang didedikasikan untuk bagian layar itu.
- Beberapa scrollbar vertikal di jendela browser yang sama dapat membingungkan, terutama saat menggunakan roda gulir.
Selama masuk akal dalam konteks antarmuka, metode mana pun dapat digunakan. Saya mencoba untuk tidak menggunakan scroll DIVs dalam DIVs sebagai aturan umum, bagaimanapun, karena mereka menjadi berantakan. Ketika pengguna bergulir menyentuh bagian bawah satu DIV, browser sering mulai menggulir DIV berikutnya atau halaman, yang bisa menggelegar.
Dalam pengalaman saya, antarmuka yang kurang rumit akan memiliki kurva penerimaan/pembelajaran yang lebih pendek, semua faktor lainnya sama.
Saya akan mengatakan bahwa jika Anda memiliki tabel data yang sangat besar, cara terbaik untuk melakukannya adalah dengan menggunakan CSS untuk mengatur overflow pada <tbody> tag di tabel. Dengan begitu, tajuk Anda (disimpan dalam <thead>) akan tetap terlihat tidak peduli berapa banyak yang pengguna gulir. Ini akan memberi pengguna pengalaman yang mirip dengan apa yang dapat disediakan dalam aplikasi standar saat melihat data tabel.
Saya pikir ini adalah solusi terbaik karena dengan banyak pengguliran, pengguna harus mengingat apa header kolom itu, dan jika Anda bisa membuatnya sehingga mereka selalu dapat melihat header, maka Anda pasti memberi mereka pengalaman yang lebih baik (Ingat kata-kata abadi Steve Krug - "Don't Make Me Think").
Terjadi pada contoh sempurna implementasi yang sangat buruk dari jendela yang dapat digulir dalam jendela browser segera setelah membaca posting ini. Saya pikir ini jelas bagaimana canggung untuk digunakan.
Saya pertama kali mencoba menggunakan scrollbar luar yang menggeser semua anjing menjauh, menggerakkan mouse di dalam jendela batin menggulung anjing-anjing tetapi sekarang saya melihat hanya setengah dari jendela dan harus kembali ke scrollbar pertama untuk memindahkannya kembali. Konten utama tidak boleh diturunkan ke bingkai batin kecil seperti ini.
Pergi dengan opsi 2. Gulir di dalam scroll selalu membingungkan pengguna dan itu menjengkelkan ketika Anda sampai ke bawah dan halaman terbang ke bawah.
Pertanyaan saya adalah, apakah Anda punya cara untuk mengurutkan data sehingga dataset yang ditampilkan lebih kecil? Entah dengan bersembunyi dengan campuran JavaScript dan CSS atau dengan menggunakan semacam skrip? Menampilkan banyak baris data tidak pernah semudah itu. Kecuali jika pengguna memahami keajaiban ctrl + f, banyak waktu dapat terbuang untuk bergulir.
Anda juga dapat berpikir tentang menambahkan header yang mengambang di bagian atas daftar saat mereka menggulir. Dengan begitu, pengguna tidak perlu menggulir kembali ke atas untuk mencari tahu apa nama kolomnya.
Biasanya scrollbar bersarang harus dihindari. Satu-satunya waktu mereka harus benar-benar digunakan adalah jika Anda memiliki kontrol di bawah tabel yang mungkin terlewatkan jika tabel sangat panjang.
Itu tergantung pada penggunaan yang Anda bayangkan.
Ada banyak alasan bagus untuk menghindari bilah gulir bersarang, tetapi ada juga kasus di mana tabel harus digulir. Inilah beberapa:
- Terlepas dari tabel, semua yang lain cocok di layar. Jika demikian, maka Anda tidak memiliki bilah gulir bersarang (mis. Peramban tidak memilikinya), dan mungkin ada alasan bagus untuk membuat hanya tabel yang dapat digulir.
- Penggunaan utama dari tabel ini adalah untuk referensi beberapa bagian kecil itu terhadap sesuatu yang lain pada halaman. Misalnya, Anda harus mengisi tiga potong informasi berdasarkan sesuatu di tabel yang harus dicari pengguna ('sesuatu' terlalu intuitif untuk diotomatisasi). Jika Anda membuat seluruh halaman dapat digulir maka pengguna harus mencari tabel untuk apa yang mereka inginkan, dan kemudian gulir ke atas untuk mengisi info, lalu cari lagi dll. Jika Anda membuat tabel dapat digulir maka bagian 'mengisi' UI tetap berada di layar.
pengguliran vertikal biarkan browser menangani pengguliran horizontal (Anda harus menghilangkan sepenuhnya) menggunakan pengaturan css overflow untuk menangani.
Penelitian telah menunjukkan bahwa pengguna tidak keberatan menggulir ke bawah tetapi benci menggulir ke seberang.