Bagikan melalui


Kotak Pencarian

Nota

Panduan desain ini dibuat untuk Windows 7 dan belum diperbarui untuk versi Windows yang lebih baru. Sebagian besar panduan masih berlaku pada prinsipnya, tetapi presentasi dan contoh tidak mencerminkan panduan desain kami saat ini .

Dengan kotak Pencarian, pengguna dapat dengan cepat menemukan objek atau teks tertentu dalam sekumpulan data besar dengan memfilter atau menyoroti kecocokan. Tidak ada kontrol pencarian standar, tetapi Anda harus berusaha untuk membuat fitur pencarian program Anda konsisten dengan yang ada di Windows.

Ada dua jenis pencarian:

  • Pencarian instan, di mana hasilnya ditampilkan segera sebagai jenis pengguna. Tidak ada tombol yang perlu diklik, sehingga simbol pencarian kaca pembesar ditampilkan sebagai grafik, bukan tombol.

    Cuplikan layar yang memperlihatkan kotak pencarian instan dengan callout 'Prompt' yang menunjuk ke kotak Pencarian, dan callout 'Simbol pencarian' menunjuk ke grafik kaca pembesar.

    Kotak Pencarian umum menggunakan Pencarian instan. Pencarian secara otomatis dijalankan pada setiap penekanan tombol.

  • Pencarian reguler, tempat pencarian dilakukan saat pengguna mengklik tombol pencarian. Simbol pencarian kaca pembesar ditampilkan pada tombol.

    cuplikan layar kotak pencarian biasa

    Kotak Pencarian umum menggunakan pencarian reguler. Pengguna mengklik tombol untuk melakukan pencarian.

    Anda dapat menyediakan salah satu atau kedua jenis opsi pencarian untuk pengguna Anda.

Apakah ini kontrol yang tepat?

Untuk memutuskan, pertimbangkan pertanyaan-pertanyaan ini:

  • Apakah objek tertentu sulit ditemukan? Ini dapat terjadi ketika:
    • Ada banyak objek.
    • Objek tidak terletak di satu lokasi. Pencarian sangat berguna untuk menemukan objek di pohon.
    • Data pencarian sulit ditemukan (misalnya, metadata).
  • Apakah pengguna perlu menemukan teks tertentu dalam dokumen?
  • Apakah fitur Anda mengembalikan hasil pencarian yang relevan dalam waktu lima detik? Jika tidak, Anda dapat menyediakan fitur pencarian, tetapi menggunakan desain alternatif yang memberikan umpan balik yang terlihat untuk mengakomodasi pencarian yang berjalan lama, seperti kotak dialog pencarian.

Konsep desain

Pencarian adalah langkah pertama yang penting dalam banyak skenario: Pengguna harus menemukan objek sebelum mereka dapat menggunakannya. Pengguna menyimpan semakin banyak objek pada hard disk yang semakin besar, tetapi menjelajah untuk objek tidak diskalakan dengan baik. Pencarian harus menjadi bagian yang sederhana, konsisten, dan dapat diandalkan dari pengalaman pengguna.

Kotak pencarian di Windows:

  • Adalah bagian dari semua jendela Explorer, sehingga mudah ditemukan dan dikenali.
  • Memiliki penampilan dan perilaku yang konsisten.
  • Efisien dan cepat, memberikan hasil instan dalam mode Pencarian instan.

Kotak Pencarian digunakan di Windows di tempat-tempat ini:

  • Penjelajah
  • Pengalaman (Microsoft Windows Media Player, Windows Photo Gallery, Windows Internet Explorer)
  • Menu mulai (untuk menemukan program dan file terbaru)
  • Beranda Panel Kontrol (untuk menemukan item dan tugas panel kontrol)
  • Bantuan (untuk menemukan topik Bantuan yang relevan)

Lihat dan rasakan

Nuansa Pencarian di Windows secara signifikan ditingkatkan dengan mendukung Pencarian instan. Memiliki hasil instan membuat Windows terasa lebih kuat dan langsung.

Di Windows Explorer dan jendela aplikasi, Pencarian terletak di sudut kanan atas jika merupakan titik masuk tambahan. Dalam hal ini, pengguna mencari mekanisme pencarian ketika mereka tidak menemukan apa yang mereka cari di jendela. Namun, jika Pencarian adalah titik masuk utama, itu dipusatkan di bagian atas jendela.

Tombol Cari tersambung secara visual ke kotak Pencarian. Untuk meminimalkan ruang, perintah opsional digunakan di dalam kotak Pencarian, bukan label. Perintah mungkin merupakan instruksi (misalnya, Ketik untuk mencari) atau menunjukkan cakupan pencarian (misalnya, Cari gambar).

cuplikan layar kotak pencarian instan

Tanpa label dan tombol terpisah, Pencarian instan di Windows memiliki tampilan yang ringan.

Melakukan pencarian yang berhasil membuat halaman virtual hasil pencarian dan menambahkannya ke tumpukan belakang dan bilah Alamat. Pengguna memiliki beberapa cara untuk memulihkan halaman asli dan menghapus kotak Pencarian, termasuk mengklik Kembali, mengklik halaman asli di bilah Alamat, menekan Esc, atau menghapus kotak Pencarian.

Pengguna juga dapat menghapus kotak Pencarian tanpa memulihkan halaman hasil sebelumnya. Dalam mode Pencarian instan, tombol hapus muncul setelah pengguna mulai mengetik; "x" menggantikan simbol pencarian kaca pembesar. Di hover, "x" mendapatkan tampilan tombol dan dapat diklik.

