09-10-2016 / Web Tasarım
Post Image

Web tasarım konusunda yapılan hatarla ilgili internette dolaşan birçok liste var. Bunlar ya “Sık yapılan Hatalar” ya da “En çok yapılan 10 hata” şeklinde karşımıza çıkıyor. Listeler ve yazılan içerikler değişse de 10 hata değişmiyor. Bu yazıda web tasarımında yapılan bütün hataları yazmaya çalıştım. Bunlar kurumsal web siteleri ve bloglar dahil bütün web siteleri için geçerlidir.

1- Kullanıcılar kısa sürede sitenizin neyle ilgili olduğunu anlamalıdır: İnternette en değerli şeyleden biri zamandır. Ziyaretçiler kısa zaman içersinde sitenize girip, aradığını kolayca bulabilmelidir. Aksi takdirde diğer siteleri tercih edecktir. Bu yüzden siteniz ziyaretçilerin zaman geçirmesi için yeterli ölçüde HIZLI olmalıdır.

2- İçerikler kolayca gözden geçirilebilir olmalıdır: İnternetteki içerikler kitap gibi basılı materyallerden farklıdır. Sitede gezinirken  karşımıza çıkan metin blokları açık net ve anlaşılır olmalıdır. Başlıklar, alt başlıklar, listeler kolayca ayırt edilebilmelidir. Kullanıcının aradığını bulmasına yardımcı olacak filtreler kullanılmalıdır.

3- Okumayı zorlaştıran süslü fontlar kullanmayın: Web sitenize donanımlı ve anlamlı bir görünüm verecek bazı fontlar vardır. Bunların ne kadar okunaklı olduğu çok önemlidir. Eğer ana hedefiniz mesajınızı iletmek ise onlara bu süreçte rahat bir ortam sağlamalısınız.

4- Küçük fontlar kullanmayın: Önceki maddede üzerinde durduğumuz rahat bir okuma ortamı için bu da geçerlidir.

5- Bağlantılarınızı açmak için yeni pencereler kullanmayın: Bağlantıları yeni pencerede açarsam ziyaretçilerim benim sitemden ayrılmaz mantığı yanlıştır. Bağlantıları açmak kullanıcı denetimine bırakılmalıdır. Bugün tarayıcılarda neden büyük boyutlu geri butonlarının olduğunu düşünün.

6- Tarayıcı Pencelerini Boyutlandırmayın: Bunu kellanıcının kendi tarayıcı kontrolüne bırakmalısınız. Yeniden boyunlandırmak, kullanıcının yerleşik alışkanlıklarının dışına çıkmasını sağlayarak karmaşıklık oluşturacaktır. Bu durum sizin itibarınızı zedeleyecektir.

7- Gerekmedikçe kullanıcı kaydı kullanmayın: Kullanıcının rahatça sitede gezinmesini sağlayın. E-posta ve diğer iletişim bilgilerini almak için ziyaretçilerinizi zorlamayın.

8- Ziyaretçilerin isteği olmadan bültenlere kaydetmeye çalışmayın: Sitenize giriş yapan kullanıcıları otomatik olarak bültenlere kaydedip onlara gereksiz e-mailler göndermeyin. İstenemeyen e-postalar kullanıcılarla arkadaş olmak için iyi bir yol değildir.

9- Flash kullanırken aşırıya gitmeyin: Fazla flash kullanımı sitenin yüklenmesini geciktirir. Bu durum ziyaretçilerinizin rahatsız olmasına sebep olacaktır. Flash'ı sadece satatik sayfalarınızın desteklemediği bazı özelliklerini kullanmak için tercih edin.

10- Müzik kullanmayın: İnternetin ilk  yıllardında web geliştiricileri başarılı olmak için  sitelere müzik entegre etmeye çalıştılar. Kullanıcı deneyimleri bunun iyi bir tercih olmadığını gösteriyor.

11- Ses dosyalarını oynatmayı kullanıcı denetimine bırakın: Bazı durumla ses dosyalarını kullanmanızı gerektirebilir. Böyle durumlarda otomatik oynatmak yerine kullanıcı kontrolü kullanın.

12-Ödüller&Referanslar ile sitenizi dağıtmayın: Herşeyden önce referanslarınızı sunmanız sizin amatörce gözükmenizi sağlar. Başarılarınızı, ödüllerinizi, referanslarınızı anlatacağınız bir sayfanız olmalıdır. Örneğin hakkımızda sayfasında bunlara yer verebilirsiniz.

13-İletişim bilgilerinizi eklediğinizden emin olun:  İletişim bilgileri olmayan bir siteden daha kötü bir web sitesi yoktur. Bu durum sadece ziyaretçileriniz için değil sizin için de çok kötüdür. İleitşim bilgilerinin olmaması ziyaretçilerinizin geri dönüşlerinden haber almanızı engelleyecektir.

14-Yanıp sönen metinler kullanmayın

15-Karmaşım Url yapılarından kaçının: Anahtar kelimelerin yer aldıdığı basit url yapıları arama motoru sıralamalarında daha iyidir. İyi bir Url sayfayı ziyaret etmeden önce sayfaların içeriği hakkında bilgi verir.

16- Html Tablolar Yerine CSS kullanın: Şimdiye kadar sayfa taslağı oluşturmak için tablo kullanıldı. Tablolardan ayrılmak ve daha düzenli yapılar kurmak için hiç bir nedeniniz yok. CSS farklı stil yapılarıyla, hızıyla birçok özelliği size sunuyor.

17-Kullanıcılar sitenizde arama yapabilmelidir: Arama motorlarının internette devrim yapmasının bir nedeni vardır. Aradığımız bilgiye çok kolay ulaşabiliyoruz. Sitenizde aramayı ihmal etmeyin.

