Yazar: Umut Yurtseven | Yayın Tarihi: 04 Eylül 2008 | Yorumlar: 4 Yorum
Kategori: Genel

Web Tasarım ve Grafik Arayüzler Konusunda Ekmek Yer Durumdayım. Ortalama 40 tane sık düşülen hatadan bahsedeceğim.

1. Ziyaretçiler web sayfanıza geldiğinde bir kaç saniye içerisinde içerik hakkında bilgi sahibi olmalıdır. İlk 15 saniye ziyaretçiyi etkilemek için çok önemlidir. Animasyonlar ve sesli efektler yardımcı olucaktır.
2. İçerik çok hızlı bir şekilde gözden geçirilebilir olmalıdır. Anasayfanızda uzun anlatımlardan ziyade, konuyla ilgili kısa bir özet ve konunun tamamı için “devamını okuyun” tarzında bir bağlantı eklenmeli.
3. Kullanılan fontlar kesinlikle aynı standartlarda olmalı. Logo ve slogan hariç diğer içerik ve menü fontlarınız okunabilir ve her bilgisayarda default bulunan prestijli fontlar olmalı (Times, Trebuchet MS, Verdana, Tahoma, Calibri).
4. Font seçiminin yanı sıra büyüklüğü ve kalınlığıda önemlidir. Yalnızca kilit noktalar kalan textin 1 numara büyük ve kalın halde belirtilmelidir. Kalın yazılar kesinlikle az ve en önemli noktalarda kullanılmalıdır. Çünkü okuyucu metni ilk gördüğünde istem dışı kalın yazı aramaktadır.
5. Site içi bağlantılarınızı asla yeni sayfada açtırmayın. Ufak bilgiler için mümkünse pop-up lar kullanın, ufak resimleri büyütmek içinse Lightbox kullanın. (Lightbox makalesini yakında yazacağım. Şu anda sitemde kullandığım resim büyütme eklentisi. Her sisteme uyumludur.)
6. Yeni pencere açtırmak zorunda kaldığınızda veya site içi sayfalarınızda asla browserlara yeni boyut verdirmeyin. Tasarımı tek bir çözünürlüğe standart alarak hazırlamayın.
7. Çok gerekmedikçe asla üyelik zorunlu hale getirmeyin. Bir konu okumak için üyeliğe zorlanan kullanıcı sitenize yaklaşımı düşmanca ve sıkıntılı olarak oluşur. Sitenizin hatırda kalma süresi azalır ve gelen kullanıcının tekrar gelmesi zorlaşır.
8. Üye olan kullanıcıları asla otomatik internet haber gazeteleri, rss feedler, mail topluluklarına kayıt ettirmeyin.
9. Sitenizde farklı farklı hareket eden objeler kullanmayın. En fazla 1 tane flash banner veya logo kullanın. İnsanların ilgisini çekmesini istediğiniz en önemli objeye hareket verin. Fazla yaparsanız ilgi ve konsantrasyon dağılacaktır.
10. Asla otomatik müzik çalmayın. Bazı kullanıcıların hoşuna gidebilir fakat sitenizin ziyareti esnasında ziyaretçinin ne pozisyonda olduğunu bilemezsiniz. Genellikle C.rack programları bu hataya sık düşer. pek sevilmezler. Ayrıca her insanın melody zevki farklıdır.

    Toplamda 43 maddenin devamı bulunmakta..
    

