Geniş Ekran Modu Otomatik Ekran Boyutu Font Boyutunu Azalt Font Boyutunu Azalt Font Boyutunu Normal Yap Yazdır

Web Sayfası Tasarım Hataları

Deneyimler neticesinde oluşturulmuş bir liste

1.Ziyaretçi sitenizin içeriğini saniyeler içerisinde anlayabilmeli.
2. Uzun yazılardan kaçının .İçeriğiniz başlık,alt başlık ve listelerden oluşsun.İçerik ,okuyucu tarafından kolayca taranabilmeli ve istediğini rahatlıkla bulması sağlayın.
3.Okunaksız ve süslü bir yazı tipi kullanmayın.
4.Ufak yazı tiplerini kullanmayın.İçeriğiniz kolayca okunabilmelidir.
5. Sitenizden verilen linkleri yeni bir pencerede açmayın.Kontrolün kullanıcıda olmasını sağlayın.
6. Kullanıcının tarayıcı pencerisini yeniden boyutlandırmayın.Kontrolün kullanıcıda olmasını sağlayın.
7. Gerekli olmadıkça ziyaretçileri üye olmaları için zorlamayın.
8. Sitenize üye olan bir kullanıcıya otomatik olarak haber bildirimlerini göndermeyin.
9. Websitenizin yüklenişini geciktirmesi haricinde, Flash’ın aşırı kullanımı ziyaretçileri kızdırabilir.
10. Müzik kullanmayın.
11. Eğer bir audio dosya kullanmak zorundaysanız bunu ziyaretçinin başlatmasını sağlayın.
12. Sitenizi rozetlerle doldurmayın. Ağ(Network) ve Komünite rozetleri siteleri profosyonel olmayan bir görünüme sokarlar. Tanımlama ve ödül rozetlerini ise hakkımızda sayfasına yerleştirin.
13. Anasayfayı esas site arayüzünü başlatan sayfa olarak kullanmayın. İçeriğinize birkaç adımda ulaşılmasını sağlayın.
14. İletişim bilgilerini eklediğinizi emin olun.Aksi takdirde geribeslemeyi zaten kaybetmiş olursunuz.
15. Kullanabilirliğin temel bir ilkesi olan ‘’Geri’’ butonunu unutmayın.
16. Parıldayan link kullanmayın(bazı forumlarda mevcut).
17. Karışık URL yapılarından kaçının.
18. HTML tablolarında CSS kullanın.
19. Kullanıcılarınızın sitenizin tamamını araştırabildiğinden emin olun.
20. Açılır menülerden sakının.
21. Tekst yönlendirmeyi kullanın.
22. PDF dosyalarının linklerini açık olarak belirtin. Çünkü Acrobat Reader başlayana kadar belirli bir süre geçecek ve bu da ziyaretçiyi rahatsız edecektir.
23. Sitenizde bağlantı hızı, flash veya html seçenekleri sunarak ziyaretçinin kafasını karıştırmayın.
24. Adsense reklamlarını içeriğinize gömmek kısa vadede tıklanma oranınızı arttırabilir. Uzun vadede bu okuyucu kitlenizin azalmasına neden olacaktır. Kızmış bir ziyaretçi kaybedilmiş bir ziyaretçidir.
25. Basit bir navigasyon(yönlendirme,dolaşma) yapısına sahip olun. Ziyaretçiler istediklerine kolayca ulaşabilsin.
26. Giriş animasyonlarından sakının.
27. Frontpage kullanmayın. Bu tip HTML editörleri site oluşturmayı kolay hale getirirler fakat kod yönünden zayıf,diğer tarayıcılarla uyumsuz ve çeşitli hatalarla dolu sitelerin ortaya çıkmasına neden olurlar.
28. Sitenizin çapraz tarayıcı desteği(cross-browser) ile uyumlu olduğundan emin olun.
29. Linklere Çapa(Anchor) tekst dahil ettiğnizden emin olun.
30. Linklerinizi gizlemeyin(cloaking link). Ayrıca, kullanıcı tarayıcı durum çubuğunda linkin nereye gittiğini görebilmesini sağlayın.
31. Linkleri farkedilebilir yapın. Ziyaretçi hangisinin tıklanabilir hangisinin tıklanamaz olduğunu kolayca anlayabilmelidir. Linkleriniz yazıdan farklı bir renkte olduğuna emin olun. Linklerinizi altı çizili olarak da sunabilirsiniz.
32. Gerekli olmadıkça normal yazıyı altı çizili veya arka planı renkli olacak şekilde yayınlamayın.
33. Tıklanan linklerin renginin değişmesine dikkat edin.Bu sitenin kulllanılabilirliği açısından önemlidir.
34.Animated gif kullanmayın çünkü izleyicinin dikkatini dağıtırlar ve profosyonel olmayan bir görünüm sunarlar.
35. Resimler için ALT ve TITLE özniteliklerini(attribute) kullandığınızdan emin olun.
36. Uyumsuz ve göze batan renkler kullanmayın.
37. Beliren(pop-up) pencere veya mesaj kullanmayın.
38. Javascript linklerinden sakının. Bu linkler kullanıcı tıkladığında ufak bir js uygulamaya koyarlar. Kullanıcılar için sorun teşkil ettiklerinden dolayı kullanmayın.
39. Sayfa altlığına(footer) fonksiyonel linkler dahil edin. Buradan Anasayfaya ve İleitişim bölümüne link verebilirsiniz.
40. Uzun sayflardan dolayısıyla uzun yazılardan kaçının.Bunu yapmazsanız okuyucu yazınızın büyük kısmını atlayacaktır.
41.Yatay kaydırma(scrolling) kullanmayın. Dikey kaydırma kabul edilebilr ama yatay kaydırma hakkında aynı şey söylenemez.
42. Heceleme ve grammer hatası yapmamaya özen gösterin. Bu bir dizayn hatası değildir fakat toplamda bir sitenin kalitesini etkileyen önemli faktörlerden birtanesidir.
43. Captcha (Completely Automated Public Turing test to tell Computers and Humans Apart) kullanıyorsanız rakamların ve harflerin okunabilir olmasına dikkat edin.

