Tautan Perintah
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 tautan perintah, pengguna memilih satu respons terhadap instruksi utama dan dengan melakukannya, lanjutkan ke langkah berikutnya dalam tugas.
Tautan perintah memiliki tampilan yang bersih dan ringan yang memungkinkan label deskriptif, dan ditampilkan dengan panah standar atau ikon kustom, dan penjelasan tambahan opsional.
Sekumpulan tautan perintah yang khas.
Tautan perintah mirip dengan tombol radio karena digunakan untuk memilih dari satu set pilihan terkait yang saling eksklusif. Seperti tombol radio, tautan perintah selalu disajikan dalam set, tidak pernah satu per satu. Secara tampilan, tautan perintah memiliki tampilan ringan yang mirip dengan tautan reguler, tanpa bingkai atau klik kuat lainnya keterjangkauan. Tautan perintah juga mirip dengan tombol perintah , karena dapat menjadi "tombol perintah" default dan dapat memiliki kunci akses yang ditetapkan. Seperti tombol penerapan, pada klik tombol tersebut menutup jendela (untuk kotak dialog) atau lanjutkan ke halaman berikutnya (untuk panduan dan alur halaman).
Apakah ini kontrol yang tepat?
Untuk memutuskan, pertimbangkan pertanyaan-pertanyaan ini:
Apakah opsi merespons instruksi utama dan terkait dengan tujuan utama jendela atau halaman? Haruskah pengguna menanggapi mereka untuk melakukan sesuatu selain hanya menavigasi ke halaman yang berbeda? Jika tidak, gunakan kontrol lain seperti tombol perintah atau tautan. Tautan perintah tidak sesuai untuk pilihan sekunder atau opsional, atau navigasi murni.
Meskipun item Panel Kontrol Personalisasi terlihat seperti menggunakan tautan perintah, opsinya adalah tautan reguler karena halaman hub ini untuk navigasi murni.
Apakah kontrol digunakan untuk memilih satu respons dari sekumpulan respons yang saling eksklusif? Jika tidak, gunakan kontrol lain. Untuk mengizinkan pengguna memilih perintah individual, gunakan tombol perintah atau tautan.
Untuk kotak dialog, apakah mengklik kontrol menutup jendela? Jika tidak, gunakan kontrol yang tidak memerlukan penutupan jendela, seperti tombol radio, tombol perintah, atau tautan.
Salah:
Tautan perintah tidak dapat digunakan dalam jendela properti atau dialog bertab karena mengklik kontrol menutup jendela.
Untuk panduan dan alur halaman, apakah mengklik lanjutkan ke halaman berikutnya tanpa komitmen? Jangan gunakan tautan perintah untuk menerapkan tugas; gunakan tombol penerapan sebagai gantinya. Karena tautan perintah terlihat seperti tautan dan pengguna mengaitkan tautan dengan navigasi dalam alur halaman, tautan tidak sesuai untuk halaman penerapan karena pengguna harus selalu dapat mundur.
Untuk panduan dan alur halaman, apakah halaman lain menggunakan tautan perintah? Jika demikian, dan semua faktor lain yang sama, lebih suka tautan perintah untuk konsistensi di seluruh halaman.
Apakah jumlah respons antara dua dan lima? Seharusnya tidak ada satu tautan perintah. Karena tautan perintah adalah kontrol besar dan ruang layar yang digunakan sebanding dengan jumlah opsi, pertahankan jumlah respons menjadi lima atau lebih sedikit. Untuk enam opsi atau lebih, gunakan tombol radio, tautan reguler, atau tampilan daftar pilihan tunggal.
Dalam contoh ini, fitur AutoPlay di Microsoft Windows menggunakan tampilan daftar.
Apakah kombinasi tombol radio dan tombol penerapan akan menjadi pilihan yang lebih baik? Tombol radio adalah pilihan yang lebih baik jika salah satu hal berikut ini benar:
Ada opsi default yang kuat yang Anda inginkan untuk dipilih sebagian besar pengguna. Pengguna cenderung tidak mengubah tombol radio default daripada tautan perintah default terutama dalam wizard, di mana pengguna terbiasa mengklik Berikutnya untuk menerima default yang sesuai. Di sisi lain, tautan perintah adalah pilihan yang lebih baik jika Anda ingin mendorong pengguna untuk membuat pilihan eksplisit.
Pengguna perlu berinteraksi dengan pilihan (mungkin untuk melihat informasi tambahan) sebelum membuat keputusan. Misalnya, memilih tombol radio mungkin menampilkan deskripsi tentang opsi secara dinamis.
Dalam contoh ini, memilih tombol radio menampilkan deskripsi opsi.
Ada opsi sekunder atau terkait di halaman. Tautan perintah cenderung mendominasi halaman, sehingga mudah untuk mengabaikan yang lain. Selain itu, setelah tautan perintah diklik, tidak mungkin untuk memilih opsi sekunder.
Salah:
Dalam contoh ini, ada dua cara berbeda untuk merespons instruksi utama. Tautan perintah tidak digunakan untuk respons pertama karena akan sulit untuk memilih opsi sekunder.
Benar:
Dalam contoh ini, tombol radio membuat respons menjadi jelas, sambil memungkinkan pengguna untuk memilih opsi sekunder.
Untuk kotak dialog, apakah sekelompok tombol penerapan akan menjadi pilihan yang lebih baik? Tautan perintah berfungsi lebih baik ketika opsi membutuhkan respons yang lebih panjang dan lebih jelas dan penjelasan tambahan, tetapi sekelompok tombol penerapan adalah pilihan yang lebih baik jika ada beberapa opsi sederhana.
Salah:
Dalam contoh ini, menggunakan tautan perintah untuk perintah sederhana membuat kotak dialog tidak perlu rumit.
Benar:
Dalam contoh ini, menggunakan tombol penerapan sederhana langsung ke titik .
Namun, tautan perintah yang jelas sendiri selalu menjadi pilihan yang lebih baik ketika teks digunakan untuk menjelaskan tombol penerapan.
Salah:
Dalam contoh ini, teks digunakan untuk menjelaskan tombol penerapan.
Benar:
Dalam contoh ini, tautan perintah adalah penjelasan mandiri.
Nota
Tautan perintah memerlukan Windows Vista atau yang lebih baru, sehingga tidak cocok untuk versi Windows yang lebih lama. Anda dapat menggunakan tautan reguler sebagai pengganti.
Dalam contoh ini, tautan reguler dengan ikon dan penjelasan tambahan digunakan sebagai pengganti tautan perintah di Windows XP.
Konsep desain
Hanya karena tautan perintah memungkinkan Anda untuk menggunakan label yang lebih deskriptif dan penjelasan tambahan opsional tidak berarti Anda harus. Pertimbangkan contoh berikut:
Salah:
Kotak dialog ini terlalu banyak berkomunikasi.
Kotak dialog ini mengambil pertanyaan sederhana dan tidak perlu mempersulitnya dengan teks tautan perintah. Pengguna tidak ingin membaca semua teks tersebut untuk pertanyaan sederhana tersebut.
Kita dapat menyederhanakan kotak dialog ini dengan menerapkan tiga panduan tautan perintah:
- Jangan gunakan penjelasan tambahan yang merupakan pemulihan kata-kata dari tautan perintah. Gunakan penjelasan tambahan hanya ketika Anda tidak dapat membuat tautan perintah secara mandiri. Memberikan penjelasan tambahan untuk satu tautan perintah tidak berarti Bahwa Anda harus menyediakannya untuk semua perintah.
- Pilih yang paling aman (untuk mencegah hilangnya data atau akses sistem) dan respons yang paling aman menjadi default. Jika keamanan dan keselamatan bukan faktor, pilih respons yang paling mungkin atau nyaman.
- Berikan tombol Batalkan eksplisit. Jangan gunakan tautan perintah untuk tujuan ini.
Dengan menerapkan pedoman ini, kita dapat menghilangkan penjelasan tambahan yang tidak perlu, membuat respons yang paling nyaman default, dan memberikan tombol Batal eksplisit.
Lebih Baik:
Versi yang ditingkatkan dengan tautan perintah yang lebih sederhana.
Meskipun benar bahwa versi ini tidak menjelaskan secara eksplisit bahwa tidak menyimpan dihitung sebagai kerugian, beberapa pengguna akan mengubah keputusan mereka berdasarkan informasi ini, menjadikan ini pertukaran yang baik.
Kotak dialog ini dapat dibuat lebih baik dengan menganalisis apakah tautan perintah bahkan merupakan kontrol yang tepat untuk digunakan dalam kasus ini atau tidak. Tombol Penerapan sebenarnya adalah pilihan yang lebih baik, karena respons yang lebih lama dan lebih jelas tidak diperlukan.
Terbaik:
Versi yang benar menggunakan tombol penerapan untuk langsung ke titik tersebut.
Tautan perintah memiliki banyak keuntungan, tetapi ketika digunakan dengan tidak bijaksawat mereka mengarah ke komunikasi berlebihan. Untuk kotak dialog, pertimbangkan untuk menggunakan tombol penerapan terlebih dahulu dan gunakan tautan perintah hanya jika tombol penerapan tidak melakukan pekerjaan dengan baik.
Saat digunakan dengan tepat, tautan perintah harus menyederhanakan dan mengklarifikasi UI Anda. Jika hasilnya sebaliknya, ambil langkah mundur, tinjau alternatif, dan fokus pada apa yang benar-benar Anda butuhkan untuk berkomunikasi.
Jika Anda hanya melakukan satu hal... Jangan gunakan tautan perintah untuk berkomunikasi berlebihan. Tautan perintah harus menyederhanakan dan mengklarifikasi komunikasi, tidak membuatnya lebih rumit.
Pola penggunaan
Tautan perintah memiliki beberapa pola penggunaan:
Penggunaan | Contoh |
---|---|
Respons halaman tautan Perintah digunakan untuk merespons instruksi utama dan melanjutkan ke halaman berikutnya. | dengan pola ini, tautan perintah menggantikan tombol berikutnya, tetapi masih ada tombol batal. Respons halaman tidak menyiratkan komitmen. karena tautan perintah terlihat seperti tautan dan pengguna mengaitkan tautan dengan navigasi dalam alur halaman, tautan tidak sesuai untuk halaman penerapan. pengguna harus selalu dapat mundur. ![]() Dalam contoh ini, tautan perintah digunakan untuk memberikan respons deskriptif terhadap instruksi utama. Meskipun tombol radio dapat digunakan di sini, tautan perintah memungkinkan pengguna merespons dengan satu klik. |
Respons kotak dialog tautan Perintah digunakan untuk merespons instruksi utama dan menutup kotak dialog. | dengan pola ini, tautan perintah menggantikan tombol penerapan (seperti ok), tetapi masih ada tombol batal. Tidak seperti alur halaman, tidak ada cara untuk mundur dari respons berbasis kotak dialog setelah dibuat. akibatnya, tautan perintah kotak dialog menyiratkan komitmen. ![]() Dalam contoh ini, tautan perintah digunakan untuk memberikan respons deskriptif terhadap instruksi utama. Meskipun tombol radio dapat digunakan di sini, tautan perintah memungkinkan pengguna untuk memilih dengan satu klik. |
Respons terperinci Respons halaman atau dialog yang menyertakan informasi terperinci. | terkadang, pengguna mungkin memerlukan informasi yang lebih rinci untuk memilih respons mereka. ![]() Dalam contoh ini, tautan perintah terperinci digunakan sehingga pengguna dapat membuat keputusan berdasarkan informasi. Gambar mini dan detail file membantu pengguna memutuskan. |
Pedoman
Interaksi
- Tampilkan penunjuk sibuk jika hasil mengklik tautan perintah tidak seketika. Tanpa umpan balik, pengguna mungkin berasumsi bahwa klik tidak terjadi dan mengklik lagi.
Presentasi
Selalu sajikan tautan perintah dalam satu set dua atau lebih. Secara logika, tidak ada alasan untuk mengajukan pertanyaan yang hanya memiliki satu jawaban.
Salah:
Dalam contoh ini, kotak dialog tampaknya menawarkan pilihan kepada pengguna, tetapi hanya ada instruksi. Ini harus menjadi dialog informasi sebagai gantinya.
Sajikan tautan perintah yang paling umum digunakan terlebih dahulu. Urutan yang dihasilkan kira-kira harus mengikuti kemungkinan penggunaan, tetapi juga memiliki alur logis.
- Pengecualian: tautan Perintah yang mengakibatkan segala sesuatu harus ditempatkan terlebih dahulu.
Berikan tombol Batalkan eksplisit. Jangan gunakan tautan perintah untuk tujuan ini. Cukup sering pengguna menyadari bahwa mereka tidak ingin melakukan tugas. Menggunakan tautan perintah untuk membatalkan akan mengharuskan pengguna membaca semua tautan perintah dengan hati-hati untuk menentukan mana yang berarti membatalkan. Memiliki tombol Batal eksplisit memungkinkan pengguna untuk membatalkan tugas secara efisien.
Salah:
Dalam contoh ini, tautan Jangan keluar dari perintah harus berupa tombol Batal.
Jika menyediakan tombol Batal eksplisit meninggalkan satu tautan perintah, berikan tautan perintah untuk membatalkan dan tombol Batal. Melakukannya memperjelas bahwa pengguna memiliki pilihan. Frasa tautan perintah ini dalam hal perbedaannya dengan respons pertama, bukan hanya "Batal" atau beberapa variasi.
Dalam contoh ini, tautan perintah kedua menunjukkan bahwa pengguna memiliki pilihan, tetapi yang dilakukannya adalah membatalkan. Namun, frasa ini disusun dalam hal perbedaannya dengan tautan perintah pertama.
Gunakan Tutup alih-alih Batal jika Anda tidak dapat mengembalikan lingkungan ke status sebelumnya, tidak meninggalkan efek samping.
Jangan tampilkan tautan perintah yang dinonaktifkan. Jika tautan perintah tidak berlaku untuk konteks saat ini, hapus sebagai gantinya. Jika menghapus semua tautan perintah yang tidak berlaku meninggalkan satu tautan perintah, hilangkan jendela atau halaman, atau tampilkan konfirmasi jika persetujuan pengguna eksplisit diperlukan.
Ikon
Semua tautan perintah memerlukan ikon. Ikon membantu pengguna membedakan tautan perintah dari tautan reguler dan teks antarmuka pengguna.
Gunakan ikon panah hanya untuk tautan perintah. Tautan reguler tidak boleh menggunakan ikon panah kecuali digunakan sebagai pengganti tautan perintah di Windows XP.
Gunakan ikon perisai keamanan untuk menunjukkan bahwa respons memerlukan elevasi segera. Untuk panduan tambahan tentang menggunakan ikon perisai keamanan, lihat Kontrol Akun Pengguna.
Gunakan ikon kustom hanya jika mereka membantu pengguna mengidentifikasi dan membedakan opsi secara visual. Jangan gunakan ikon kustom jika tidak segera dikenali atau bermakna.
Salah:
Dalam contoh ini, ikon kustom tidak segera dikenali.
Untuk ikon kustom, gunakan ikon piksel 16x16 atau 32x32. Gunakan ikon yang lebih besar jika ada ruang yang cukup dan mereka mendapat manfaat secara visual dari ukuran yang lebih besar. Jika Anda memerlukan overlay perisai keamanan, gunakan ikon piksel 32x32 atau 48x48.
Contoh ini menggunakan ikon kustom 32x32 piksel.
Contoh ini menggunakan ikon kustom 48x48 piksel, dengan overlay perisai keamanan.
Hindari mencampur ikon kustom dengan ikon panah standar pada jendela atau halaman. Jika Anda menggunakan ikon kustom di permukaan, coba gunakan semua ikon kustom. Namun, lebih suka ikon panah standar daripada ikon kustom yang tidak berarti.
Nilai default
- Pilih yang paling aman (untuk mencegah hilangnya data atau akses sistem) dan respons yang paling aman menjadi default. Jika keamanan dan keselamatan bukan faktor, pilih respons yang paling mungkin atau nyaman.
- Saat praktis, jadikan respons pertama sebagai opsi default karena pengguna sering mengharapkannya kecuali urutan tersebut tidak logis.
- Untuk kotak dialog, jangan buat tindakan merusak tautan perintah default kecuali ada cara mudah untuk membatalkan tindakan.
Ukuran dan penspasian yang direkomendasikan
ukuran dan penspasian tautan perintah
Label
Nota
Karena tautan perintah adalah respons terhadap instruksi utama, Anda harus membuat instruksi utama yang baik sebelum menentukan responsnya.
label tautan Perintah
Pilih label ringkas yang berkomunikasi dengan jelas dan membedakan apa yang dilakukan tautan perintah. Ini harus jelas sendiri dan sesuai dengan instruksi utama. Fokuskan label pada perbedaan di antara respons. Pengguna seharusnya tidak perlu mencari tahu apa arti tautan perintah atau perbedaannya dengan tautan perintah lainnya.
Salah:
Dalam contoh ini, apa perbedaan antara respons kedua dan ketiga? Apakah Anda tidak senang ada tombol Batal?
Fokuskan label tautan perintah untuk membantu pengguna membuat keputusan yang tepat. Hilangkan detail yang tidak memengaruhi pilihan. Label tidak harus menjadi spesifikasi lengkap tentang apa yang akan terjadi.
Mulai tautan perintah dengan kata kerja. Namun, jangan gunakan klik karena label harus mengkomunikasikan apa yang dilakukan tautan perintah, bukan cara kerjanya.
- Pengecualian: Jika semua tautan perintah dimulai dengan kata kerja atau frasa yang sama, hilangkan kata kerja atau frasa redundan.
Secara umum, menggunakan frasa positif (memberikan pilihan untuk melakukan sesuatu). Pembuatan frasa negatif (memberikan pilihan untuk tidak melakukan sesuatu) dapat diterima jika membuat label lebih mudah dipahami.
Gunakan penyusunan frasa paralel dan label garis tunggal. Label panjang mencegah pembacaan dan seharusnya tidak diperlukan. Selain itu, label berukuran sedang lebih mudah dirujuk dalam dokumentasi.
Gunakan kapitalisasi gaya kalimat.
Jangan gunakan tanda baca akhir kecuali label adalah pertanyaan.
Tetapkan kunci akses unik. Untuk panduan, lihat Keyboard.
Jangan gunakan elips. Elipsis berarti bahwa informasi lebih lanjut mungkin diperlukan untuk melakukan tindakan. Tautan perintah yang digunakan dengan benar tidak memerlukan elipsis karena memiliki efek langsung.
Jika respons sangat disarankan, tambahkan "(disarankan)" ke label. Pastikan untuk menambahkan ke label, bukan penjelasan tambahan.
Jika respons hanya ditujukan untuk pengguna tingkat lanjut, pertimbangkan untuk menambahkan "(tingkat lanjut)" ke label. Pastikan untuk menambahkan ke label, bukan penjelasan tambahan.
Tip: Anda dapat mengevaluasi tautan perintah dengan membayangkan bahwa teman menyatakan instruksi utama, dan Anda merespons dengan tautan perintah. Jika merespons dengan tautan perintah akan tidak wajar atau canggung, revisi tautan perintah dan mungkin instruksi utama.
Penjelasan tambahan
Jika tautan perintah memerlukan penjelasan lebih lanjut, memberikan penjelasan tambahan. Penjelasan tambahan menjelaskan mengapa pengguna mungkin ingin memilih respons atau apa yang terjadi jika respons dipilih.
Dalam contoh ini, penjelasan tambahan menjelaskan implikasi opsi.
Jangan gunakan penjelasan tambahan yang merupakan pemulihan kata-kata dari tautan perintah. Gunakan penjelasan tambahan hanya ketika Anda tidak dapat membuat tautan perintah secara mandiri. Memberikan penjelasan tambahan untuk satu tautan perintah tidak berarti bahwa Anda harus menyediakannya untuk semua.
Fokuskan penjelasan tambahan tentang membantu pengguna membuat keputusan yang tepat. Hilangkan detail yang tidak memengaruhi pilihan. Penjelasan tambahan tidak harus menjadi spesifikasi lengkap tentang apa yang akan terjadi.
Gunakan pembuatan frasa paralel dan paling banyak tiga baris teks. Penjelasan tambahan yang panjang mencegah pembacaan dan seharusnya tidak diperlukan.
Gunakan kalimat lengkap dan tanda baca akhir.
label grup tautan Perintah
- Jangan gunakan label grup. Instruksi utama bertindak sebagai label grup untuk tautan perintah.
Dokumentasi
Saat merujuk ke tautan perintah:
- Gunakan teks label yang tepat, termasuk kapitalisasinya, tetapi jangan sertakan garis bawah kunci akses.
- Jika label menyertakan nama objek, hilangkan nama objek atau gunakan teks tempat penampung.
- Untuk menjelaskan interaksi pengguna, gunakan klik.
- Jika memungkinkan, format label menggunakan teks tebal. Jika tidak, letakkan label dalam tanda kutip hanya jika diperlukan untuk mencegah kebingungan.
Contoh : Untuk menyalin gambar, klik Salin dan Ganti.
Klik Reset adaptor jaringan. (Untuk tautan perintah berlabel "Reset adaptor jaringan nama adaptor".)