Bagikan melalui


TipsAlat dan Infotip

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 .

Tipsalat adalah jendela pop-up kecil yang melabeli kontrol tanpa label yang diarahkan, seperti kontrol toolbar atau tombol perintah yang tidak berlabel.

Cuplikan layar yang memperlihatkan tombol cetak dengan tipsalat 'Cetak (Ctrl+P)' ditampilkan.

Tipsalat umum untuk tombol toolbar.

Karena tipsalat telah terbukti sangat berguna, kontrol terkait yang disebut infotips ada, yang menyediakan teks yang lebih deskriptif daripada yang dimungkinkan dengan tipsalat.

Infotip adalah jendela pop-up kecil yang secara ringkas menjelaskan objek yang diarahkan, seperti deskripsi kontrol toolbar, ikon, grafik, tautan, objek Windows Explorer, item menu Mulai, dan tombol bilah tugas. Infotip adalah bentuk kontrol pengungkapan progresif, menghilangkan kebutuhan selalu memiliki teks deskriptif di layar.

cuplikan layar tombol bagikan dengan infotip

Tip info umum.

Untuk keperluan artikel ini, tipsalat dan infotip disebut secara kolektif sebagai tips.

Tips membantu pengguna memahami objek yang tidak diketahui atau tidak dikenal yang tidak dijelaskan langsung di antarmuka pengguna (UI). Mereka ditampilkan secara otomatis ketika pengguna mengarahkan penunjuk ke objek, dan dihapus saat pengguna mengklik kontrol atau memindahkan mouse, atau ketika tip habis.

Pengembang: Tidak ada kontrol infotip; infotip diimplementasikan dengan kontrol tipsalat. Perbedaannya adalah dalam penggunaan, bukan implementasi.

Nota

Panduan yang terkait dengan balon , toolbar , dan bantuan disajikan dalam artikel terpisah.

Apakah ini kontrol yang tepat?

Untuk memutuskan, pertimbangkan pertanyaan-pertanyaan ini:

  • Apakah informasi ditampilkan berdasarkan pointer hover? Jika tidak, gunakan kontrol lain. Tampilkan tips hanya sebagai hasil interaksi pengguna tidak pernah menampilkannya sendiri. Sebaliknya, balon dapat ditampilkan sendiri (seperti yang mereka lakukan dengan pemberitahuan), sehingga mereka memiliki ekor yang mengidentifikasi sumbernya.

  • Apakah kontrol memiliki label teks? Jika tidak, gunakan tipsalat untuk menyediakan label. Perhatikan bahwa sebagian besar kontrol harus diberi label dan karenanya tidak memiliki tipsalat. Kontrol toolbar dan tombol perintah dengan label grafis harus memiliki tipsalat.

  • Apakah objek mendapat manfaat dari deskripsi tambahan atau informasi lebih lanjut? Jika demikian, gunakan infotip. Namun, teks harus tambahan yang, tidak penting untuk tugas utama. Jika penting, letakkan langsung di UI sehingga pengguna tidak perlu menemukan atau berburunya.

  • Apakah informasi tambahan adalah kesalahan, peringatan, atau status? Jika demikian, gunakan elemen UI lain, seperti balon, pesan kesalahan , atau bilah status . Infotip ikon area pemberitahuan adalah pengecualian karena dapat digunakan untuk menampilkan informasi status.

  • Apakah pengguna perlu berinteraksi dengan tip? Jika demikian, gunakan kontrol lain, seperti balon. Pengguna tidak dapat berinteraksi dengan tips karena memindahkan mouse membuatnya menghilang.

  • Apakah pengguna perlu mencetak informasi tambahan? Jika demikian, gunakan kontrol lain, seperti bidang komentar statis. Namun, Anda juga dapat menggunakan infotip untuk memberikan akses lebih langsung ke informasi ini.

    cuplikan layar balon komentar

    Dalam contoh ini, bidang komentar statis di Microsoft Word memungkinkan pengguna mencetak komentar.

  • Apakah konteksnya sih sehingga pengguna mungkin menemukan tips yang mengganggu atau mengganggu? Jika demikian, pertimbangkan untuk menggunakan solusi lain termasuk tidak melakukan apa pun sama sekali. Jika Anda menggunakan tips dalam konteks tersebut, izinkan pengguna menonaktifkannya.