18- Açılır menü kullanmayın: Kullanıcı navigasyon seçeneklerini düz bir şekilde görmek ister. Açılır menü aranılan bilgiyi gizleyebilir.

19- Navigasyonlar için metinleri kullanın: Metinler navigasyon için hem hızlı hem de güvenlidir. Örneğin internet olmadığı zaman resimler gözükmeyebilir. Bu durum o navigosyonun anlamsızlaşmasına neden olur.

20- Web sitenizi tarayıcıların ve bilgisayarların birçok farklı sürümüne göre optimize edin. Kullanıcıların internetinin ortalama bant genişliğini düşünerek sayfalarınızda kullanacağınız materyallere karar verin.

21- İçeriklerinizde reklam kullanmayın: İçeriklerinize reklam koymak kısa vadede  Adsense gibi reklam birimlerinin tıklanma oranını arttırabilir ancak uzun vadede okuyucularınızın azalmasına neden olacaktır.

22- Basit navigasyon yapısı kullanın: Bu kural insanların seçimleri içinde geçerlidir. Sitenizde tek bir navigasyon yapısının kullanıldığından emin olun. Okuuyucuyu gitmek istediği yer konusunda hayal kırıklığına uğratıp şaşırtmayın.

23- İntro kullanmayın: Kullanıcı orjinal bir içeriğe erişmek istiyorsa öncesinde onu bir şey izletmeye, okumaya zorlamayın. Kullanıcıya benzersiz bir içerik sunuyorsanız bu onun zihninde kalacaktır.

24- Ucuz HTML editörleri kullanmayın: Editörler web site yapımını kolaylaştırıyor görünebilir ancak çoğunda tarayıcı çıktıları onları çok ucuz göstermektedir. Farklı tarayıcılarla uyumlu çalışmaz ve birçok hatası mevcuttur.

25- Bütün tarayıcılarla uyumlu olduğundan emin olun: Tarayıcıların css ve html dilini anlama ve yorumlama biçimi farklıdır. Websitenizi bütün tarayıcılarda aynı görünümde olacak şekilde hazırlayın. Aksi takdirde bu durum ziyaretçi kayıplarını beraberinde getirecektir.

26- Bağlantılarınızada mutlaka metin ve title etiketini kullanın: "Burayı tıklayın" gibi metinlerin yer aladığı bağlantılar kullancılar için birşey ifade etmez. Önemli olan bağlantıların anlamlı olmasıdır. Anlamlı bağlantılar  hem kullanıcı açısından hem de Google SEO açısından önemlidir.

27- Ajax kullanmayın: Kullanıcılar bağlantılara tıkladığı zaman durum çubuğunda url'in değiştiğini görmelidir. Bu yüzden bağlatılarınızda Javascript& Ajax gibi teknolojileri kullanarak kullancının kafasını karıştırmayın.

28- Bağlantılar ayırt edilebilmelidir: Ziyaretçiler neyin tıklanabilir olduğunu kolayca anlamalıdır.  Bağlantılarınızda iyi bir rengi tercih ettiğinizden emin olun.

29- Normal metinlerin altını gereksiz çizmeyin:  Kullancılar bağlantılara kolayca tıklarlar. Altı çizili metinler kullanıcı gözünde bağlantı metinleridir. Kullanıcı nasıl biliyorsa ona göre davranın.

30- Tıklanan bağlantıların rengini değiştirin: Kullanılabilirlik açısından bu durum çok önemlidir. Kullanıcı ziyaret ettiği bir sayfayı tekrar ziyaret etmek istemyebilir.

31-Animasyonlu GIF Resim kullanmayın:  Reklam haricinde GIF resim kullanmaktan kaçının. GIF kullanıcının dikkatini ana içerikten kendine çeker. Profesyonel değildir.

32-Resimler için alt ve title etiketlerini kullandığınızdan emin olun: Etiketleri kullanmak hem görmeyen kullanıcılar için hem SEO için önemlidir.

33-Sert Renkler Kullanmayın: Sitenizde 10 dk. boyunca gezindikten sonra baş ağrınız varsa muhtemelen daha iyi bir renk şemasını tercih etminiz gerekiyor. Hedefleriniz çerçevesinde renk paleti oluşturun

34-Pop-up kullanmayın: Bloklanan pop-uplar yüzünden kullanıcıların pop-uplar hakkında kötü bir izlenimi vardır.

35-Javascript bağlatılardan kaçının:  Tıklandığında küçük bir javascript bloğunu çalıştıran bu bağlatıları kullanmayın. Genellikle kullanıcılara sorun yaşatırlar.

36- Kullanışlı linkleri sitenizin en altına da koyun: Kullanıcılar sayfayı aşağı kaydırdığı zaman en azından hakkımızda iletişim anasayfa gibi temel bazı sayfalara buradan erişebilmelidir.

37- Sayfalarınızın boyu uzamasın: Eğer içerikleriniz çok uzunsa birden fazla sayfa ve navigasyon kullanarak okuyucunun rahatça bilgi almasına izin verin.

38- Yatay Scrool Kullanmayın: Sayfalarınızda yatay kaydırma olmamasına özen gösterin. 

Greyfurtsoft Yazılım, Bilişim ve İnternet Teknolojileri | Kurumsal Web Çözümleri

Greyfurtsoft Web tasarım, Web Sitesi Geliştirme, Google SEO ve mobil uygulama konusunda çözüm üreten bir kuruluştur. +90 546 831 26 94

İletişim

+90 546 831 26 94
info@greyfurtsoft.com

Yahya Kemal Mah., Mithat Paşa Cad. No:36 D:2 Kağıthane/İstanbul

Parolamı Hatılarlat

TOP

İşlem Yapılıyor. Lütfen Bekleyiniz...