Bilah gulir khusus vs. peramban asli


8

Termasuk scrollbar berbasis JavaScript yang dapat disesuaikan (dan fungsi scrolling secara umum, yaitu ikat kontrol ke roda gulir mouse) di webapp Anda bisa menjadi godaan yang hebat.

Namun semua solusi yang dapat saya temukan dikembangkan oleh individu (yang dapat sama dengan kurangnya dukungan formal atau masa depan). Selain itu, saya gagal mengingat situs utama mana pun yang menggunakannya.

Dalam kasus khusus saya, lingkungan tanpa-JavaScript atau IE6 / aneh-browser tidak dimaksudkan untuk didukung.

Haruskah scrollbar kustom dihindari saat ini? Jika tidak, apa pilihan terbaik yang bisa dipilih?


Scrollbar untuk apa?
CaffGeek

Pertama-tama lupa mencoba mendukung IE6 100%, tidak akan terjadi. Selain itu, penggunaan pasar sangat minim.
The Muffin Man

Chad - menu vertikal dan tabel / kisi data. Nick - sebenarnya saya menulis bahwa saya tidak mendukungnya :)
vemv

5
Memperluas pada pertanyaan Chad, saya pikir secara umum Anda hanya harus mengganti kontrol OS-asli jika Anda benar-benar perlu untuk memberikan fungsionalitas tambahan. (Contoh akan menjadi daftar pilih kaya.) Saya tidak bisa melihat mengapa Anda harus menggunakan scrollbar kustom. Apa yang ingin Anda capai?
Mitch Lindgren

1
Saya hanya mencoba untuk menjaga penampilan yang konsisten dengan elemen-elemen lain di aplikasi, tidak ada fungsi tambahan yang diperlukan ...
vemv

Jawaban:


16

Salah satu argumen yang sangat penting yang selalu meyakinkan saya dalam hal kegunaan adalah konsistensi. Anda mungkin ingin membuat semua pegangan di situs Anda terlihat sama, tujuan yang mulia, tetapi pikirkan tentang bagaimana seseorang menggunakan aplikasi atau situs Anda. Mereka tidak hanya menggunakan milik Anda, mereka menggunakan banyak. Bahkan, saya sudah mendapatkan 8 tab dari 6 situs web yang berbeda yang terbuka sekarang. Saya dapat beralih ke tab apa pun dan masih memiliki bilah gulir yang sama, terlihat sama, di mana pun. Saya selalu tahu di mana saya dapat menggulir konten saya.

Jadi jika memungkinkan, dan jika itu tidak membuat marah setiap desainer grafis, tetap dengan apa yang orang ketahui :) Kecuali Anda memiliki ide baru yang brilian, yang akan menjadi revolusi baru dalam pengguliran!


Saya tidak setuju dengan @Pelshoff. Meskipun Anda membawa alasan yang bagus, tetapi berdasarkan alasan yang sama, desainer harus berhenti membuat drop-down, kotak centang, tombol, dll yang indah, karena ketika pengguna mengubah tab browser mereka, mereka melihat apa yang biasa mereka lakukan.
Saeed Neamati

3
@Seed: tapi itulah masalah penyeimbangan. Apakah keindahan merusak kegunaan, dan jika demikian, mana yang lebih penting? Itulah yang saya maksud dengan paragraf terakhir dari jawaban saya. Anda harus mempertimbangkan opsi per proyek dan dengan segala cara menembak bintang-bintang jika Anda pikir Anda dapat merancang elemen kontrol yang lebih baik dan / atau lebih indah. Salah satu terobosan UX utama dalam sistem operasi adalah bahwa 'setiap' program memiliki tombol tutup yang sama, bilah menu yang sama, semuanya sama kecuali untuk yang benar-benar membuat program berbeda :)
Pelshoff

@ SaeedNeamati Desain grafis seharusnya tidak terlalu mencolok. Jika pengguna memperhatikannya, maka itu terlalu banyak.
Tulains Córdova

5

Jika Anda menambahkan bilah gulir khusus Anda sendiri, pengguna harus menunggu dan memprosesnya dalam pikiran mereka selama beberapa saat - sebelum mereka dapat menggunakannya. Ini tidak selalu baik - Anda sudah memiliki konten di situs Anda untuk dilihat dan dipahami pengguna, biarkan yang lainnya keluar seperti yang diharapkan.

