Bar Sisi Editor Vicks

Pereka UX dari IBM Zoltan Collin.

Ke penanda buku

Zoltan Collin

Borang lungsur turun kelihatan seperti pilihan reka bentuk yang jelas: ia mudah dan murah untuk dibuat, ia tidak menggunakan terlalu banyak ruang, ia secara automatik mengesahkan maklumat yang dimasukkan, ia disokong merentas semua penyemak imbas dan platform, dan pengguna telah pun digunakan. kepada mereka.

Dropdown ialah penggunaan dropdown yang paling biasa oleh pereka bentuk, dan menurut Pengarah Produk Google Luke Wroblewski, corak ini hanya boleh digunakan sebagai pilihan terakhir.

Mari kita lihat beberapa sekatan:

  • Pilihan lungsur turun tidak kelihatan sehingga pengguna mengklik atau mengetik borang. Di samping itu, pada pandangan pertama adalah mustahil untuk meramalkan berapa banyak baris yang akan berada dalam senarai - dua atau lima puluh.
  • Memilih pilihan daripada senarai juntai bawah ialah proses berbilang langkah, terutamanya pada peranti mudah alih: pengguna perlu mengetik borang dan membuka pilihan terlebih dahulu, tatal ke bawah dan cari yang mereka mahu, pilih dan tutup senarai.
  • Senarai jatuh turun membuat pereka malas kerana sangat mudah untuk menambah semua pilihan yang mungkin pada satu senarai tanpa sebarang keutamaan. Oleh sebab itu, senarai lungsur turun sangat serupa dengan templat lain - menu "hamburger".
  • Menatal senarai panjang seperti memilih negara adalah mimpi ngeri. Terutamanya pada peranti mudah alih, di mana carian papan kekunci biasanya tidak tersedia.
  • Pada sesetengah peranti, medan untuk memaparkan pilihan adalah sangat kecil, jadi meleret boleh menjadi mimpi ngeri.

Bilangan pilihan senarai yang boleh dilihat pada iOS mungkin kelihatan sangat kecil

Berita baiknya ialah terdapat banyak elemen kemasukan data alternatif yang akan berfungsi lebih baik daripada senarai juntai bawah dalam banyak kes.

Anggarkan bilangan pilihan

Anda tidak seharusnya menggunakan senarai juntai bawah untuk keputusan yang anda perlu memilih salah satu daripada dua pilihan. Cuba kotak semak atau butang radio sebaliknya.

Untuk sebilangan kecil pilihan yang saling eksklusif, borang dalam bentuk butang radio atau butang Kawalan Bersegmen adalah sesuai. Pengguna akan segera melihat semua pilihan yang tersedia, dan tidak perlu mengembangkan senarai.

Contoh penggunaan butang Kawalan Bersegmen

Bilangan pilihan yang boleh dilihat bergantung pada lebar skrin dan panjang teks. Walau bagaimanapun, anda tidak boleh menggunakan lebih daripada lima pilihan

Gunakan borang input dengan senarai lungsur turun yang ditapis untuk sejumlah besar pilihan yang ditakrifkan dengan baik di mana pengguna mengetahui dengan tepat apa yang mereka perlu cari.

Daripada menatal seluruh senarai, pengguna boleh memasukkan huruf pertama dan memilih pilihan yang ditapis

Untuk senarai yang besar dan pelbagai, adalah lebih baik menggunakan data pengguna sedia ada untuk memastikan pilihan jawapan yang popular disertakan dalam senarai. Dalam kes ini, 90% pengguna akan dapat memilih dengan segera pilihan yang diperlukan, dan baki 10% akan mengklik pada pilihan "Lain", yang akan dijelaskan dalam soalan seterusnya.

Dan walaupun "Lain" bukanlah penyelesaian yang paling elegan, keutamaan boleh meningkatkan UX untuk kebanyakan pengguna.

Nilaikan borang input pilihan anda

Salah satu faedah senarai lungsur turun ialah pengguna tidak perlu menaip terlalu banyak. Walau bagaimanapun, jika anda hanya perlu menaip sedikit dan data diminta agak kerap (contohnya, maklumat peribadi), maka lebih mudah untuk memasukkannya daripada memilihnya daripada senarai.

Pada peranti mudah alih, cara paling mudah untuk memasukkan tahun lahir anda ialah menggunakan pad kekunci angka dan bukannya senarai lungsur

Secara umumnya, pad kekunci berangka adalah cara paling berkesan untuk memasukkan nilai berangka.

Walaupun nilai senarai diisih mengikut tertib, mungkin lebih mudah bagi pengguna untuk menaipnya dengan tangan dan bukannya menatalnya.

Jika penting untuk anda mengesahkan data yang dimasukkan oleh seseorang, gunakan borang input dengan senarai lungsur turun yang ditapis.

