it-swarm.asia

Satu atau dua scrollbar untuk konten + sidebar?

Saya sedang mengerjakan desain situs web dan mencoba untuk memutuskan apakah memiliki sidebar scroll secara terpisah dari konten halaman, atau hanya memiliki satu scrollbar mengendalikan kedua divs. Prinsip apa yang harus saya gunakan untuk memandu keputusan? Dalam situasi apa Anda ingin konten sidebar tetap diperbaiki sementara pengguna menelusuri konten utama?

Satu Scrollbar

  • Pengguna tahu di mana mereka berada di halaman
  • konten di sidebar tetap di posisi yang sama relatif terhadap konten lainnya
  • Memegang mouse di mana saja pada halaman akan menggulung bilah
  • Sebagian besar situs web menggunakan hanya satu scrollbar - sesuai dengan harapan pengguna
  • dapat memiliki situs lebar tetap tanpa scrollbar jelek di tengah halaman

Dua scrollbar

  • Dapat melihat informasi di bilah sisi saat meramban konten utama, yang bagus ketika konten utama panjangnya> 4000px, atau Anda memerlukan informasi di bilah gulir dan di bilah konten utama secara bersamaan
  • Bilah samping memerlukan seluruh sisi kiri halaman, atau tajuk tetap yang mengurangi pentingnya konten utama, ketinggian vertikal kedua bilah samping dan konten utama
  • Membutuhkan penempatan mouse di dalam bilah sisi untuk menggulir kontennya
  • Dua contoh keputusan berbeda di sini dari perusahaan yang sama adalah Google Code, yang merupakan situs bilah gulir dengan lebar tetap, dan Google Reader, yang memiliki dua bilah gulir. Saya pikir dengan Pustaka Google, mereka memerlukan bilah gulir karena kontennya dihasilkan secara dinamis.

Saya menghargai bantuan Anda dengan ini - terutama jika Anda bisa mengarahkan saya ke data dengan cara apa pun.

11
Kevin Burke

Saya pikir opsi yang tidak Anda sebutkan dalam pertanyaan Anda adalah salah satu dari menggulir konten dengan bilah samping mengambang (yang lokasinya selalu jarak tetap dari tepi jendela, bukan tepi konten).

Saya akan berpikir dengan hati-hati tentang apakah kedua kolom perlu digulir. Dalam kasus yang Anda sorot, konteks pemindahan pengguna antara konten utama dan bilah sisi perlu kehilangan lokasi mereka di halaman (jika mereka menggulir ke bagian bawah konten utama dan perlu mengakses sesuatu di dekat bagian atas bilah sisi) atau harus mencari tahu secara mandiri menggulir frame dan memerlukan lebih banyak gerakan mouse untuk memilih kolom mana yang mendapat tindakan gulir.

Tanpa mengetahui ruang lingkup aplikasi yang Anda kembangkan, rekomendasi pertama saya adalah membatasi konten bilah sisi menjadi kurang dari ketinggian jendela. Jika Anda membutuhkan lebih banyak ruang, Anda bisa menggunakan tab di bilah sisi atau memiliki bagian paginasi secara horizontal di dalam bilah samping.

3
Brendan Berg

Saya akan mencoba menghindari pengguliran dan menyelesaikan menavigasi sidebar dengan cara yang berbeda. Misalnya dengan pagination dan perubahan sidebar seperti ajax.

alt text

1
Lode

Anda sepertinya sudah mengetahui pro dan kontra dari masing-masing jenis sehingga tidak terlalu banyak menambahkan. Seperti yang Anda katakan beberapa situs memerlukan 2 scrollbar sementara yang paling membutuhkan.

Saya akan menambahkan ide lain yang merupakan persilangan antara 2 yang Anda sebutkan. Anda dapat membuat bilah sisi yang diposisikan secara statis (css, posisi: diperbaiki) dan kemudian Anda masih memiliki bilah sisi tetap di tempatnya tetapi hanya dengan satu bilah gulir. Ini akan menjadi sedikit kurang membingungkan bagi pengguna dan bagus selama konten sidebar lebih pendek dari halaman.

0
Sruly