Saat digunakan dengan tepat, tips meningkatkan komunikasi dengan pengguna. Jangan pernah menggunakan tips sebagai pengganti desain yang baik. Jika grafik, tombol, atau objek lain mengharuskan pengguna untuk terus memeriksa tip untuk memahaminya, desainnya buruk. Perbaiki desain sebagai gantinya.

Konsep desain

Tips adalah cara yang ampuh untuk menyederhanakan antarmuka pengguna. Mereka menyediakan informasi yang dibutuhkan pengguna ketika mereka membutuhkannya, dengan upaya minimal di bagian mereka. Tips dapat membantu Anda menggunakan ruang layar secara lebih efektif dan mengurangi kekacauan layar. Namun, tips yang dirancang dengan buruk dapat mengganggu, mengganggu, tidak membantu, luar biasa, atau di jalan. Konsep desain berikut dimaksudkan untuk menunjukkan perbedaannya.

Kemampuan penemuan

Tips ditampilkan secara otomatis saat pengguna mengarahkan penunjuk ke objek untuk jangka waktu tertentu. Mekanisme penundaan waktu ini membuat tips sangat nyaman, tetapi juga mengurangi penemuan mereka.

Seiring waktu, pengguna mempelajari bahwa objek standar tertentu seperti tombol toolbar, tombol grafis, item menu Mulai, dan ikon area pemberitahuan memiliki tips, sehingga Anda dapat mengambil penemuannya untuk diberikan.

Dibutuhkan pengguna lebih lama untuk menemukan tips di tempat-tempat yang tidak biasa. Tidak ada petunjuk visual, seperti hot spot atau perubahan pointer, yang menunjukkan bahwa objek memiliki tip. Lebih buruk lagi, beberapa pengguna sering menggerakkan mouse mereka, terutama ketika mereka belajar menavigasi UI. Pengguna harus tahu bahwa objek memiliki tip, baik melalui pengalaman sebelumnya atau dengan eksperimen.

Anda dapat meningkatkan penemuan dengan menggunakan tips secara konsisten, yang pada gilirannya menumbuhkan prediksi. Jika Anda memberikan tips untuk beberapa objek, Anda harus menyediakannya untuk semua objek serupa yang kemungkinan penggunanya menginginkan informasi tambahan. Terkadang melakukannya bisa menantang, karena Anda juga harus memastikan bahwa tipsnya membantu dan tidak jelas.

Jika memberikan tips yang dapat ditemukan dan membantu secara konsisten terbukti menjadi masalah, pertimbangkan desain alternatif seperti label kontrol yang jelas sendiri atau teks tambahan di tempat.

Informasi yang sesuai

Informasi yang sesuai untuk tips memiliki karakteristik berikut:

  • Ringkas. Jendela pop-up yang digunakan oleh tips sangat cocok untuk kalimat pendek dan fragmen kalimat, serta teks yang diformat. Blok teks besar yang tidak diformat sulit dibaca dan luar biasa.
  • Membantu. Teks tip harus informatif. Seharusnya tidak jelas atau hanya mengulangi apa yang sudah ada di layar.
  • Tambahan. Karena teks tip tidak selalu terlihat, seharusnya informasi tambahan yang tidak perlu dibaca pengguna. Informasi penting harus dikomunikasikan menggunakan label kontrol yang jelas sendiri atau teks tambahan di tempat.
  • Statis. Pengguna tidak mengharapkan tips untuk berubah dari satu instans ke instans berikutnya, sehingga mereka tidak mungkin melihat perubahan konten dinamis, seperti informasi status. Tips ikon area pemberitahuan adalah pengecualian penting: Pengguna lebih cenderung menemukan perubahan informasi tip di sana karena ikon ini terutama mengomunikasikan status.

Batas waktu yang sesuai

Tampilan otomatis dan penghapusan tips yang sesuai sangat penting untuk tujuan pengguna mempertahankan kontrol lingkungan UI mereka. Tips memiliki tiga nilai batas waktu:

  • Awal. Waktu penunjuk harus tetap stasioner agar tip muncul. Waktu default adalah 0,5 detik.
  • Reshow. Waktu penunjuk harus tetap stasioner saat penunjuk berpindah dari satu target ke target lainnya. Waktu default adalah 0,1 detik.
  • Penghapusan. Waktu setelah tip dihapus secara otomatis. Waktu default adalah 5 detik.