Sebagai contoh, apabila pengguna perlu menentukan keadaan, hanya satu huruf boleh menapis senarai pilihan yang tersedia

Ini amat penting jika susunan pengisihan elemen senarai tidak jelas sepenuhnya.

Sebagai contoh, pengguna tidak faham dengan mata wang prinsip yang diisih. Jadikannya supaya mereka boleh mencari mengikut nama dan singkatannya

Perkara yang sama berlaku untuk senarai negara.

Untuk integer - seperti bilangan penumpang atau item dalam troli - sebaiknya gunakan stepper. Ia akan membolehkan pengguna menambah atau menurunkan nilai dengan satu klik.

Untuk nombor pecahan atau pembolehubah yang terletak pada skala, sebaiknya gunakan peluncur.

Senarai juntai bawah merujuk kepada kandungan beberapa nilai dalam satu sel. Apabila pengguna mengklik pada anak panah di sebelah kanan, senarai tertentu muncul. Anda boleh memilih yang tertentu.

Alat Excel yang sangat mudah untuk menyemak data yang dimasukkan. Keupayaan senarai juntai bawah membolehkan anda meningkatkan keselesaan bekerja dengan data: penggantian data, paparan data dari helaian atau fail lain, kehadiran fungsi carian dan kebergantungan.

Mencipta Senarai Jatuh Turun

Laluan: Menu data - Alat Pengesahan Data - Tab Pilihan. Jenis data – “Senarai”.

Anda boleh memasukkan nilai dari mana senarai juntai bawah akan disusun dengan cara yang berbeza:

Mana-mana pilihan akan memberikan hasil yang sama.



Senarai lungsur dalam Excel dengan penggantian data

Anda perlu membuat senarai juntai bawah dengan nilai daripada julat dinamik. Jika perubahan dibuat pada julat sedia ada (data ditambah atau dialih keluar), ia ditunjukkan secara automatik dalam senarai juntai bawah.


Mari kita mengujinya. Berikut ialah jadual kami dengan senarai pada satu helaian:

Mari tambah nilai baharu "pokok Krismas" pada jadual.

Sekarang mari kita keluarkan nilai "birch".

"Meja pintar", yang mudah "berkembang" dan berubah, membantu kami merealisasikan rancangan kami.

Sekarang mari kita memungkinkan untuk memasukkan nilai baharu terus ke dalam sel dengan senarai ini. Dan data telah ditambahkan secara automatik pada julat.


Apabila kami memasukkan nama baharu ke dalam sel kosong senarai juntai bawah, mesej akan muncul: "Tambahkan nama baobab yang dimasukkan ke senarai juntai bawah?"

Klik "Ya" dan tambah satu lagi baris dengan nilai "baobab".

Senarai jatuh turun dalam Excel dengan data dari helaian/fail lain

Apabila nilai untuk senarai lungsur turun terletak pada helaian lain atau dalam buku kerja lain, kaedah standard tidak berfungsi. Anda boleh menyelesaikan masalah menggunakan fungsi INDIRECT: ia akan menjana pautan yang betul ke sumber maklumat luaran.

  1. Kami menjadikan sel aktif di mana kami ingin meletakkan senarai juntai bawah.
  2. Buka pilihan pengesahan data. Dalam medan "Sumber", masukkan formula: =INDIRECT("[List1.xlsx]Sheet1!$A$1:$A$9").

Nama fail dari mana maklumat untuk senarai diambil disertakan dalam kurungan segi empat sama. Fail ini mesti dibuka. Jika buku dengan nilai yang diperlukan terletak dalam folder lain, anda perlu menentukan laluan penuh.

Cara membuat senarai jatuh turun bergantung

Mari kita ambil tiga julat bernama:

Ini adalah satu kemestian. Di atas menerangkan cara membuat senarai biasa julat bernama (menggunakan "Pengurus Nama"). Ingat bahawa nama itu tidak boleh mengandungi ruang atau tanda baca.

  1. Mari buat senarai lungsur pertama, yang akan merangkumi nama julat.
  2. Apabila anda telah meletakkan kursor dalam medan "Sumber", pergi ke helaian dan pilih sel yang diperlukan satu demi satu.

  3. Sekarang mari kita buat senarai juntai bawah kedua. Ia harus mencerminkan perkataan yang sepadan dengan nama yang dipilih dalam senarai pertama. Jika "Pokok", kemudian "hornbeam", "oak", dsb. Masukkan dalam medan "Sumber" fungsi borang =INDIRECT(E3). E3 – sel dengan nama julat pertama.

    4. Memilih berbilang nilai daripada senarai lungsur turun Excel

    Ia berlaku apabila anda perlu memilih beberapa item daripada senarai juntai bawah sekali gus. Mari kita pertimbangkan cara untuk melaksanakan tugas.

    1. Kami membuat senarai standard menggunakan alat Pengesahan Data. Kami menambah makro siap pakai pada kod sumber helaian. Bagaimana untuk melakukan ini diterangkan di atas. Dengan bantuannya, nilai yang dipilih akan ditambah di sebelah kanan senarai juntai bawah.
      2. Sub Helaian Kerja Peribadi_Tukar(Sasaran ByVal Sebagai Julat) Pada Ralat Sambung semula Seterusnya Jika Tidak Bersilang(Sasaran, Julat("E2:E9")) Tiada Apa-apa Dan Sasaran.Cells.Count = 1 Kemudian Application.EnableEvents = Palsu Jika Len(Target.Offset (0, 1)) = 0 Kemudian Target.Offset(0, 1) = Target Else Target.End (xlToRight).Offset(0, 1) = Target Tamat Jika Target.ClearContents Application.EnableEvents = True End Jika End Sub
    2. Untuk membuat nilai yang dipilih muncul di bawah, kami memasukkan kod pengendali lain.
      3. Subsheet_Tukar Peribadi(Sasaran ByVal Sebagai Julat) Pada Ralat Sambung semula Seterusnya Jika Tidak Bersilang(Sasaran, Julat("H2:K2")) Tiada Apa-apa Dan Sasaran.Cells.Count = 1 Kemudian Application.EnableEvents = Palsu Jika Len(Target.Offset (1, 0)) = 0 Kemudian Target.Offset(1, 0) = Target Else Target.End (xlDown).Offset(1, 0) = Target Tamat Jika Target.ClearContents Application.EnableEvents = True End Jika End Sub
    3. Untuk memaparkan nilai yang dipilih dalam satu sel, dipisahkan oleh sebarang tanda baca, gunakan modul berikut.

      4. Sub Helaian Kerja_Perubahan(ByVal Sasaran Sebagai Julat)
      Pada Ralat Resume Seterusnya
      Jika Tidak Bersilang(Sasaran, Julat("C2:C5")) Tiada Apa-apa Dan Sasaran.Cells.Count = 1 Kemudian
      Application.EnableEvents = Palsu
      newVal = Sasaran
      Permohonan.Buat asal
      oldval = Sasaran
      Jika Len(oldval)<>0 Dan oldval<>newValThen
      Sasaran = Sasaran & "," & newVal
      Lainlah
      Sasaran = newVal
      Tamat Jika
      Jika Len(newVal) = 0 Kemudian Target.ClearContents
      Application.EnableEvents = Benar
      Tamat Jika
      Tamat Sub

    Jangan lupa untuk menukar julat kepada "milik anda". Kami membuat senarai dengan cara klasik. Dan makro akan melakukan kerja yang lain.

    Senarai jatuh turun dengan carian

    Apabila anda memasukkan huruf pertama pada papan kekunci, elemen yang sepadan diserlahkan. Dan ini bukan semua aspek yang menyenangkan dari alat ini. Di sini anda boleh menyesuaikan persembahan visual maklumat dan menentukan dua lajur sebagai sumber sekaligus.

Dilancarkan pada tahun 2006, Wix ialah salah satu perkhidmatan pembinaan laman web dalam talian percuma yang paling popular. Wix menyediakan 39 juta lebih penggunanya dengan platform pembinaan tapak web percuma dan mudah digunakan. Sama ada anda memerlukan tapak web perniagaan atau portfolio peribadi, Wix mempunyai ratusan templat yang hebat untuk anda.

Editor perkhidmatan mudah digunakan, menggunakan kaedah drag-and-drop dan tidak memerlukan anda mengetahui HTML5, CSS, teknologi Flash atau bahasa pengaturcaraan lain. Semasa anda membina tapak web anda, anda boleh menukar komposisi strukturnya dengan mudah - warna, teks, latar belakang, imej, dll. Wix memberikan anda semua alatan yang anda perlukan untuk membina tapak web yang cantik. Apa yang anda perlu lakukan ialah mencipta.

Tidak seperti pembina laman web lain, Wix berusaha untuk memudahkan penggunanya. Menghormati orang ramai dan perkhidmatan sokongan berkualiti tinggi membezakan perkhidmatan daripada analognya. Ia adalah percuma sepenuhnya, dan jika perlu, anda boleh menggunakan pilihan premium. Harga boleh didapati dalam perihalan tarif premium.

Mungkin ada yang skeptikal. Adakah mungkin untuk membina tapak web yang cantik menggunakan seret dan lepas? Ya! Hari ini kami akan menunjukkan kepada anda pilihan laman web yang cantik untuk membuktikan kata-kata kami. Setiap tapak web dalam senarai di bawah dibina menggunakan . Selamat menonton!




















ARTIKEL BERKAITAN