it-swarm.asia

Dalam kisi, cara menampilkan tajuk kolom panjang

Saat menampilkan data dalam kisi (setiap baris berisi catatan, setiap kolom bidang rekaman berbeda), kebutuhan ruang vertikal mudah diselesaikan dengan menggulir atau paging.

Kami biasanya lebih cepat kehilangan ruang horizontal karena jumlah kolom atau data kolom menjadi besar. Topik ini sudah dibahas di sini: Cara menampilkan terlalu banyak data dan ini bukan poin dari pertanyaan saya.

Beberapa kolom memiliki data yang menempati sedikit ruang (kotak centang, tanggal atau ikon), tetapi label tajuknya panjang. Hasilnya adalah kolom menjadi lebar karena tajuk, bukan data, dengan hilangnya ruang horizontal yang jelas.

Ada beberapa solusi sederhana:

  • temukan teks header yang lebih pendek
  • bungkus teks header menjadi beberapa baris
  • tampilkan teks header secara vertikal
  • tampilkan singkatan dengan mouse over tooltip yang berisi label lengkap
  • gunakan ikon sebagai tajuk

Ada beberapa kasus ketika tidak ada solusi yang dapat diterapkan, menjaga UI yang jelas dan mudah dipahami pada saat yang sama. Apa solusinya?

13
Mart

Pendekatan yang paling banyak digunakan yang pernah saya lihat adalah menggunakan Ellipsis untuk menunjukkan bahwa ada lebih banyak teks, seperti ini:

alt text

Anda kemudian dapat memberikan tooltip saat mengarahkan kursor untuk menunjukkan nama lengkap kepada pengguna. Pada Mac OS, Apple mencoba untuk menyingkat teks sebagai langkah pertama. Mereka melakukannya dengan mengurangi jarak antara huruf dan kata. Idenya adalah untuk menunjukkan kepada Anda sebanyak mungkin karakter sebelum menambahkan Ellipsis sebagai pilihan terakhir.

Saya telah melihat pendekatan lain yang jauh lebih elegan dalam aplikasi di suatu tempat di mana mereka memudar huruf terakhir yang dapat ditampilkan. Saya tidak dapat mengingat nama aplikasi, tetapi tampilannya seperti ini:

alt text

Ini jelas lebih banyak pekerjaan, tetapi jelas terlihat lebih modern dan berkelas. Saya terkejut bahwa ini belum menjadi fitur standar Mac OS. Omong-omong, Apple tidak menggunakan fading di Spotlight untuk menunjukkan kepada Anda path file yang panjang:

alt text

Selain path file yang pudar, lihat file "YLListenerBase.cpp": Anda dapat melihat bahwa file itu terkondensasi jika Anda membandingkannya dengan file .h-nya. Jalur file dengan efek fading ada di bagian bawah jendela.

7
Hisham

Saya pikir saya menyarankan ini dalam komentar di pertanyaan lain, tetapi untuk rekap ... Saya akan menyarankan ikon ketika ikon dapat secara akurat menggambarkan arti kolom.

alt text

Kutipan dari komentar pada pertanyaan lain:

Misalnya. jika Anda memiliki kolom yang hanya akan berisi satu karakter (misalnya Y/N/?, atau 0/1/2/3 /? atau T/F) jika Anda dapat menggunakan ikon atau teks singkat di header Anda mungkin mampu sangat mengurangi lebar kolom. misalnya jika Anda memiliki kolom "Angka", menggunakan "#" sebagai gantinya akan menghemat ruang.

3
scunliffe

Daftar Anda cukup lengkap. Tidak banyak yang dapat Anda lakukan selain memilih apa pun yang terbaik untuk situasi Anda.

  • Jika tajuk Anda terdiri dari beberapa kata, pembungkusnya mungkin merupakan pilihan terbaik. Anda juga dapat memecah-mecah Word panjang sesekali jika Anda menggunakan tanda hubung yang tepat. Jangan putus kata pada titik-titik sembarang.

  • Biasanya Anda lebih beruntung mendapatkan singkatan yang dapat ditebak daripada ikon, kecuali jika ikon sudah dibuat di tempat lain di aplikasi. Jika Anda tidak menggunakan singkatan yang ada, ujilah dalam konteks untuk memastikan pengguna dapat menebaknya. Ya, gunakan tooltips apakah Anda menggunakan ikon atau singkatan, tetapi jangan mengandalkan mereka untuk penggunaan normal. Singkatan pada umumnya tidak membutuhkan titik, sehingga akan menghemat ruang.

  • Jika Anda menampilkan tajuk secara vertikal, Anda akan mendapatkan keterbacaan yang lebih baik dengan menulis teks ke samping, daripada menumpuk huruf di atas satu sama lain.

  • Alih-alih menampilkan header secara vertikal, “tekuk” kolom di bagian atas dan tampilkan teks header pada sudut 30 hingga 45 derajat. Sekarang hanya perlu sedikit kepala untuk membacanya. Namun, itu hanya berfungsi jika Anda memiliki banyak kolom yang berdekatan dengan header yang panjang.

  • Untuk beberapa kisi seperti di mana nilai bidang cenderung memiliki lebar yang sama di seluruh bidang yang berbeda (mis., Untuk menampilkan jadwal kereta api), masuk akal untuk menukar kolom dengan baris. Sekarang tajuk kolom Anda adalah tajuk baris, yang bisa sepanjang diperlukan tanpa menghabiskan ruang.

Ingatlah bahwa tidak ada hukum yang melarang pengguliran horizontal dalam kisi. Pengguna telah melakukannya selama bertahun-tahun dengan spreadsheet.

2
Michael Zuschlag

Mengapa tidak menggunakan 'cloud' yang bertumpuk di atas kolom yang didengar? Jika mereka benar-benar penting untuk dimiliki, gila:

       ________________   _____________
      |Super Long Title| |I'm also long|
               ^            ^
| Foo | Bar |  |   | Baz |  |  | FooBar |
|  x  |  y  |   z  |  xy |  yx |  xyz   |
|  x  |  y  |   z  |  xy |  yx |  xyz   |
|  x  |  y  |   z  |  xy |  yx |  xyz   |
|  x  |  y  |   z  |  xy |  yx |  xyz   |
|  x  |  y  |   z  |  xy |  yx |  xyz   |
|  x  |  y  |   z  |  xy |  yx |  xyz   |
|  x  |  y  |   z  |  xy |  yx |  xyz   |
|  x  |  y  |   z  |  xy |  yx |  xyz   |
2
Dominic Hopton

Beberapa solusi bagus sudah disebutkan. Berikut ini yang perlu dipertimbangkan: Gunakan pengidentifikasi warna, angka atau huruf untuk kolom dan legenda.

Color and Letter Identifyers

1
Ray Perfetti