Memiliki nilai awal dan reshow yang terlalu singkat menghasilkan pengalaman yang mengganggu dan mengganggu karena sering ditampilkan secara tidak sengaja, sedangkan hasil yang terlalu panjang dalam tips merasa tidak responsif atau tidak ditemukan. Waktu penghapusan default berfungsi dengan baik untuk teks tip pendek, seperti yang digunakan dalam tipsalat. Infotip memiliki teks yang lebih panjang, sehingga membutuhkan waktu tampilan yang lebih lama.

Penempatan yang sesuai

Tips harus ditempatkan di dekat objek yang diarahkan, biasanya di ekor atau kepala pointer jika memungkinkan. Namun, mereka tidak boleh ditempatkan dengan cara yang mengganggu apa yang dilakukan pengguna dengan mengaburkan objek yang menarik. Mencegah masalah ini mungkin mengharuskan Anda untuk menjauhkan tip dari penunjuk tetapi berdekatan dengan objek. Ini bukan masalah selama hubungan antara objek dan ujungnya jelas. Pastikan pengguna tidak memindahkan pointer hanya untuk mendapatkan tips program Anda untuk pergi.

Aksesibilitas

Tips memiliki efek yang tidak biasa pada aksesibilitas. Meskipun biasanya dipicu dengan mengarahkan penunjuk ke objek, tips ditangani oleh pembaca layar untuk kontrol dengan akses keyboard. Ketika digunakan dengan tepat untuk informasi ringkas, bermanfaat, statis, tambahan, tips dapat meningkatkan aksesibilitas keseluruhan. Bahkan, pola ujung teks alt adalah cara yang disukai untuk membuat grafik dapat diakses. Namun, ketika digunakan secara tidak pantas, mereka membahayakan aksesibilitas dengan membuat informasi penting atau dinamis lebih sulit diperoleh.

Berikan lebih dari satu cara untuk mengakses kontrol jika kontrol tersebut memerlukan tip yang tidak memiliki akses keyboard.

cuplikan layar tombol cetak dengan tipsalat

Dalam contoh ini, pengguna dapat mencetak menggunakan tombol toolbar (yang tidak dapat diakses keyboard) atau pintasan keyboard perintah Cetak.

Jika Anda hanya melakukan satu hal ...

Rancang tips yang dapat ditemukan yang menampilkan informasi ringkas, bermanfaat, statis, tambahan di tempat yang sesuai pada waktu yang tepat.

Pola penggunaan

Tips memiliki beberapa pola penggunaan:

