Bağlantı Tasarımı

İlke

Bağlantılar tutarlı, anlaşılır ve birbirinden ayırt edilebilir olacak şekilde tasarlanmalıdır.

Açıklama

Bağlantıların kullanıcılar tarafından ayırt edilebilmesi için altını çizme, rengini değiştirme ve vurgulama gibi farklı teknikler kullanılabilir. Art arda gelen bağlantılar, belirgin bir şekilde birbirinden ayırt edilemediği sürece kullanıcıların hata yapmasına neden olacaktır.

Yönergeler

  • Bağlantıların belirgin hale getirilebilmesi için altı çizili ve normal metinden farklı renkler kullanılabileceği gibi, benzer yerlerde konumlandırılarak da diğer öğelerden ayrılabilir.
  • Fare imleci bağlantı üzerine getirildiğinde, tıklanabilir olduğunun anlaşılabilmesi için fare el imlecine dönüşmeli ve bağlantının stili (Örn. Renk, vurgu, vb.) değişmelidir.
  • Mavi ve altı çizili olan metinler, bağlantı olarak algılanan kuvvetli ipuçları olduğu için kullanımı tercih edilebilir. Ancak yaşlı kullanıcıların en zor algıladıkları rengin mavi olduğu düşünülerek internet sitesinin hedef kitlesine göre bu karar verilmelidir.
  • Merak uyandıracak şekilde abartılı tasarlanmış bağlantılar reklam algısı oluşturabileceği için bu tür bağlantılardan kaçınılmalıdır.
  • Ziyaret edilmiş bağlantılar, diğer bağlantılara göre daha yıpranmış veya soluk bir renk tonuna sahip olmalıdır. Görsel kaygılarla bu prensipten vazgeçilmemelidir.
  • Farklı cihazların kullanılabileceği düşünülerek, bağlantıların tıklanabilmesi için yeterli alan sağlanmalıdır. Gerektiğinde beyaz alan (whitespace) bağlantı tasarımına dâhil edilebilir.
  • Tamamı büyük veya tamamı küçük harflerden oluşan bağlantı metinleri, okumayı ve kullanıcıların internet sitesini taramasını zorlaştıracağı için tercih edilmemelidir.
  • İnternet sitesinde çok sayıda bağlantı yer alıyorsa, bağlantıların birbirinden ayırt edilebilir olması gerekmektedir. Benzer biçimde tasarlanan bağlantıların farklı olduğunu vurgulamak için her bağlantının farklı satırda yer alması ya da bağlantılar arasında boş alanların kullanılması gibi yöntemler tercih edilebilir.
  • Farklı sayfalara erişim sağlayan bağlantıların farklı olduğu belirgin hale getirilmelidir. Örneğin, okuma metinlerinin olduğu sayfalara sağlanan bağlantılar için metin öğelerinin kullanımı, işlemler için ise düğme ya da ikonların kullanımı tercih edilebilir.
  • Bağlantıların ayrı pencerede açılması kullanıcıyı yanıltabilmektedir. Bu nedenle özel bir neden bulunmuyorsa bu seçenek tercih edilmemelidir.
  • Farklı internet sitelerine yönlendirecek olan bağlantıların, ya bu durumu gösterecek şekilde belirgin tasarlanması ya da bağlantı tıklandığında farklı bir sitenin açılacağına dair uyarması gerekmektedir.
  • PDF gibi dokümanlara verilen bağlantılar, ikon veya yanına yazılan dosya uzantısı ile açılacak doküman hakkında fikir vermeli ve ayrı pencerede açılmalıdır. Kullanıcılar bu dokümanları okuduktan sonra kapatma eğiliminde oldukları için aynı pencere içerisinde açılmamalıdır.
  • Bağlantı tıklandığında büyük bir dokümanın indirilmesi söz konusu ise bağlantı metninin yanına dosya boyutu da yazılmalıdır.
  • Farklı dilde açılacak sayfalara verilen bağlantıların yanına bunu belirten ifade veya ikonlar koyulmalıdır.

Referanslar

  • ISO 9241-151 / 9.4.2 – Identification of links
  • ISO 9241-151 / 9.4.3 – Distinguishing adjacent links from each other
  • ISO 9241-151 / 9.4.4 – Distinguishing navigation links from transactions
  • ISO 9241-151 / 9.4.9 – Marking links to special targets

Faydalı Kaynaklar