11. Eğer sesli anlatım yapmak zorunda kalırsanız, bu navigasyonu kullanıcının başlatmasına, sesini kısıp yükseltmesine olanak verin.
12. Asla anasayfanıza sertifika ve ödüllerinizi koymayınız. Bunları hakkımızda sayfasına veya, kalite sayfanıza ekleyiniz. Kendini beğenmiş bir profil çizmek her zaman prestijinizi sarsar.
13. Anasyfanız asla sitenin tamamını içermesin, firma hakkında kısaca bir bilgi, ürün yelpazesinden bir kaç satır anlatım ve ufak resimli örnekler, anasayfanın görevini yerine getirir.
14. İletişim bilgilerinin tam ve sağlıklı olduğundan emin olun. En salak kullanıcıya göre bir web sayfası hazırlamanı gerekmektedir. Mümkünse geliş yollarını belirten bir harita ekleyin. Geliş güzergahlarının (cadde ve sokakların) isimlerini, varsa belirgin noktaları (Big Chefs Restauranttan Sola Dön) kaçırmayın.
15. Browser’ın geri butonunu iptal etmeyin, bunu site içerisinde yapmak isteseniz dahi kullanıcılar genel olarak browser navigasyonunu kullanır. Yeni sayfalar içerisinde açtırmak bu navigasyonu engellemektedir.
16. Asla sitenin genelinden farklı renkler kullanmayın. maximum 4 yakın renk ile sayfanızı oluşturun. Sadece önemli noktalar renklendirin ve asla parlayan rekler kullanmayın (siyah üzeri koyu kırmızı gibi..)
17. Asla sayfalarınızı komplex isimlerle oluşturmayın. Sayfa isimler (hakkimizda.html) o sayfanın içeriğini yansıtmalı. Bu hem sitenizin her hangi bir bağlantısının başka bir sitede ne içerdiğini anlatır, hemde Seo açısından size büyük yarar sağlar.
18. Tablolar yerine CSS ve DIV yapısını kullanın. Seo açısından yararlı olucaktır.
19. Site içi arama özelliği mutlaka eklenmelidir. Kullanıcılar bazen aradıkları şeyin komplex sayfalarda bulamamaktadırlar, veya rahata kaçmak için hemen bir arama kutusu bulmak isterler. Genelde ilk sağ üst köşeye bakılır. Bunu mutlaka ekleyin.
20. Aşağı doğru açılan menülerden uzak durun. Her ne kadar kullanıcının gözüne hitab etsede, o menüleri açmak için bir çaba gösterilmelidir. Alt sayfaları görmek için üst menüde bir navigasyon uyugulamaktansa, sağ veya sol menüye bir ağaç yapısı oluşturun.
21. Ziyaretçileri textler ile yönlendirin. “Seo Yarışması Hakkında Daha Fazla Bilgi İçin Tıklayın” gibi bir sayfada “tıklayın” kelimesine ilgili konunun linkinin verilmesi, bir resime verilen linkden daha etkilidir.
22. Eğer verdiğiniz link bir pdf dosyasına gidiyorsa bunu parantez içerisinde belirtiniz “Konunun devamı için tıklayınız (pdf - 200kb) ” gibi.
23. Kullanıcılara asla sitenizin standartlarına uymalarını söylemeyin. “Bu site 1024 Çözünürlükte FireFox ile En İyi Ziyaret Edilir” gibi. Ziyaretçiler asla içeriğiniz görmek için sizin standartlarınıza uymaya çalışmaz. Bu durumda standartları genişleten uygulamalara sahip sayfalar üretmelisiniz.
24. Anlatmak istediğiniz konunun içeriğinde reklam kokan hareketlerden kaçının. Asla reklam bannerlarını konu içerisine koymayın. Başında veya sonunda daha sağlıklı olucaktır.
25. Kesinlikle şekilden önce okunulabilirliğe dikkat edin. Bir ürünü almaya karar vermiş ve araştırma yapan birisi, ancak ürünle ve ürünün sunumu ile ilgilenir. Ziyaretçi kırtasiye malzemesi almak için girdiği bir konuda oto yedek parça reklamı görmek istemez. Sitenizin güvenilirliği sarsılır.
26. Sitenizde bir intro sayfası kullanmayın. Yukarıda dediğim gibi insanlar ürün ve bilgi için sitenizi ziyaret eder. Onlara zaman kazandırmak yerine zamanlarını almamalısınız.
27. Aynen bir giriş sayfası dahi kullanmayın. Eğer giriş sayfanızda dil seçimi veriyorsanız, bunu en genel kullanım olan dildeki sitenizin içinde sağ üst köşede yapın. Türk bir firmanın sitesi ilk başta türkçe olarak açılmalı, türkçe site içerisinden diğer dillere geçiş yapmalıdır.
28. Tüm browserlara uyumlu websayfaları hazırlayın. bu konuda çok ciddi derecede farklılıklar bulunuyor. Sade ve animasyonsuz CSS kullanımı bu sorunun üstesinden gelicektir.
29. Site içerisinde vereceğiniz linklerin mutlaka Açıklama kelimeler üzerinden verilmesine dikkat edin (anchor text).
30. Çok uzun kelimelere link vermeyin. Maximum 2 kelimeden oluşan anchor textler üzerinden link yapısı oluşturun. Asla linkleri normal yazıdan cok farklı yapmayın.
31. Linklerinizi sayfa arka planının zıttı ve pastel renklerle yapın. İçerikle arasında biraz fark bulunması gerekli, insanların bağlantılar arasında geçmek isteyeceklerini unutmayalım.
32. Normal yazıların altını çizmeyin veya tümünden farklı bir renk vermeyin. Textlere link görünümü vermek saçma ve gereksiz olucaktır.
33. CSS Kullanarak, daha önceden tıklanmış linklere mutlaka farklı renkler verin. Ziyaretçilerin tıkladıkları linklere tekrar tıklamakdan rahatsız olacağını unutmayın.
34. Aşırı derecede Hareketli gif ler kullanmayın. Kullanıcıları ürüne ve açıklamaya yöneltin.
35. Resimlernizide alt=”" ve title=”" taglarını mutlaka ekleyin, içeriğini birşey yazmasanızda bulunmaları Seo açısından sitenize yararlı olacaktır. Ayrıca W3C standartlarına uyumlu olucaktır.
36. Bir birleriyle zıt renkleri asla aynı sayfada kullanmayın. İlgi çekmek için kelimlere kalınlık ve boyut farkı vermeniz daha sağlıklı olucaktır.
37. Asla otomatik pop-up’lar açtırmayın. Kullanıcıların browser ve antivirüs programları bunu bir virüs olarak algılayabilir ve uyarı verdiğinde ziyaretçinin sitenize olan güveni yitirilir.
38. JavaScript kodlamalardan mümkün olduğunca uzak durun. Web 2.0 ın gelmesiyle oluşan yeni standartlar bir çok sefer kötü amaçlı kullanımlara yol açmıştır.
39. Footer - Yani sitenizin en altına, gerekli bir kaç link ekleyin. Bunun yanı sıra telefon numarası ve firmanın bulunduğu adresi kısaca yazılabilir. Sağ üst kısımdan sonra en çok bakılan yer en alt orta kısımdır.
40. Uzun içerik ve ürün sayfaları oluşturmayın. Mümkünse bir kaç parçaya ayıraran 1 - 2 - 3 - 4 - 5 gibi linkler vererek konunun devamına geçiş yaptırın. (bkz: Chip.com.tr)
41. Asla yatay scrolling yaptırmayın. siteniz sağa ve sola doğru genişlemesin. Aşağı doğru uzamasında bir sorun olmaz fakat yatay genişlikte en düşük standart olan 1024 çözünürlük esas alınmalıdır.
42. Asla dil bilgisi hataları yapmayın. Noktalama ve vurgulara dikkat edin. Unutmayın ki bir firmanın kalitesi en çok kendini anlatımı ile belirlenir.
43. Ziyaretçilere ürün ve içeriğiniz hakkında söz hakkı verin. Yorum yapmalarına olanak sağlarsanız hızlı ve ucuz bir şekilde müşteri görüş ve düşüncelerini öğrenmiş olursunuz.

Bu makalenin orjinali, adtech ile reklam 2.0 dönemi başlıyor ve Trkycmhrytllbtpydrklcktr r10.net seo yarışması sitesinde yayınlanmaktadır.

Bunu Okuyanlar, Bunları'da Okudu..

• No related posts.

Başka bir paylaşımımı inceleyebilirsiniz

« Bir ayrı deryalarda..

Web Sayfanızdan Nasıl Daha Çok Verim Alırsınız? »