Penggunaan Contoh
TipsAlat
tampilkan label kontrol atau glyph yang tidak berlabel.
Karena tips ini berfungsi sebagai label, teksnya mengikuti panduan label untuk kontrol yang mendasar.
cuplikan layar tombol daftar ekspor dengan tipsalat
dalam contoh ini, tipsalat memberikan label perintah.
cuplikan layar tombol tutup dengan tipsalat cuplikan layar tombol putar dengan tipsalat
dalam contoh ini, tombol grafik label tipsalat.
cuplikan layar perlihatkan glyph menu dengan tipsalat
Dalam contoh ini, tipsalat memberi label glyph.
Infotips
memberikan deskripsi tambahan atau penjelasan tentang objek atau kontrol.
Gunakan infotip untuk menjelaskan atau menjelaskan objek dan kontrol seperti toolbar kontrol, ikon (termasuk overlay ikon), tautan, tab , kontrol pengungkapan progresif, dan kontrol kustom.
cuplikan layar tombol email dengan infotip
cuplikan layar tombol bakar dengan infotip
Dalam contoh ini, infotip memberikan informasi tambahan tentang kontrol dan objek.
infotip teks Alt
menjelaskan grafik untuk aksesibilitas.
Pola ini terutama untuk pengguna yang memiliki beberapa bentuk gangguan penglihatan, dan mungkin menggunakan pembaca layar.
cuplikan layar tombol mulai windows dengan infotip
Dalam contoh ini, infotip menjelaskan grafik menu Mulai.
Gambar Mini
menampilkan gambar kecil item.
Gambar mini memberikan representasi grafis jendela atau dokumen yang mudah dikenali.
cuplikan layar thumbnail kategori panel kontrol
dalam contoh ini, taskbar windows memberikan tips gambar mini untuk itemnya.
cuplikan layar gambar mini foto dan datanya
Dalam contoh ini, Galeri Foto Windows memberikan tips gambar mini untuk itemnya.
infotip detail
tampilkan informasi terperinci tentang objek.
Infotip adalah cara yang efektif untuk menampilkan informasi terperinci tentang objek, atau untuk memberikan data.
cuplikan layar infotip foto memperlihatkan jenis file cuplikan layar grafik dengan nilai detail infotip
Dalam contoh ini, infotip memberikan informasi terperinci tentang objek atau data.
infotip Menu Mulai
jelaskan item pada menu mulai.
Menu mulai terdiri dari nama program dan tujuan windows penting, seperti dokumen, gambar, dan panel kontrol. tips ini menjelaskan item menu mulai, biasanya dengan memberikan deskripsi singkat tentang program atau tujuan serta tugas utama yang dapat dilakukan pengguna dengannya. deskripsi ini juga diindeks oleh kotak pencarian menu mulai, lebih lanjut membantu pengguna menemukan program yang mereka butuhkan.
cuplikan layar infotip pusat selamat datang
Dalam contoh ini, infotip menjelaskan apa yang dapat dilakukan pengguna dengan program di menu Mulai.
infoTips Panel Kontrol
menjelaskan kategori atau tugas panel kontrol.
Tips ini memberikan informasi tambahan untuk membantu pengguna memilih kategori dan item panel kontrol yang tepat.
cuplikan layar kategori akun pengguna dengan infotip
Dalam contoh ini, infotip menjelaskan kategori Panel Kontrol Akun Pengguna.
infotip nama lengkap
tampilkan nama lengkap item saat nama terpotong atau tidak terlihat sepenuhnya.
Tips ini memungkinkan Anda menampilkan item dalam ruang yang lebih ringkas, sekaligus mengurangi kebutuhan akan pengguliran horizontal. ini sangat penting ketika panjang konten tidak diketahui karena dinamis. tidak seperti pola lain, ketika digunakan dalam daftar dan pohon tips ini ditampilkan langsung di atas objek sumber.
cuplikan layar infotip judul grup tombol radio
Dalam contoh ini, infotip digunakan untuk menampilkan nama item lengkap di hover.
infotip Status
tampilkan informasi status untuk ikon area pemberitahuan.
Biasanya, tips harus statis karena pengguna tidak mengharapkan mereka berubah dari satu instans ke instans berikutnya. ikon area pemberitahuan adalah pengecualian karena ikon ini berkomunikasi status, dan tidak ada ruang layar lain yang tersedia untuk teks status.
cuplikan layar infotip 'messenger not signed in'
cuplikan layar infotip 'messenger signed in'
Dalam contoh ini, infotip memberikan informasi status untuk ikon area pemberitahuan.

Pedoman

Timeout

  • Gunakan batas waktu awal dan reshow default. Pengecualian:
    • Gambar mini yang tidak berlebihan dan ditampilkan di sisi objek terkait dapat segera ditampilkan (tanpa penundaan). Namun, gunakan batas waktu awal default untuk gambar mini redundan (seperti tip gambar mini besar untuk objek grafis kecil) atau gambar mini yang mencakup objek terkait.
  • Untuk tipsalat, gunakan batas waktu penghapusan tip lima detik default.
  • Untuk infotip, nonaktifkan batas waktu penghapusan tip. Pengembang: Karena Anda tidak dapat menonaktifkan batas waktu penghapusan secara teknis, atur ke nilai terbesarnya.
  • Untuk aksesibilitas, jika Anda perlu mengatur nilai batas waktu ke sesuatu selain nilai maksimum, jadikan nilai tersebut kelipatan parameter sistem SPI_GETMOUSEHOVERTIME dan SPI_GETMESSAGEDURATION alih-alih menggunakan waktu tetap. Melakukannya menyesuaikan batas waktu dengan kecepatan pengguna.

