Anatomi
Jenis dan variasi
Primary
Digunakan untuk menarik perhatian pengguna pada Link tersebut, terutama jika warna biru tidak terasa terlalu mencolok dalam pengalaman pengguna.
Secondary
Digunakan saat varian Primary terasa terlalu mencolok, seperti pada blok teks dengan banyak tautan referensi di dalamnya.
Inverse
Digunakan saat sebuah Link perlu ditempatkan di latar belakang yang berwarna gelap. Contohnya seperti hitam.
Without Underline
Semua Link dapat memiliki variasi tanpa underline atau garis bawah. Variasi ini sebaiknya hanya digunakan jika penempatan dan konteks tautan sudah cukup jelas sehingga garis bawah tidak diperlukan.
Variasi ini kurang bagus secara akses dan visibilitas, jadi hindari jika Link memiliki peran penting dalam pengalaman pengguna.
Platform
Terdapat 2 platform untuk Link, yakni Mobile dan Desktop. Berikut contoh gambar dan penjelasannya.
States
Terdapat 5 states untuk Link, yakni Default, Hovered, Focused, Pressed, dan Disabled. Berikut contoh gambar dan penjelasannya:
Primary
Secondary
Inverse
Panduan penggunaan
Gunakan link di dalam deskripsi atau subtitle
Link sebaiknya digunakan di dalam isi teks, bukan di judul. Jika butuh ajakan yang lebih mencolok, gunakan komponen lain, seperti Button.
Panduan penulisan
Gunakan kata kerja spesifik
Pengguna mungkin akan menavigasi dengan menekan Link tanpa mendapatkan atau membaca teks yang ada di antara Link tersebut, sehingga penggunaan kata-kata Link yang terlalu umum seperti "pelajari lebih lanjut" atau "klik di sini" tidak menyampaikan konteks dari bagian lain dalam pengalaman tersebut. Tentukan tujuan setiap Link secara langsung di teks Link untuk menyampaikan konteks dan menetapkan harapan yang jelas tentang ke mana tautan tersebut akan mengarah.
Perhatikan penulisan link yang berjejer
Jangan gunakan Link yang sama untuk menautkan ke informasi berbeda dalam satu tampilan. Jika teks Link perlu diduplikasi dalam satu halaman atau tampilan, pastikan untuk eksplor cara lain atau memanfaatkan komponen lain seperti Button.
Menggabungkan beberapa tautan ke dalam kalimat yang sama selama tautan tersebut kontekstual dan relevan tidak dihindari. Tetapi, lebih baik tidak dilakukan karena dapat memecah fokus pengguna.