Selalu berusaha membuat situs Anda MUDAH dinavigasi. Kecantikan seharusnya tidak menuntut (atau mengaktifkan) kesadaran .


Kalimat terakhir merangkumnya dengan cukup baik!
vemv

3

Saya pikir bahwa mengganti bilah gulir bukanlah ide yang baik. Saat Anda terbiasa dengan os dan browser - menggulir tidak memerlukan banyak input dari otak Anda. Memiliki yang dirancang dengan baik itu luar biasa tetapi Anda akan membingungkan pelanggan Anda. Apakah nilai tambah cukup untuk mengimbangi gangguan untuk kepalan tangan beberapa kali mereka menggunakannya.


2

Gagasan saya adalah bahwa menggunakan bilah gulir khusus, jika tetap dalam lingkup estetika, yaitu terlihat seperti hanya mengubah kulit bilah gulir default, bukan ide yang buruk. Pengguna segera memahami bagian khusus lain dari halaman web seperti tombol kustom, kotak centang kustom, dll. Apakah Anda memiliki masalah dalam memahami atribut yang dapat diklik dari tombol suara di situs pertukaran stackex? Atau apakah Anda memiliki masalah berinteraksi dengan kotak teks input khusus untuk menandai pertanyaan di situs stackexchange, atau Yahoo mail? Bilah gulir juga dapat dikenali dengan cepat oleh pengguna akhir, asalkan mereka tidak mengubah tata letak, atau fungsionalitas yang diharapkan dari peramban, misalnya menggulir ke arah sebaliknya, atau membuat bilah gulir melingkar. Anda baik untuk pergi selama Anda hanya mengganti kulit.

Namun, ada beberapa masalah dengan scrollbar kustom yang harus Anda pertimbangkan:

  1. Mereka biasanya membutuhkan banyak waktu untuk menjadi cross-browser
  2. Mereka mungkin tidak kompatibel dengan maju, yaitu dengan merilis versi browser baru, mereka mungkin rusak berfungsi.
  3. Anda harus menerapkan perilaku pengguliran secara manual. Untuk item ini, pertimbangkan tombol HTML. Ketika Anda menambahkan disabled='disabled'atribut ke mereka, browser tidak akan menerima klik atau masuk lagi pada mereka. Namun, ketika Anda menggunakan <div>elemen untuk meniru perilaku tombol, maka Anda harus menerapkan perilaku yang dinonaktifkan sendiri. Bilah gulir khusus juga harus menerapkan fungsi gulir, yang sudah diterapkan oleh browser.

Terlepas dari hal-hal yang kami katakan, saya sarankan Anda memulai proyek hobi (bukan produksi) untuk pengalaman menggunakan dan menerapkan scrollbar kustom. Lihat halaman ini untuk contoh yang baik.


1

Jacob Nielsen memiliki entri bagus pada scrollbar dan apa yang harus Anda lakukan dengan mereka. Dia secara khusus merekomendasikan untuk tidak menggunakan scrollbars OS dan memperingatkan terhadap scrolling horizontal.


Artikel itu agak lama, terutama dalam istilah web. Dari apa yang saya pahami, lipatan itu sebagian besar adalah mitos, tentu saja tergantung pada audiens target Anda. Semua teman saya gulir dulu (!) Ketika mereka membuka halaman baru. Lihat artikel ini untuk info lebih lanjut: designfestival.com/the-fold-exists-but-does-it-matter
Pelshoff

Nelson menyatakan bahwa beberapa tahun kemudian dalam sebuah artikel lanjutan. Dia menemukan bahwa sebagian besar, lipatan tidak penting lagi. Tetapi rekomendasi tentang bagaimana membuat tampilan dan nuansa scrollbar masih sangat valid.
Malfist

Nah jika ada satu kalimat untuk disimpan di seluruh artikel ini, itu akan menjadi ini: Scrollbars mudah untuk
MrUpsidown
Dengan menggunakan situs kami, Anda mengakui telah membaca dan memahami Kebijakan Cookie dan Kebijakan Privasi kami.
Licensed under cc by-sa 3.0 with attribution required.