Penempatan

  • Hindari menutupi objek yang akan dilihat atau berinteraksi dengan pengguna. Selalu letakkan tip di sisi objek, bahkan jika itu memerlukan pemisahan antara pointer dan tip. Beberapa pemisahan tidak menjadi masalah selama hubungan antara objek dan ujungnya jelas.

    • Pengecualian : Tipsalat nama lengkap yang digunakan dalam daftar dan pohon.

    Salah:

    cuplikan layar kotak pencarian infotip yang mengaburkan

    Benar:

    cuplikan layar infotip yang ditempatkan di bawah kotak pencarian

    Dalam contoh yang benar, infotip ditempatkan jauh dari kotak Pencarian, meskipun itu membutuhkan ruang antara itu dan tanda sisipan.

    Salah:

    cuplikan layar infotip mengaburkan teks yang direvisi

    Benar:

    cuplikan layar infotip yang ditempatkan di atas teks yang direvisi

    Dalam contoh yang benar, teks yang mendasar jauh lebih berguna daripada tip, sehingga infotip ditempatkan dengan baik.

  • Untuk kumpulan item, hindari menutupi objek berikutnya yang kemungkinan akan dilihat atau berinteraksi dengan pengguna. Untuk item yang diatur secara horizontal, hindari menempatkan tips di sebelah kanan; untuk item yang diatur secara vertikal, hindari menempatkan tips di bawah ini.

    Salah:

    cuplikan layar infotip yang mengaburkan daftar item terbaru

    Benar:

    cuplikan layar infotip di samping daftar item terbaru

    Dalam contoh yang salah, tip mencakup objek yang kemungkinan besar akan berinteraksi dengan pengguna berikutnya.

  • Untuk tips yang berpotensi mengganggu (sering kali besar), pastikan informasi tersebut berguna bagi sebagian besar pengguna. Jika itu tidak terjadi, buat tips yang mengganggu opsional atau bahkan hilangkan. Jika tidak, sebagian besar pengguna harus menjauhkan pointer dari objek target untuk menyingkirkan tip.

Tipsalat

  • Gunakan tipsalat untuk menyediakan label untuk kontrol tanpa label. Kontrol yang umumnya memiliki tipsalat adalah tombol toolbar , tombol grafis, dan kontrol pengungkapan progresif . Kontrol dengan perintah dianggap berlabel, seperti kotak teks dan kotak kombo . Semua kontrol lain harus memiliki label eksplisit.

  • Gunakan fragmen kalimat tanpa tanda baca akhir.

  • Gunakan kapitalisasi gaya kalimat.

    • Pengecualian : Pedoman ini baru untuk Windows Vista. Untuk aplikasi warisan, Anda dapat menggunakan kapitalisasi gaya judul jika perlu untuk menghindari pencampuran gaya kapitalisasi.
  • Tambahkan elipsis jika label adalah untuk perintah yang memerlukan informasi tambahan.

  • Seperti halnya label normal, menyimpan tipsalat singkat biasanya lima kata atau kurang tetapi lebih memilih label tertentu daripada yang tidak jelas.

    Dapat Diterima:

    cuplikan layar tipsalat cetak

    Lebih Baik:

    cuplikan layar tipsalat 'cetak ke printer default'

    Terbaik:

    cuplikan layar tipsalat 'cetak (penulis dokumen)'

    Salah:

    cuplikan layar tipsalat verbose

    Dalam contoh ini, contoh terbaik adalah ringkas dan spesifik, sedangkan contoh yang salah tidak perlu verbose.

  • Tipsalat juga dapat memberikan detail lebih lanjut untuk tombol toolbar berlabel jika melakukannya sangat membantu. Jangan hanya mengulangi atau memberikan pemulihan kata-kata tentang apa yang sudah ada di label.

    Benar:

    cuplikan layar tipsalat 'cari semua outlook'

    Dalam contoh ini, tipsalat menjelaskan apa yang dilakukan Pencarian.

    Salah:

    cuplikan layar label tombol berulang tipsalat

    Dalam contoh ini, tipsalat hanya mengulangi apa yang sudah ada di label.

  • Anda tidak perlu memberikan tipsalat kontrol berlabel hanya demi konsistensi.

    cuplikan layar tombol berlabel dan tidak berlabel

    Dalam contoh ini, tombol toolbar yang tidak berlabel memiliki tipsalat, tetapi yang berlabel tidak.

  • Jika sesuai, membuat tipsalat lebih membantu dengan menyediakan pintasan keyboard dan nilai default. Letakkan informasi tambahan ini dalam tanda kurung. Melakukannya membuat tipsalat berguna untuk kontrol berlabel bahkan ketika mereka hanya mengulangi label. Jangan pertimbangkan teks tambahan ini saat mengevaluasi ketepatan tipsalat.

    cuplikan layar tipsalat 'cetak (penulis dokumen)'

    Dalam contoh ini, Word menampilkan nilai default dan pintasan keyboard di tipsalat toolbar.