www.dijitalders.com




Kaynak www.bildirgec.org/yazi/43-tasarim-hatasi

Bu içerikle ilgili henüz herhangi bir yorum yapılmamıştır. Bu içerikle ilgili Yorumunuzu eklemek için burayı tıklayınız.

Html Dersleri

Meta Tag Nedir?
Meta imlerini ne kadar iyi ve ziyaretçinin umduğuna göre yazarsanız arama motorlarında bulunmanız o ...
xml xhtml html hakkında
Xml Html arasındaki fark
Meta Tag nedir?
Meta tag’lar HTML kodunuzun HEAD bölümüne yerleştirilmiş bilgi etiketleridir. Arama motorlar...
XHTML Nedir?
XHTML kısaltmasının açılımı İngilizce'de eXtensible Hyper Text Markup Language yani dilimizde ki ka...
FORM Tagı Elemanları
HTML'in bir metin şekillendirme aracı olduğunu söylemiştik. Form'lar bu tanımın istisnasıdır, HTM...
FORM Tagı
Form tagı parametreleri
FRAME Tag?
Ayn? pencere içinde birden fazla sayfa görünmesini istedi?imiz zaman çerçeve (frame) kullan?r?z. ...
Table Tag?
Web sayfam?za tablo eklemek için kulland???m?z etikettir. Tablolar profesyonel web sayfalar?n?n ayr?...
DOCTYPE Tanımlama
Genel bir bilgi vermek gerekirse; web sayfalarınızın tarayıcı tarafından nasıl yorumlanacağını başka...
IFRAME Tagı
Bir web sayfasının içersine daha çok başka bir sitenin içeriğini aktarmak için kullandığımız bir yol
A Tagı
HTML'nin en büyük özelliklerinden birisi, tek sayfa ile sınırlı kalmamasıdır
UL, OL, DL Taglar?
Dökümanlarin göze hos görünmelerini saglamak amaciyla listeler yaygin olarak kullanilir. HTML, pe...
Meta Tagı
Meta tagının kullanımı
Html Tag Listesi
Bazı html tagları hakkında açıklamalı referans listesi
IMG Tag?
Eger Web sayfalarini gezerken grafik destekleyen bir program ( Mosaic, Netscape) kullaniyorsaniz, ek...
?lk Sayfay? Olu?turmak
?lk HTML sayfam?z? nas?l olu?turuyoruz?
Genel HTML Taglar?
Etiket, HTML dosyas?nda kullan?lan komutlara verilen add?r. HTML içinde kullan?lan tüm etiketle...
Body Tagı
Temel sayfa içerik tagı
Html Nedir? Ve Html Tag'leri
Gelişen browser teknolojileri sayesinde, html içine yazılar dışında resim, ses, video, java, javascr...

    Ödev Gönder | İncelenmeyi Bekleyen Ödevler | Uygulama Resimleri | Uygulama Resmi Gönder | İnternet Üzerinden Sınav | Test Sorusu Gönder | Sınıf Karneleri | Anketler | Linkler
    www.dijitalders.com

    bilgidijitalders.com
    Bu sayfalar en iyi 1024 x 768 ekran çözünürlüğünde görüntülenir.
    Site içerikleri, site kullanıcıları tarafından yollanan içeriklerdir. Her hangi bir içeriğin lisanslı yahut şahsınıza ait olduğunu tarafımıza iletirseniz gerekli düzenlemeyi yapacağız. Kullanılan içerikler, siteyi kullanan öğrenciler ve araştırmacılar için kolaylık sağlamak amacıyla oluşturulmuştur.
    Sayfada HATA! Olduğunu Düşünüyorsanız | Sık Kullanılanlara Ekle | www.dijitalders.com'u Ana Sayfam Yap | Web Tasarımcıya e-Posta
    Bu site 150,591 kişi tarafından ziyaret edilmiştir.