Kullanılabilirlik İpucu #1:Site Dışına Giden Linkler | Userspots - Kullanılabilirlik testi ile kullanıcı dostu arayüzler yaratın...

Kullanılabilirlik İpucu #1:Site Dışına Giden Linkler

Site dışına giden linkleri küçük bir hamle ile anlaşılır hale getirip kullanıcılara siteden çıkıp başka bir siteye gideceklerini kolayca anlatabiliriz. Örneğini Techcrunch‘da görebileceğimiz linkleri oluşturmak için CSS sayfasına aşağıdaki kodu eklememiz yeterli olacaktır.

a[href^="http:"] {
background: url(images/externalLink.gif) no-repeat right top;
padding-right: 15px;
}

http ile başlayan ama kendi sitenize gidecek linklerin normal gözükmesi için de aşağıdaki kodu eklemeliyiz.

a[href^="http://www.siteadiniz.com"] {
background-image: none;
padding-right: 0;
}

CSS sayfasına eklediğimiz kodda görebileceğimiz gibi linklerin yanına images klasörü altında bulunan “externalLink.gif” adlı dosyayı ekledik. Eklediğimiz imajı aşağıda bulabilirsiniz.

Tarih: 16 Aralık 2008

Etiketler: ipucu

İlginizi Çekebilecek Diğer Yazılar

1 Yorum

Kullanıcı Geçmişi,Konumu ve Geleceği - Userspots - 8 Eki 2009 6:24 pm

[...] linkle ilgili her türlü bilgi verilmelidir. (Daha önceki kullanılabirlik ipuçlarında Site Dışına Giden Linkler ve HTML Olmayan Dökümanlara Linkler yazılarına bakabilirsiniz.) Tarih: 08/01/2009 [...]

Yorum Yapın