İyi Bir Web Sitesi Nasıl Olmalıdır?
Yüzlerce maddelik bir liste oluşturulabilir. Ancak verimlilik açısından izlenmesi gereken doğru süreç ancak tecrübe yoluyla bulunabilir. Bu yazıda bir web sitesinin temel niteliklerine ve hazırlanması sırasında izlenecek süreci anlatmaya çalışacağım.
Süre: Bir web sitesinin yapım hızı 3 gün ile 6 ay arasında değişebilir. Tecrübelerimiz aşağıdaki sürecin hızla takip edilmesi sonucu 1 gün içerik toplama, 1 gün tasarım ve 1 gün kodlama olmak üzere tam çalışma ile minimum 3 güne indirilebilmiştir. Ancak portal yapımı ve web arkasında çalışacak ek yazılımların hazırlanması, anormal içerik fazlalığı, tasarımın onaylanmaması gibi etkenler süreyi 6 aya kadar çekebilir. (Dikkat: Orijinal web sitesinden bahsediyorum !! Hazır şablonlar ya da blog ile yapımından bahsetmiyorum.)
Malzeme: Tasarımın oluşturulacağı ortam (Potoshop, Fireworks,..vs.), İçeriklerin yazılacağı ortamlar (Word, Notepad, ...vs.), Web yazılımları ve yazılım test ortamları ( Frontpage, Dreamweaver, Sql server, Visual Studio, ...vs.), satın alınmış hazır durumda bir domain adı, hosting (barınma) sağlanılabilecek bir web sunucusu.
Web Sitesinin Öznitelikleri: (3 Madde Mutlaka Sağlanmalıdır!)
- Güvenli Olmalı; kullanıcı açısından tehlikeli olabilecek yazılımlar sunucuda barındırılmamalı, portal üzerinden satış yapılacaksa mutlaka SSL sertifikası ve protokolü kullanılmalı....vs.
- İnteraktif Olmalı; Web sitesinin yapım amacı karşılıklı etkileşimi sağlayabilmektir. Web sitesinde interaktiviteyi sağlayan multi sayfa yapısı ve iletişim kutusu/bilgisi mutlaka olmalıdır.
- Kolay Erişilmelidir; Kolay erişim internetin ilkesidir. Kolay erişimin anahtarı akılda kalan bir domain adı, reklam dengesi sağlanmış kullanıcı dostu navigasyon ve hızlı açılan optimizasyonu yapılmış bir web sitesidir. Navigasyon kullanıcının sayfalarda gezinmesine denir.
Yukarıdaki 3 madde dışında tabiki içeriğin düzgün ve anlamlı olması, bilgi vermesi, hizmet sunması, tasarımın özgün olması gibi bir sürü önceliksiz maddeler sayılabilir.
Not: Sitenin arama robotlarınca indekslenecek şekilde kodlanmış olmasında fayda vardır.
İyi bir Web sitesinin Özellikleri:
İyi bir web sitesinin özellikleri web üzerinde ödül dağıtan kurumlar tarafından belirlenmiştir. Buna göre web sitesinin kategorisine göre iyi bir web sitesi aşağıdaki özelliklerin belli oranlarda karışımlarıdır:
- Tasarım
- İçerik
- Navigasyon
- Kodlama ve Validasyon
Örnek 1: mimari alanda hizmet veren bir firmanın sitesinde görsel içerikler ve sunum ön planda olacağından Tasarım ve İçerik çok önemlidir. Ancak sunum güzelliği arttıkça sayfaların, imajların artan boyutları ya da önyükleme süresinin uzaması nedeniyle -hangi teknolojiyi kullanırsanız kullanın !!- navigasyondan fedakarlık edilir. Aynı şekilde içerik uzunluğu arttıkça kodlamada hata yapma olasılığı artar.
Örnek 2: İçeriğin anormal boyutlara vardığı bir portalda tek sayfada fazla bilgi verme zorunluluğu olduğundan sunum özgürlüğü kaybolur. Navigasyonuda arttıkmak için standart sunumlarla tasarımdan fedakarlık edilir.
Örnek 3:Yine yoğun içeriklerin sunulacağı bir Blog ya da CMS kullanılan dinamik portalda sayfaya eklnilecek dinamik içeriğin muhteviyatı bilinmediğinden tasarımda kaymalara ve hizalamalara dikkat etmek gerekir. Yine tasarım özgürlüğümüz kısıtlanmıştır. Aynı zamanda gelen dinamik içeriğin kodlaması belli olmadığından validasyon şüphelidir.
İyi bir web sitesi yapmak yukarıdaki 4 maddenin karışımını iyi ayarlamaktır. Aynı yemek yapmak gibi. Dolayısıyla web sitenizin hangi kategoriye ait olacağını işe başlamadan belirlemelisiniz.
Web Sitesi Yapım Süreci:
- İçerik Toplama - Konsept oluşturma
- Orijinal Tasarım oluşturma
- Tasarımın bölünerek kodlanması
- Taşıma - Yayınlama
Web Sitelerinde Genel Olarak Görülen Yanlışlar:
- Başarısız tasarım, kayan hizalamalar, ölü linkler, yüklemesi bitmeyen resimler (optimize edilmemiş resimler), hiç çıkmayan resimler...
- Başarısız menüleme; mantıksız sınıflandırılmış sayfalar, site haritası olmayan siteler !!
- Farklı tarayıcılara uygun olmayan kodlama yapılarak hazırlanmış siteler !!
- Anasayfada aşırı yükleme (ses klibi, resim, animasyon..vs) nedeniyle hiç açılamayan siteler !!! Hiç bitmeyen yada çok uzun süren ön yüklemeler !!
- Anasayfaya counter konularak kullanıcılara site istatistiğinin gösterilmesi !!!
- Bayrak (dil seçimi için), küçük logo, animasyonize resimler şeklinde kullanıcı gözünü yoran objeler !!
- Stil (CSS) verilmemiş objeler!!
- Doğru seçilmemiş fontlar ve uygunsuz yazım uslubu !!
- Gürültülü Ses klipleri yada videolar !!
- Tıklanınca yüzlercesi açılan Popuplar !!
- Kullanıcıyı tıklamaya zorlayan Reklamlar!!
- Tam ekran hazırlanmış Sayfalar!!
- Java applet, Flash movi, Real player gibi diğer tarayıcılarda kurulu olmayan eklentiler !!
- Anlaşılamayan sayfa yönelendirmeleri ve butonları bulunamayan sayfa geçişleri !!
- İyi olduğu düşülen yanlış javascript kodlamaları ve sürekli iletilen hata mesajları !!
Validasyon ve Arama Motorları Optimizasyonu:
W3C tarafından yapılan markup teknolojileri ve sitelerin validasyon işlemleri validator.w3.org ile kontrol edilebilir. Ancak arama motorları optimizasyonu ya da validasyonun bir sitenin güzelliğiyle doğrudan ilişkisi yoktur. Dolaylı olarak bir site ne kadar valide ise kodlaması düzgün ve göze hoş gelebilir. Yaratıcı tasarımdan bahsediyorsak yeni teknolojiler kullanıyorsak bütün tasarımı valide bir kodlama ile yapmak mümkün olmayacaktır. Bu nedenle validasyon ve arama motorları optimizasyonu hayati olmamakla birlikte faydalıdır denilebilir.
Award Firmaları:
- www.altinorumcek.com
- www.worldwidewebawards.net/gjuly2005.htm
- www.webbyawards.com/webbys/current.php ***
- www.favouritewebsiteawards.com/
- www.artsyawards.com/search.php
- www.aawebmasters.com ***
- http://www.designfirms.org/awards/?archive=Web_Design_Award&year=2005&month=January
- http://www.americandesignawards.com/
- http://www.webaward.org/
- http://www.marketme.com/awards/winners.php
- http://www.excellentsite.org/
- http://www.maestroawards.com/EN_win_may01.shtml
- http://www.webpageawards.com/
- http://www.ecommerce-awards.co.uk/past_winners/winners_2001.html ***
- http://www.website-awards.net/winners5.htm
- 2005.sxsw.com/
- http://www.mesweet.net/winners.html
- http://www.dopeawards.com/
- www.macromedia.com/showcase
- www.flashchalange.com
- www.internettinyawards.com
- www.netdriver.net
- www.creativepublic.com
- www.mediainspiration.com
- www.designinteract.com
- http://www.melcomedia.com/webawards.html
- http://www.noizzz.com/pages
- www.webeez.com
- www.creativeboost.net
- www.coolestdesigns.com
- www.nolimitmedia.com
- www.designiskinky.com
- www.thebestdesigns.com
- http://www.ultrashock.com<< Bombshock awards
- http://www.bestflashanimationsite.com/vote/
- http://www.webdesigners411.com/
- http://www.designtaxi.com/
- www.crossmind.net
- http://www.wow-factor.com/
- http://www.linkdup.com/
- www.coolhomepages.com
- www.styleboost.com
- www.kirupa.com
- www.wowwebdesigns.com
- www.flashkit.com