TipsAlat

  • Untuk infotip di tempat yang tidak biasa, mendukung konsistensi atas kegunaan untuk meningkatkan penemuan. Berikan tips untuk semua objek di mana pengguna cenderung menginginkan informasi tambahan, bahkan jika beberapa infotip mungkin jelas. Melakukannya menghindari pengguna menunggu infotip yang tidak akan pernah datang.

    • Pengecualian: Jika hanya beberapa objek yang memiliki tips info bermanfaat, jangan gunakan infotips sekalipun. Sebaliknya, gunakan label kontrol yang jelas sendiri atau teks tambahan di tempat sebagai gantinya.
  • Gunakan kalimat lengkap dengan tanda baca akhir.

    • Pengecualian : Area pemberitahuan infotip ikon tidak menggunakan tanda baca akhir.
  • Gunakan kapitalisasi gaya kalimat.

  • Gunakan present tense, bukan future.

  • Gunakan konstruksi tata bahasa paralel. Paralelisme mengharuskan kata dan frasa yang memiliki fungsi yang sama memiliki bentuk yang sama.

    • Pengecualian: Untuk pola infotip nama lengkap, teks infotip sama persis dengan frasa, kapitalisasi, dan tanda baca kontrol yang mendasar.
  • Hindari tips info besar. Infotip besar sulit dibaca, dan sulit untuk diposisikan tanpa mengganggu objek yang mendasar.

  • Format infotips untuk membuat kontennya lebih mudah dibaca dan dipindai. Blok besar teks yang tidak diformat bisa sulit dibaca.

    Salah:

    cuplikan layar tooltip panjang, tidak terstruktur, dan berjalan

    Benar:

    cuplikan layar tipsalat yang sama dengan satu baris per item

    Dalam contoh yang benar, teks yang diformat jauh lebih mudah dibaca dan dipindai.

  • Pada penggunaan pertama dalam infotip, eja nama akronim, diikuti oleh akronim dalam tanda kurung. Contoh: "Protokol Konfigurasi Host Dinamis (DHCP)."

Tips info Menu Mulai

  • Gunakan tips info menu Mulai untuk menjelaskan item secara ringkas dan mencantumkan tugas utama yang dapat dilakukan pengguna dengan item tersebut.

  • Jadilah bermanfaat. Fokus pada apa yang dapat dilakukan pengguna. Jangan hanya mengulangi nama item atau bahkan menggunakannya dalam deskripsi sama sekali.

  • Jadilah spesifik. Hindari kata kerja generik dan tangkap semua frasa seperti dan tugas lainnya. Jika informasi penting, cantumkan secara khusus; jika tidak, asumsikan bahwa pengguna memahami bahwa tidak semuanya tercantum dalam infotips.

  • Jadilah ringkas. Gunakan 25 kata atau kurang. Infotips yang lebih panjang mencegah pembacaan.

  • Mulai dengan kata kerja yang tegang dan imperatif saat ini seperti membuat, mengedit, menampilkan, dan mengirim. Lebih suka kata kerja tertentu daripada kata kerja generik seperti kelola dan buka, yang benar-benar berlaku untuk sebagian besar item menu Mulai. Langsung ke intinya.

    Salah:

    cuplikan layar tipsalat: membuka folder musik

    Lebih Baik:

    cuplikan layar tipsalat: menyimpan dan memutar musik

    Dalam contoh yang salah, infotip dimulai dengan kata kerja generik. Contoh yang lebih baik langsung ke titik dengan kata kerja tertentu, tetapi terus menggunakan penyusunan frasa "dan lainnya" yang tidak perlu di akhir tip.

  • Jangan gunakan bahasa yang terdengar seperti pemasaran.

    Salah:

    cuplikan layar infotip 'titik awal satu henti'

    Dalam contoh ini, infotip terdengar seperti pemasaran.

  • Karena infotip ini diindeks untuk kotak pencarian menu Mulai, menjelaskan tugas penting program Anda menggunakan istilah yang kemungkinan besar akan dicari pengguna. Pertimbangkan untuk menggunakan kata kunci dan sinonim umum.

    Salah:

    cuplikan layar tipsalat: membuat dvd

    Benar:

    cuplikan layar tipsalat: membuat (membakar) cd, dvd

    Dalam contoh yang benar, infotip memiliki sinonim umum.

  • Gunakan kapitalisasi gaya kalimat.

  • Pengembang: Teks infotip menu Mulai berasal dari bidang Komentar item.

