Tooltip
Maklumat ringkas dan kontekstual apabila pengguna mengarahkan kursor atau memberi fokus pada elemen, meningkatkan kejelasan tanpa mengganggu antara muka. Biasanya digunakan untuk menerangkan ikon, butang, atau mana-mana elemen interaktif di mana maksudnya mungkin tidak jelas dengan segera.
- Ruangan Pencetus: Disarankan untuk meluaskan ruangan pencetus bagi memudahkan pengguna melayangkan tetikus.
- Tooltip: Teks yang memberikan konteks atau panduan tambahan, memastikan pengguna dapat memahami fungsi atau makna elemen tersebut dengan mudah.
Saiz Minimum Ruangan Pencetus
- Ruangan Pencetus (Salah): Ruangan pencetus yang kecil menyukarkan pengguna untuk melayangkan tetikus dan mengakses tooltip, mengurangkan pengalaman pengguna.
- Ruangan Pencetus (Betul): Memastikan ruangan pencetus yang lebih besar meningkatkan kegunaan, memudahkan pengguna untuk melayangkan tetikus dan mengakses kandungan tooltip dengan lancar.
Arah Tooltip
- Arah = Kiri.
- Arah = Atas.
- Arah = Bawah.
- Arah = Kanan.
Nota: Garisan biru digunakan untuk menggambarkan ruangan pencetus. Buang pada UI sebenar.
Penjajaran Tooltip
- Penjajaran = Kiri: Apabila ruangan pencetus berada di tepi kiri skrin, memastikan tooltip tetap kelihatan dan tidak melangkaui skrin.
- Penjajaran = Tengah: Apabila elemen ruangan pencetus berada di tengah skrin.
- Penjajaran = Kanan: Apabila ruangan pencetus berada di tepi kanan skrin, memastikan tooltip tetap kelihatan dan tidak melangkaui skrin.
Pilih penjajaran yang memastikan tooltip kekal dalam skrin yang boleh dilihat.
Nota: Garisan biru digunakan untuk menggambarkan ruangan pencetus. Buang pada UI sebenar.
Panjang Deskripsi
Pastikan tooltip kekal dalam skrin yang boleh dilihat dengan penjajaran yang sesuai.
- Elemen ruangan pencetus
- Panjang maksimum = 250px
Nota: Garisan biru digunakan untuk menggambarkan ruangan pencetus. Buang pada UI sebenar.