it-swarm.asia

Haruskah hyperlink berwarna biru?

Saya telah membangun sebuah situs di mana semua hyperlink memiliki warna default: biru untuk tautan, ungu untuk tautan yang dikunjungi. Mereka menjadi merah saat melayang.

Saya percaya bahwa selalu menggunakan biru untuk hyperlink adalah hal yang baik, sehingga pengguna Anda dapat dengan cepat melihat apa itu hyperlink, dan apa yang tidak. Namun, beberapa rekan saya tidak setuju dan menginginkan warna lain.

Apa pendapat Anda tentang ini?

42
Husky

Standar, seperti # 0000FF untuk tautan yang belum dikunjungi dan # 800080 untuk tautan yang dikunjungi, hanya baik jika hampir semua orang melakukannya. Jika tidak, pengguna tidak dapat mengantisipasi kapan standar akan dan tidak akan diikuti dan dengan demikian tidak dapat lagi menggunakannya untuk memprediksi perilaku situs. Sayangnya sebagian besar situs web tidak mengikuti standar warna ini. Dalam survei sembarangan (jangan dikelirukan dengan survei acak), saya menemukan bahwa kurang dari sepertiga situs mematuhi standar. Dalam pengalaman saya, pengguna yang relatif baru di web mungkin bahkan tidak menyadari standar - itu bukan sesuatu yang mereka dapat ambil dari pengalaman mereka. Warna telah terbukti terlalu penting dari atribut grafis untuk tujuan estetika dan branding bagi desainer untuk secara ketat mengikuti standar. Terus terang, itu bukan standar yang bagus - sulit bagi beberapa pengguna untuk fokus pada teks biru saturasi tinggi, terutama pengguna yang lebih tua. Secara keseluruhan, saya tidak berpikir ada banyak gunanya mematuhi standar ini lagi.

Namun, masih masuk akal untuk membuat tautan Anda biru dalam arti yang lebih luas. Lebih dari 80% situs yang saya survey menggunakan warna biru untuk tautan. Jadi, meskipun ini bukan standar yang dapat diandalkan pengguna, saya percaya mereka akan cenderung menganggap kebiruan lebih mirip mata daripada warna lain. Dari apa yang saya lihat Anda bisa lolos dengan menggunakan warna bukan biru untuk tautan selama itu adalah warna berbeda (pengguna Anda tidak boleh t harus menggosok mouse di atas setiap teks warna untuk melihat apakah itu tautan atau tidak). Namun, jika sama sekali masuk akal untuk menggunakan warna biru, maka lanjutkan dengan warna biru.

Yang lebih penting daripada pilihan warna adalah garis bawahi tautan Anda , setidaknya untuk tautan yang tidak ada di menu bar sisi atau atas. Lebih dari 90% situs yang saya lihat menggunakan garis bawah untuk membedakan tautan (walaupun sering hanya di atas mouse), menjadikannya sebuah konvensi yang diikuti secara sangat konsisten. Menggarisbawahi juga dengan rapi memandu masalah aksesibilitas warna - termasuk masalah yang melibatkan sebagian kecil pengguna yang benar-benar buta warna.

Menyatukannya, saya merekomendasikan cukup banyak hal yang sama yang direkomendasikan Jakob Nielsen enam tahun lalu:

  • Untuk situs beri, gunakan satu warna untuk semua tautan yang belum dikunjungi. Menggunakan banyak warna berarti tautan yang tidak dikunjungi meningkatkan beban belajar situs Anda dan mempersulit pengguna untuk memindai tautan untuk dipilih.

  • Dengan "warna" Maksud saya memiliki rona-tautan tidak boleh hitam, putih, atau abu-abu. Non-warna menunjukkan teks non-tautan ke pengguna.

  • Jika ada warna biru di palet situs Anda, maka gunakan warna biru itu untuk tautan.

  • Jangan pernah menggunakan warna tautan yang dipilih untuk teks yang tidak terhubung di situs. Ini akan membingungkan pengguna tentang apa itu tautan dan bukan tautan, mengalahkan tujuan tautan warna.

  • Garisbawahi semua tautan. Gunakan mouse-over underline dengan hati-hati. Saya hanya akan mempertimbangkannya jika tautan berwarna biru atau tautan ada di menu atas atau sidebar.

  • Jangan pernah menggarisbawahi non-tautan. Gunakan italic atau bold untuk penekanan.

