Bagikan melalui


Tautan Perintah

Catatan

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 kita 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.

cuplikan layar kotak dialog tautan perintah umum

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 biasa, tanpa bingkai atau keterjangkauan klik kuat lainnya. 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 tutup jendela (untuk kotak dialog) atau lanjutkan ke halaman berikutnya (untuk panduan dan alur halaman).

Catatan

Panduan yang terkait dengan tautan dan tata letak disajikan dalam artikel terpisah.

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 lain? Jika tidak, gunakan kontrol lain seperti tombol perintah atau tautan. Tautan perintah tidak sesuai untuk pilihan sekunder atau opsional, atau navigasi murni.

    cuplikan layar item panel kontrol personalisasi

    Meskipun item personalisasi Panel Kontrol terlihat seperti menggunakan tautan perintah, opsinya adalah tautan reguler karena halaman hub ini adalah untuk navigasi murni.

  • Apakah kontrol digunakan untuk memilih satu respons dari serangkaian 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:

    cuplikan layar kotak dialog pengaturan firewall bertab

    Tautan perintah tidak dapat digunakan dalam jendela properti atau dialog bertab karena mengklik kontrol menutup jendela.

  • Untuk wizard dan alur halaman, apakah mengklik lanjut ke halaman berikutnya tanpa komitmen? Jangan gunakan tautan perintah untuk berkomitmen pada tugas; gunakan tombol terapkan 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, pilih 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 kurang. Untuk enam opsi atau lebih, gunakan tombol radio, tautan reguler, atau tampilan daftar pilihan tunggal.

    cuplikan layar kotak dialog dengan daftar perintah

    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 ketika 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.

      cuplikan layar kotak dialog dengan tombol radio

      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:

      cuplikan layar kotak dialog dengan kontrol campuran

      Dalam contoh ini, ada dua cara berbeda untuk menanggapi instruksi utama. Tautan perintah tidak digunakan untuk respons pertama karena akan sulit untuk memilih opsi sekunder.

      Benar:

      cuplikan layar kotak dialog dengan kontrol yang sama

      Dalam contoh ini, tombol radio membuat respons 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:

    cuplikan layar kotak dialog dengan simpan dan jangan simpan

    Dalam contoh ini, menggunakan tautan perintah untuk perintah sederhana membuat kotak dialog tidak perlu rumit.

    Benar:

    Cuplikan layar yang memperlihatkan kotak dialog dengan tombol penerapan 'Simpan', 'Jangan simpan', dan 'Batalkan'.

    Dalam contoh ini, menggunakan tombol penerapan sederhana langsung ke titik .

    Namun, tautan perintah yang jelas sendiri selalu merupakan pilihan yang lebih baik ketika teks digunakan untuk menjelaskan tombol penerapan.

    Salah:

    cuplikan layar kotak dialog dengan teks yang tidak perlu

    Dalam contoh ini, teks digunakan untuk menjelaskan tombol penerapan.

    Benar:

    cuplikan layar label yang tidak memerlukan lebih banyak teks

    Dalam contoh ini, tautan perintah adalah penjelasan mandiri.

Catatan

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.

cuplikan layar tautan reguler dengan ikon dan teks

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:

cuplikan layar kotak dialog dengan terlalu banyak teks

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 seperti itu.

Kami 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 jelas. 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 faktornya, pilih respons yang paling mungkin atau nyaman.
  • Berikan tombol Batal 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:

cuplikan layar kotak dialog dengan perintah dan label

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 panjang dan lebih jelas tidak diperlukan.

Terbaik:

cuplikan layar kotak dialog dengan tombol penerapan

Versi yang benar menggunakan tombol penerapan untuk langsung ke titik tersebut.

Tautan perintah memiliki banyak keuntungan, tetapi ketika digunakan dengan tidak bijak, tautan tersebut mengarah pada komunikasi yang 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 secara 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 menanggapi 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.
Cuplikan layar yang memperlihatkan kotak dialog 'Sambungkan ke Internet' dengan tautan perintah 'Nirkabel', 'Broadband (PPPoE)', dan 'Dial-up'.
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.
cuplikan layar kotak dialog dengan tautan perintah
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.
cuplikan layar kotak dialog dan gambar mini file salin
Dalam contoh ini, tautan perintah terperinci digunakan sehingga pengguna dapat membuat keputusan berdasarkan informasi. Gambar mini dan detail file membantu pengguna memutuskan.

Panduan

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 logis, tidak ada alasan untuk mengajukan pertanyaan yang hanya memiliki satu jawaban.

    Salah:

    cuplikan layar kotak dialog dengan satu tautan perintah

    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 melakukan semuanya harus ditempatkan terlebih dahulu.
  • Berikan tombol Batal 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:

    cuplikan layar kotak dialog dengan tautan 'jangan keluar'

    Dalam contoh ini, tautan perintah Jangan keluar 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.

    cuplikan layar dua tautan dan tombol batalkan

    Dalam contoh ini, tautan perintah kedua menunjukkan bahwa pengguna memiliki pilihan, tetapi yang dilakukannya adalah membatalkan. Namun, ini diungkapkan 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 saja. 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 ini 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:

    cuplikan layar dua tautan perintah dengan ikon kustom

    Dalam contoh ini, ikon kustom tidak segera dikenali.

  • Untuk ikon kustom, gunakan ikon 16x16 atau 32x32 piksel. 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 32x32 atau 48x48 piksel.

    cuplikan layar tiga tautan perintah dengan ikon

    Contoh ini menggunakan ikon kustom 32x32 piksel.

    cuplikan layar dua tautan perintah dengan ikon yang lebih besar

    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.
  • Jika praktis, jadikan respons pertama sebagai opsi default karena pengguna sering mengharapkan bahwa kecuali urutan tersebut tidak logis.
  • Untuk kotak dialog, jangan membuat tindakan destruktif sebagai tautan perintah default kecuali ada cara mudah untuk membatalkan tindakan.

cuplikan layar ukuran dan penspasian tautan perintah

Label

Catatan

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 dan sesuai dengan instruksi utama. Fokuskan label pada perbedaan di antara respons. Pengguna tidak perlu mencari tahu apa arti tautan perintah atau perbedaannya dengan tautan perintah lainnya.

    Salah:

    cuplikan layar tautan perintah redundan

    Dalam contoh ini, apa perbedaan antara respons kedua dan ketiga? Apakah Anda tidak senang ada tombol Batalkan?

  • 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 yang berlebihan.
  • Secara umum, gunakan pembuatan 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 elipsis. 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.

Tips: 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, berikan penjelasan tambahan. Penjelasan tambahan menjelaskan mengapa pengguna mungkin ingin memilih respons atau apa yang terjadi jika respons dipilih.

    cuplikan layar teks yang menjelaskan hasil opsi

    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 jelas. 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 nama adaptor adaptor jaringan".)