web-gelistirme-sc.com

Köprüler mavi olmalı mı?

Tüm köprülerin varsayılan renklere sahip olduğu bir site oluşturdum: bağlantılar için mavi, ziyaret edilen bağlantılar için mor. Fareyle üzerine geldiğinde kırmızıya döner.

Köprüler için her zaman mavi kullanmanın iyi bir şey olduğuna inanıyorum, böylece kullanıcılarınız köprü bağlantısının ne olduğunu ve neyin olmadığını hızlı bir şekilde görebilir. Ancak, bazı meslektaşlarım aynı fikirde değil ve başka renkler istiyorlar.

Bu konudaki düşünceleriniz neler?

42
Husky

Ziyaret edilmemiş bağlantılar için # 0000FF ve ziyaret edilen bağlantılar için # 800080 gibi bir standart, ancak neredeyse herkes bunu yapıyorsa iyidir. Aksi takdirde kullanıcılar, standardın ne zaman takip edileceğini ve takip edilmeyeceğini tahmin edemez ve bu nedenle artık sitenin davranışını tahmin etmek için kullanamaz. Ne yazık ki çoğu web sitesi bu renk standartlarına uymuyor. Bir gelişigüzel ankette (rastgele bir anketle karıştırılmamalıdır), sitelerin üçte birinden daha azının standarda uygun olduğunu düşünüyorum. Deneyimlerime göre, web'de nispeten yeni olan kullanıcılar standardın farkında bile olmayabilirler - sadece deneyimlerinden alabilecekleri bir şey değildir. Renk, tasarımcıların standarda sıkı sıkıya uymaları için estetik ve markalama amaçlarına yönelik bir grafik niteliğinin çok önemli olduğunu kanıtlamıştır. Açıkçası, yine de büyük bir standart değildi - bazı kullanıcılar için yüksek doygunluklu mavi metne, özellikle de eski kullanıcılara odaklanmak zor. Genel olarak, artık bu standarda uymanın fazla bir anlamı olduğunu düşünmüyorum.

Bununla birlikte, bağlantılarınızı daha geniş tanımlanmış bir anlamda mavi yapmak hala mantıklıdır. Anket yaptığım sitelerin% 80'inden fazlası bağlantı için mavi bir ton kullanıyor. Bu nedenle, standart bir kullanıcının güvenebileceği tam olarak olmasa da, mavimsi diğer renklerden daha linkli olduğunu düşüneceklerine inanıyorum. Gördüğüm kadarıyla farklı bir renk olduğu sürece bağlantılar için mavi olmayan bir renk kullanarak kurtulabilirsiniz (kullanıcılarınız t bağlantı olup olmadığını görmek için fareyi her renk metninin üzerine sürmeniz gerekir). Bununla birlikte, maviyi kullanmak makul ise, o zaman mavi olun.

Renk seçiminden daha da önemlisi, en azından bir üst veya yan çubuk menüsünde bulunmayan bağlantılar için bağlantılarınızın altını çizmek . Kullandığım sitelerin% 90'ından fazlası, bağlantıların ayırt edilmesinin altını çizdi (sadece fareyle üzerine gelmesine rağmen), bu da onu sürekli olarak takip edilen bir kongre haline getirdi. Tamamen renk körü olan kullanıcıların küçük bir azınlığını içeren sorunlar da dahil olmak üzere rengin erişilebilirlik sorunlarının altını çiziyor.

Bir araya getirmek, hemen hemen tavsiye ederim Jakob Nielsen'in önerdiği şeylerin aynısı altı yıl önce:

  • Verme sitesi için, ziyaret edilmemiş tüm bağlantılar için bir renk kullanın. Ziyaret edilmemiş bir bağlantı anlamına gelen birden fazla renk kullanmak, sitenizin öğrenme yükünü artırır ve kullanıcıların seçecekleri bağlantıları taramasını zorlaştırır.

  • “Renk” demek istediğim renk tonu var -bağlantılar siyah, beyaz veya gri olmamalıdır. Renk olmayanlar, kullanıcılara bağlantısız metni belirtir.

  • Sitenizin paletinde mavi varsa, bağlantılar için bu maviyi kullanın.

  • Seçili bağlantı rengini asla sitedeki bağlantısız metin için kullanmayın. Bu, kullanıcıları renklendirme bağlantılarının amacını yenerek, bir bağlantı olan ve olmayan bir bağlantıyla karıştırır.

  • Tüm bağlantıların altını çizin. Dikkatli bir şekilde fare altını çizin. Sadece bağlantılar mavi veya bağlantılar üst veya kenar çubuğu menüsünde ise bunu düşünürdüm.

  • Bağlantıların asla altını çizmeyin. Bunun yerine vurgu için italik veya kalın kullanın.