cuplikan layar kotak pencarian dengan ikon 'x'

Pengguna dapat menghapus kotak Pencarian dengan mengklik "x" di ujung kanan kontrol.

Dalam mode pencarian reguler, tombol hapus bersifat opsional. Pengguna mungkin merasa berguna, misalnya, jika pencarian membutuhkan waktu lama untuk diselesaikan. Pengguna dapat mengklik "x" untuk menghentikan pencarian yang sedang berlangsung. Jika pencarian telah selesai, pengguna dapat mengklik "x" untuk menghapus kotak Pencarian.

Pedoman

Tempat

  • Untuk jendela aplikasi, temukan Cari di sudut kanan atas.
  • Untuk jendela popup, temukan Cari di mana pun paling masuk akal dan nyaman.
  • Pengecualian: Jika Pencarian biasanya merupakan hal pertama yang dilakukan pengguna di jendela (titik masuk utama), tengahkan di bagian atas jendela.

Lihat

  • Gunakan grafik tombol pencarian standar. Ada tiga versi:
    • Hanya memperbesar simbol pencarian kaca (tidak ada tombol di hover). Gunakan untuk Pencarian instan.
    • Memperbesar simbol pencarian kaca dengan tombol. Gunakan saat tombol perlu diklik untuk memulai pencarian.
    • Memperbesar simbol pencarian kaca dengan tombol dan panah turun bawah. Tambahkan panah drop-down saat pengguna dapat mengubah cakupan atau saat pengaturan lain tersedia.
      • Untuk Pencarian instan, gunakan panah drop-down saja, dan perlihatkan tombol di hover.
      • Untuk pencarian reguler, perlihatkan panah drop-down pada tombol.

gambar kotak pencarian instan di berbagai status

Spesifikasi visual untuk Pencarian instan.

gambar kotak pencarian reguler di berbagai status

Spesifikasi visual untuk pencarian reguler.

  • Jangan gunakan label; gunakan perintah opsional sebagai gantinya. Jika pengguna cenderung mengasumsikan bahwa pencarian adalah pencarian file generik, gunakan perintah untuk memberikan cakupan. Jika tidak, gunakan Jenis untuk mencari atau frasa ringkas serupa.

    cuplikan layar perintah 'jenis untuk mencari'

    cuplikan layar prompt 'cari semua gadget'

    Dalam contoh ini, perintah tekstual singkat membantu pengguna bekerja dengan Pencarian.

Interaksi

  • Pada fokus input, secara otomatis pilih teks yang dimasukkan sebelumnya. Melakukannya memungkinkan pengguna memasukkan pencarian baru dengan mengetik, atau mengubah pencarian sebelumnya dengan memosisikan tanda sisipan menggunakan tombol panah.

    cuplikan layar kotak pencarian dengan teks yang disorot

    Dalam contoh ini, teks yang dimasukkan sebelumnya dipilih pada fokus input.

  • Tetapkan pintasan keyboard untuk kotak Pencarian menjadi Ctrl+E.

Fungsionalitas

  • Mendukung Pencarian instan jika memungkinkan. Berikan pencarian reguler dan Instan jika ada skenario di mana pencarian reguler sepadan dengan waktu tunggu tambahan.
  • Pencarian reguler harus mengembalikan hasil yang relevan dalam waktu lima detik dan Pencarian instan harus mengembalikan hasil dalam waktu dua detik. Setelah titik ini, Pencarian dapat terus mengisi hasil yang kurang relevan dari waktu ke waktu selama program responsif dan pengguna dapat melakukan tugas lain. Anda mungkin harus mengindeks data pencarian Anda untuk memastikan responsivitas ini.
  • Jika Anda menyediakan mode pencarian reguler dan Instan, hasil pencarian Instan harus menjadi subset dari hasil pencarian reguler.
  • Semua pencarian berbasis awalan (tidak ada pencarian substring atau akhiran). Penggunaan karakter kartubebas berikutnya bersifat opsional dan tidak memengaruhi hasilnya. Jika beberapa kata dimasukkan, gunakan pencarian ATAU .
  • Pencarian yang berhasil menambahkan halaman virtual dengan hasil pencarian ke tumpukan belakang dan bilah Alamat. Beberapa pencarian menghasilkan satu halaman virtual, jadi mengklik Kembali selalu mengembalikan halaman asli.
  • Jika perlu untuk skala, beri peringkat hasil pencarian berdasarkan relevansi.
  • Pencarian kosong mengembalikan halaman asli.

gambar ukuran dan penspasian kotak pencarian instan

Ukuran dan penspasian yang direkomendasikan untuk Pencarian instan.

gambar ukuran dan penspasian kotak pencarian reguler

Ukuran dan penspasian yang direkomendasikan untuk pencarian reguler.

Teks

  • Untuk kata-kata perintah di kotak Pencarian, buatlah instruksi (misalnya, Ketik untuk mencari) atau tunjukkan cakupan pencarian (misalnya, Cari gambar).
  • Teks perintah harus singkat. Satu kata atau frasa pendek sudah cukup.
  • Gunakan kapitalisasi gaya kalimat.
  • Jangan gunakan tanda baca akhir atau elipsis.

Dokumentasi

  • Lihat kontrol ini sebagai kotak Pencarian. Kapitalkan huruf awal kata pertama; jangan kapitalisasi huruf awal kotak.
  • Lihat dua jenis pencarian sebagai Pencarian instan dan pencarian reguler. Kapitalkan huruf awal pencarian Instan; jangan memanfaatkan huruf awal pencarian reguler.

Glosarium