Tooltip yang Menjelaskan Tanpa Menghalangi
Cara merancang tooltips yang membantu: informasi tambahan singkat, akses hover dan keyboard, alternatif sentuh, dan mengapa instruksi penting tidak pernah dimasukkan dalam tooltip.
Pengambilan Inti
Keterangan alat adalah pesan singkat yang muncul saat mengarahkan kursor atau fokus keyboard untuk memberikan informasi tambahan, seperti arti metrik. Buatlah instruksi yang singkat, jangan pernah memasukkan instruksi penting ke dalamnya, buatlah instruksi tersebut dapat dijangkau dengan keyboard, berikan alternatif berbasis ketukan pada layar sentuh, dan jangan masukkan tautan atau tombol di dalamnya.
Apa itu keterangan alat
Nielsen Norman Group mendefinisikan tooltip sebagai pesan singkat dan informatif yang muncul saat pengguna berinteraksi dengan suatu elemen, dimulai dengan gerakan mouse atau keyboard (menjaga keyboard tetap fokus pada elemen). Karena bergantung pada hover, tooltip biasanya tidak tersedia di layar sentuh.
Tambahan, tidak pernah penting
NN/g memberikan contoh kesalahan yang jelas: situs yang memasukkan persyaratan kata sandi di tooltip. Informasi yang dibutuhkan orang untuk menyelesaikan suatu tugas harus ada di layar. Keterangan alat sesuai dengan definisi, penjelasan mengapa suatu bidang diminta, dan label untuk tombol khusus ikon.
Aksesibilitas
Jadikan tooltips dapat digunakan oleh semua orang:
- Buka pada fokus keyboard dan juga arahkan kursor.
- Biarkan orang mengabaikannya dengan Escape tanpa memindahkan fokus.
- Biarkan tetap terbuka saat penunjuk bergerak ke sana.
- Hubungkan ke pemicunya sehingga pembaca layar mengumumkannya.
- Jangan memasukkan konten interaktif ke dalamnya; gunakan popover sebagai gantinya.
Keterangan alat pada perangkat sentuh
Hover tidak ada saat disentuh. Gunakan ikon info yang terlihat yang membuka popover kecil di ketukan, atau tampilkan penjelasan sebaris. Untuk metrik perusahaan yang kompleks, ikon info di samping label merupakan pola yang familier di setiap perangkat.
Gerakan dan waktu
Penundaan singkat sebelum menampilkan akan menghindari kedipan tooltip saat penunjuk melewati elemen; begitu salah satu terbuka, tooltip yang berdekatan dapat langsung muncul. Peleburan yang cepat atau skala kecil dari pemicunya membantu orang melihat dari mana asalnya. Pertahankan di bawah sekitar 150 milidetik.
Kunci Principles untuk Diingat
- Tooltips singkat dan bersifat tambahan
- Jangan pernah menyembunyikan instruksi penting dalam tooltip
- Mendukung fokus keyboard dan Escape
- Gunakan ikon info yang dapat disadap pada perangkat sentuh
- Tidak ada konten interaktif di dalam tooltips
Pertanyaan yang Sering Diajukan
Sumber
- Tooltip Guidelines — Nielsen Norman Group