Statik içeriğe sahip siteler için, araştırmalar ziyaret edilen bağlantıları farklı renkte olarak göstermenizi önerir. Ancak, ziyaret edilmemiş bağlantılar için belirli bir renk olmadan, ziyaret edilen bir bağlantı için ne kullanacağını bilmek zordur. Anket yaptığım sitelerin yalnızca üçte biri ziyaret edilen ve ziyaret edilmeyen bağlantıları ayırt ediyor ve bunların çoğu ziyaret edilen bağlantılar için mor kullanmıyor, bu nedenle kullanıcıların bu sözleşmeye ne kadar aşina olduğunu bilmiyorum. Renk kodlaması burada keyfidir - mor hakkında "ziyaret edilen" anlamına gelen hiçbir şey yoktur. Kullanıcılar bir bağlantıyı tıklayıp geri dönüp renk değişimini gördükten sonra anlam çıkarabilir, ancak bir ay sonra siteye geri dönen bir kullanıcı hayal edebilir ve diğerleri farklı renkteyken bazı bağlantılar tek renklidir. hangisinin hangisi olduğunu hatırlamak zor.

Önerebileceğim tek şey, daha geniş kullanıcı deneyimlerinden yararlanmak ve ziyaret edilen bağlantılar için "yıpranmış" görünümlü bir renk benimsemek. Bu, ziyaret edilmemiş bağlantılar için renk doygunluğundan daha düşük renk doygunluğuna sahip olmalıdır (# 800080'e karşı # 0000FF kullanımı ile tutarlı), ancak ziyaretin tüm kullanıcılarınız için ziyaret edilmemiş olandan yeterince farklı olmasını sağlamak için kendi başına daha düşük doygunluk yeterli değildir. Başka? Bazı siteler gibi tonu kırmızıya kaydırıp mor ile maviyi kullanmaya tutarlı mısınız? Bağlantının “soluk” görünmesi için diğer siteler gibi daha açık bir renk mi kullanıyorsunuz? Bağlantının normal metinle daha fazla karışmasını sağlamak için diğer siteler gibi daha koyu bir renk mi kullanıyorsunuz? Bunun biraz araştırmaya ihtiyacı olduğunu düşünüyorum ve sonra bunu standart hale getirmeliyiz.

32

Renk şemanız izin verdiğinde konvansiyon güzeldir, ancak iç tutarlılık daha önemlidir, bu nedenle mavi/mor/kırmızı palete sadık kalmanız gerektiği gibi hissetmeyin. Bağlantılarınızın normal metinden farklı olması da önemlidir. Farklılaşma genellikle renk, ağırlık veya alt çizgi ile gerçekleştirilir. Farklı bağlantı durumları için farklı renkler kullanılabilirliği artırır.

27
Virtuosi Media

Bağlantıların mavi olup olmaması eski bir tartışmadır. Jakob Nielsen'in, yıllar boyunca değişmesine rağmen, bunu savunduğu bilinmektedir: in Ana Sayfa Kullanılabilirliği değişen görüşünden bir noktaya işaret ediyor ( Nielsen & Loranger 2006, s. 100).

Ancak , #0000FF Renkli bağlantılardan daha önemli olan değiştir = ziyaret edilen renk bağlantılar . Mutlaka mor değil, bir şey (özellikle) farklı.


Benim (ilham verdiğim) düşüncem: Estetik is önemli. Bu nedenle, different bağlantı rengini, genel görsel hisle eşleşen, ister #0000FF Veya başka bir renk için giderdim.

8
jensgram

Bu korkunç mavi olmasının nedeni, renk körü insanların (yani, en yaygın renk körlüğü vakası) siyah ve maviyi ayırt edebilmesidir, bu yüzden aslında farkı görürler. Potansiyel olarak renk körü (ör. Google veya bing) olabilecek çok sayıda kullanıcınız varsa, bu sözleşmeye bağlı kalmak isteyebilirsiniz. Aksi takdirde, tasarımınızla çalışmazsa bunu yapmanız gerekmez. Ancak en azından bağlantıların altını çizebilir veya sadece renkten farklı olmalarını sağlayabilirsiniz.

3
Lukas Oppermann

Mavi olmalarına gerek yok, sadece tutarlılar. Tutarlı bir şekilde, hepsinin tek bir renk olması gerektiği anlamına gelmez. Gezinmedeki bağlantılar ve altbilgideki bağlantılar ve içerikteki bağlantılar - her biri kendi alanlarında tutarlı oldukları sürece kendi renklerine sahip olabilir ve tıklanabilir olarak göze çarpabilir.

Bence, düğme renklerinin bağlantı renkleriyle de tutarlı olması, kullanıcıya sadece bir bağlantı rengi değil, "bu tıklanabilir" bir renk vermek en iyisidir. Ayrıca ziyaret edilen bağlantılar hakkında önceki yorumlara katılıyorum - büyük ölçüde farklı olmalarına gerek yok, ancak fark edilir derecede farklı olmaları.

Son olarak, bağlantı renklerini tanımlarken arka plan ve metin renklerini tanımlayın.

Beyaz bir arka plan, siyah metin ve mavi/mor bağlantılarla başladığınızı düşünmeyin; kullanıcı bunları değiştirebilir. Tarayıcınızı varsayılan olmayan renkleri kullanacak şekilde ayarlamanız gerekir, böylece sitelerinizin (ve diğer pek çok kişinin) bunları ne zaman tanımlayamadığını görebilirsiniz. (Tarayıcı arka plan rengimi açık gri, bordo metin, parlak yeşil bağlantılar, koyu yeşil ziyaret edilen bağlantılar ve turuncu bağlantı fareyle ayarladım.)

2
Webveloper

İlk olarak, bağlantılarla ilgili temel sorun, belirli bir renk olup olmadıkları kadar değil, ancak bağlantı olduklarını açıklığa kavuşturacak kadar farklı olmalarını sağlamaktır.

@VirtuosiMedia ve @jensgram, ziyaret edilen bağlantı farklılaştırmasının iyi olduğunu kabul ediyorum, ancak yine de anahtar sadece bağlantılarınızın öne çıkmasını sağlamaktır. Özellikle şimdi, aşırı bilgi yüklemesi ve okumanın aksine çok fazla tarama ile, kullanıcıların bir bakışta bağlantıları görmesi gerekiyor ve özellikle bir şey ziyaret edip etmediğinizi, özellikle de bulunduğunuz sayfadan ziyaret etmediğiniz bir şeyi bilmek yararlıdır. . Birçok sitenin aynı malzemeye bağlandığı bir ana konu alanında veya endüstride içerik okursa, kavramın daha önemli olduğuna inanıyorum. Kullanıcıların ziyaret ettikleri bağlantıların tarayıcı ayarlarında nasıl davrandığını (benim gibi) geçersiz kılabileceğini her zaman hatırlamamız gerekir.

@Lukas ve @Charles Ayrıca alt çizginin mutlaka işe yaramadığını kabul ediyorum. Yeterince yüksek kontrast için tasarım yapıyorsanız, sadece farklı bir renk kullanarak renk körü olanlar için de yeterli olmayabilir. Bağlantılarınızı ne kadar farklılaştırabilir ve bundan sonra daha fazla sahte sınıf varyasyonu o kadar iyi olur. Örneğin basit bir sade tasarımla, # 333 metin rengi ve # 000 bağlantı rengi muhtemelen düşük keskinlik veya renk körü kullanıcılar için yeterli olmayacaktır, ancak siyah bağlantıyı kalın ve altı çizili yapmak yeterli olabilir. Devlet daha sonra üzerine gelindiğinde ve aktifken değişip en sonunda, belki de yukarıda bahsettiğim durumda # 999 gibi bir şeye değişecektir.

@Stewbob Gerçekten mi? Tasarımınızı maviye yapıştıracak olsa bile, yapmalısınız? Zorlukla.

1
jameswanless

Belirli bir rengin önemli olduğunu veya hatta altı çizili olduğunu düşünmüyorum. Tıklanabilecekleri hemen olduğu sürece, sorun değil.

Tıklayabileceğim bir şey için (faremle) avlanmak zorunda kaldığım sitelerde bulundum. Eğer imleç küçük ele dönüştüyse, üzerine tıklayabileceğimi biliyordum. Bana göre bu çok kötü bir tasarım.

Her site tasarımı farklı olsa da, genel olarak sadece bir eylemi gerçekleştirmek için neye tıklanabileceğini (pasif olarak) açıkça görmeliyim. Genel standartlara uymanın, işlerin nerede olduğu açısından iyi olduğunu söyledikten sonra. Pek çok web sitesinde sağ üstte hesap bilgileri bulunur. Yine geçmişte ben 5 dakika veya daha fazla "oturumu kapat/kapat" bağlantısını bulmaya harcamak zorunda kaldım sitelerde oldum.

0
Antony Scott

İşte Microsoft'un yayınlanmış bağlantılar için standartlar . Bağlantı renkler ve arka planlar hakkında, yanlış kullanımla ilgili eğlenceli çizimler içeren belirli bir bölüm var.

0
JeromeR