Untuk situs dengan konten statis, riset menyarankan agar Anda menampilkan tautan yang dikunjungi dengan warna berbeda . Namun, tanpa warna spesifik untuk tautan yang belum dikunjungi, sulit untuk mengetahui apa yang harus digunakan untuk tautan yang dikunjungi. Hanya sepertiga dari situs yang saya survei yang membedakan tautan yang dikunjungi dan yang tidak dikunjungi, dan sebagian besar di antaranya tidak menggunakan warna ungu untuk tautan yang dikunjungi, jadi saya tidak tahu seberapa akrab pengguna dengan konvensi ini. Pengodean warna sewenang-wenang di sini - tidak ada apa pun tentang ungu yang berarti "dikunjungi." Pengguna mungkin dapat menyimpulkan arti begitu mereka mengklik tautan dan kembali dan melihat perubahan warnanya, tetapi bayangkan seorang pengguna yang kembali ke situs sebulan kemudian, dan beberapa tautan adalah satu warna sementara yang lain berbeda warna - itu bisa sulit untuk mengingat yang mana.

Yang bisa saya sarankan adalah mencoba memanfaatkan pengalaman pengguna yang lebih luas dan mengadopsi warna yang "usang" untuk tautan yang dikunjungi. Ini seharusnya memiliki saturasi warna yang lebih rendah daripada warna untuk tautan yang belum dikunjungi (konsisten dengan penggunaan # 800080 versus # 0000FF), tetapi saturasi yang lebih rendah dengan sendirinya mungkin tidak cukup untuk membuat kunjungan yang cukup berbeda dari yang tidak dikunjungi untuk semua pengguna Anda. Apa lagi? Red-shift rona seperti beberapa situs lakukan, konsisten dengan menggunakan warna ungu versus biru? Gunakan warna yang lebih terang, seperti yang dilakukan situs lain untuk membuat tautan terlihat "pudar"? Gunakan warna yang lebih gelap seperti yang dilakukan situs lain untuk membuat tautan lebih berbaur dengan teks biasa? Saya pikir ini perlu penelitian, dan kemudian kita perlu menjadikannya standar.

32

Konvensi bagus ketika skema warna Anda memungkinkan, tetapi konsistensi internal lebih penting, jadi jangan merasa Anda harus tetap menggunakan palet biru/ungu/merah. Penting juga bahwa tautan Anda dibedakan dari teks normal. Diferensiasi biasanya dilakukan dengan warna, berat, atau garis bawah. Warna berbeda untuk status tautan berbeda meningkatkan kegunaan.

27
Virtuosi Media

Apakah tautan harus berwarna biru atau bukan merupakan diskusi lama. Jakob Nielsen, misalnya, telah dikenal mengadvokasi ini, meskipun ia telah berubah selama bertahun-tahun: di Homepage Usability ia menunjukkan pandangannya tentang perubahan pandangannya ( Nielsen & Loranger 2006, p. 100).

Namun , lebih penting daripada #0000FF tautan berwarna adalah Anda bah warna yang dikunjungi tautan . Tidak harus ungu, tetapi untuk sesuatu (terutama) berbeda.


Pendapat saya (terinspirasi): Estetika adalah penting. Karenanya, saya akan memilih warna tautan berbeda yang cocok dengan nuansa visual keseluruhan, baik itu #0000FF atau warna lain.

8
jensgram

Alasan mengapa ini menjadi biru mengerikan adalah, bahwa orang buta warna (yaitu, kasus buta warna paling umum) dapat membedakan antara hitam dan biru, sehingga mereka benar-benar melihat perbedaannya. Jika Anda memiliki sejumlah besar pengguna yang berpotensi menjadi buta warna (mis. Google atau bing), Anda mungkin ingin tetap menggunakan konvensi ini. Kalau tidak, Anda tidak perlu melakukan itu jika tidak bekerja dengan desain Anda. Tapi Anda setidaknya menggarisbawahi tautan atau membuatnya berbeda selain dari warnanya.

3
Lukas Oppermann

Mereka tidak perlu biru, cukup konsisten. Dan dengan konsisten, saya tidak bermaksud mereka semua harus menjadi satu warna. Tautan dalam navigasi vs. tautan dalam footer vs. tautan dalam konten - masing-masing dapat memiliki warna sendiri, asalkan konsisten di dalam area mereka, dan menonjol sebagai dapat diklik.

Menurut pendapat saya, lebih baik jika warna tombol juga konsisten dengan warna tautan, memberikan pengguna warna "ini dapat diklik", bukan hanya warna tautan. Saya juga setuju dengan komentar sebelumnya tentang tautan yang dikunjungi - mereka tidak perlu berbeda secara drastis, tetapi sangat berbeda.

Last but not least, ketika Anda menentukan warna tautan, tentukan warna latar dan teks.

Jangan berasumsi bahwa Anda mulai dengan latar belakang putih, teks hitam, dan tautan biru/ungu - pengguna dapat mengubahnya. Anda harus mengatur browser Anda untuk menggunakan warna-warna yang tidak standar, sehingga Anda dapat melihat kapan situs Anda (dan banyak lainnya) gagal menentukannya. (Saya mengatur warna latar belakang browser saya ke abu-abu muda, teks merah marun, tautan hijau cerah, tautan hijau tua yang dikunjungi, dan tautan oranye melayang.)

2
Webveloper

Pertama, masalah utama dengan tautan bukan pada apakah warna tertentu, tetapi dalam memastikan bahwa mereka cukup berbeda untuk memperjelas bahwa mereka adalah tautan.

@VirtuosiMedia dan @jensgram, saya setuju bahwa diferensiasi tautan yang dikunjungi bagus, tetapi kuncinya adalah memastikan tautan Anda menonjol. Khususnya sekarang, dengan informasi yang terlalu banyak dan pemindaian yang sangat bertentangan dengan membaca, pengguna harus melihat tautan sekilas dan sangat membantu untuk mengetahui apakah Anda telah mengunjungi sesuatu, terutama sesuatu yang tidak Anda kunjungi dari halaman tempat Anda berada. . Saya percaya konsep itu lebih penting jika seseorang membaca konten dalam satu area topik utama atau industri, di mana banyak situs terhubung ke materi yang sama. Kita harus selalu ingat bahwa pengguna dapat mengganti perilaku tautan yang dikunjungi dalam pengaturan browser mereka (seperti yang saya lakukan).

@Lukas dan @Charles Saya juga setuju bahwa garis bawah tidak selalu berfungsi. Jika mendesain untuk kontras yang cukup tinggi, maka bagi mereka yang buta warna hanya menggunakan warna yang berbeda mungkin juga tidak cukup. Semakin banyak diferensiasi yang dapat Anda berikan tautan dan semakin banyak variasi kelas semu setelah itu, semakin baik. Misalnya dengan desain sederhana, # 333 warna teks dan # 000 warna tautan mungkin tidak akan cukup untuk pengguna dengan ketajaman rendah atau buta warna, tetapi membuat tautan hitam tebal dan bergaris bawah mungkin cukup. Negara kemudian akan lebih baik untuk mengubah pada hover dan aktif dan kemudian berubah lagi, mungkin untuk sesuatu seperti # 999 dalam kasus yang saya kutip di atas.

@Stewbob Benarkah? Bahkan jika itu membuat desain Anda bau tetap biru, Anda harus melakukannya? Hampir tidak.

1
jameswanless

Saya tidak berpikir masalah warna tertentu, atau bahkan mereka digarisbawahi. Selama itu segera jelas bahwa mereka dapat diklik, maka tidak apa-apa.

Saya telah mengunjungi situs-situs tempat saya harus berburu (dengan mouse) untuk sesuatu yang dapat saya klik. Jika kursor berubah menjadi tangan kecil maka saya tahu saya bisa mengkliknya. Bagi saya itu desain yang sangat buruk.

Sementara setiap desain situs akan berbeda, saya pikir secara umum harus jelas apa yang dapat diklik untuk melakukan suatu tindakan dengan hanya melihat (secara pasif) pada halaman. Setelah mengatakan bahwa mengikuti standar umum, dalam hal di mana semuanya baik. Banyak situs web yang memiliki informasi akun di kanan atas. Sekali lagi saya pernah mengunjungi situs-situs di mana saya harus menghabiskan 5 menit atau lebih untuk mencari tautan "logout/off".

0
Antony Scott

Berikut ini adalah publikasi Microsoft standar untuk tautan . Ada bagian khusus tentang tautan warna dan latar belakang, dengan ilustrasi lucu tentang penggunaan yang salah.

0
JeromeR