Tipsalat Luncur Cepat

  • Menggunakan tipsalat dengan format: Luncurkan (nama program lengkap)
  • Jangan gunakan tanda baca akhir.
  • Jangan gunakan teks tambahan untuk menjelaskan program atau fungsinya. Karena pengguna memilih program yang ditampilkan di bilah Luncur Cepat, mereka sudah mengetahui tujuannya.

Tips info Panel Kontrol

  • Gunakan infotip Panel Kontrol untuk secara ringkas menjelaskan tugas Panel Kontrol dan perangkat keras dan perangkat lunak yang dikonfigurasi.

  • Nama dan ikon Panel Kontrol harus memiliki tips info. Tugas individual tidak memiliki tipsalat.

  • Jadilah bermanfaat. Fokus pada apa yang dapat dilakukan pengguna. Jangan hanya mengulangi nama item Panel Kontrol atau bahkan menggunakannya dalam deskripsi sama sekali.

  • Jadilah spesifik. Hindari kata kerja generik dan tangkap semua frasa seperti dan perangkat keras lainnya. Jika informasi penting, cantumkan secara khusus; jika tidak, asumsikan bahwa pengguna memahami bahwa tidak semuanya tercantum dalam infotips.

    Salah:

    cuplikan layar tipsalat: mengonfigurasi mouse Anda

    Benar:

    cuplikan layar tipsalat terperinci untuk pengaturan mouse

    Dalam contoh yang benar, jenis perangkat keras yang dikonfigurasi secara khusus tercantum.

  • Jadilah ringkas. Gunakan 25 kata atau kurang. Infotips yang lebih panjang mencegah pembacaan.

  • Mulai dengan kata kerja yang tegang dan imperatif saat ini.

    Benar:

    Mengonfigurasi tampilan Internet dan setelan sambungan.

    Sesuaikan pengaturan untuk penglihatan, pendengaran, dan mobilitas.

  • Langsung ke intinya. Jangan gunakan bahasa yang berlaku untuk Panel Kontrol apa pun, seperti "Gunakan untuk melihat dan mengonfigurasi pengaturan untuk tampilan dan fungsionalitas Anda..." atau "Menyediakan opsi bagi Anda untuk..."

  • Jangan gunakan bahasa yang terdengar seperti pemasaran.

    Salah:

    Titik awal satu stop Anda untuk semua kebutuhan konfigurasi disk Anda.

  • Karena infotip ini diindeks untuk kotak pencarian Panel Kontrol, menjelaskan item menggunakan istilah yang kemungkinan besar akan dicari pengguna. Pertimbangkan untuk menggunakan sinonim umum untuk tugas dan objek populer.

    cuplikan layar tipsalat dengan tugas pengontrol game

    Dalam contoh ini, item dijelaskan menggunakan istilah yang kemungkinan besar akan dicari pengguna.

  • Jika item Panel Kontrol cenderung bingung dengan orang lain, jelaskan perbedaannya dalam infotip.

    Salah:

    cuplikan layar infotip yang tidak memiliki detail spesifik

    Dalam contoh ini, kedua item Panel Kontrol mengonfigurasi suara, tetapi infotip tidak mengklarifikasi perbedaannya.

    Benar:

    cuplikan layar infotip dengan detail tertentu

    Dalam contoh ini, perbedaan antara kedua item lebih jelas karena tip.

Ikon

Tidak seperti versi Windows sebelumnya, Windows Vista memungkinkan tips untuk memiliki ikon.

  • Untuk tipsalat, jangan gunakan ikon.

  • Untuk infotip, gunakan ikon hanya jika mereka membantu pengenalan atau pemahaman, atau memberikan konteks. Sebagian besar infotip tidak boleh memiliki ikon.

    cuplikan layar infotip volume dengan ikon headphone

    Dalam contoh ini, infotip memiliki ikon untuk membantu mengaitkan ikon dengan maknanya.

  • Ikon harus menggunakan gaya Aero dan memiliki tampilan yang tidak mengganggu.

Untuk panduan dan contoh ikon umum, lihat Ikon .

Dokumentasi

Jika mengacu pada tips:

  • Dalam pemrograman dan dokumentasi teknis lainnya, lihat jenis tip (tipsalat atau infotip). Di tempat lain, cukup sebut saja tip.
  • Variasi berikut salah: tips alat, Tooltip, dan ToolTip.
  • Untuk menjelaskan interaksi pengguna, gunakan hover.