Web Tasarımında Ana Kurallar
Web standartları, bazı erişebilirlik kurallarını içerdiğinden, web sitesi kodlama standartlarını uygulayan bir web sayfası, erişebilirlik ve web sitesinin düzgün görüntülenmesi yolunda doğru bir adım atmış olacaktır.
Eğer sunum ve bilgiyi, yeni geliştirilen CSS kuralları ile ayırırsanız, sunulan bilgi, herkese ve her cihaza ulaşabilecektir. Kullanıcı, ister bir bilgisayar isterse cep telefonu tarayıcısı ile aynı bilgiye sorunsuz bir şekilde ulaşabilecek ve bilgiyi dijital ortamda doğru olarak görüntüleyebilecektir.
CSS ile geliştirilen bir web sayfası ile tablo kullanılarak yapılmış bir web sayfası arasındaki boyut farkı yüzde 25 ile 50 arasında değişmektedir. Hızlı olduğunu düşündüğünüz bir web ana sayfasını bilgisayarınıza kayıt ederek ve boyutuna bakarak bunu daha iyi ayırt edeceksiniz.
Web sayfalarınızı barındıran yer sağlayıcı şirket, kullandığınız İnternet trafiğine orantılı olarak aylık para talep edebilir. Eğer web standartları ile hazırlamış olduğunuz sayfaların boyutu küçük ise, web siteniz daha düşük bir İnternet trafiği oluşturarak size ya da müşterinize para tasarrufu sağlayacaktır.
Web sitenizin tasarım ve görünümünü değiştirmeden, daha fazla ve kaliteli ziyaretçiyi web sitenize çekebilmeyi; arama motoru optimizasyonu ile sağlayabilirsiniz.
Optimize edilerek oluşturulmuş web sayfaları ile arama motorlarında ilk sıralarda yer almanız mümkün olabilir.
Arama motorlarının mantığını bilmeniz önemlidir. Örneğin; google, harika olduğunu düşündüğünüz flash altyapısı ile geliştirilmiş web sitenizin içerisinde sadece text tabanlı arama yaparak indekslemeye çalışacaktır. Flash altyapısı ile yapılan web sitelerinin içeriğinde bulunan yazılar arama motoru robotları tarafından okunamadığından sayfalarınız google vb. arama motorları tarafından listelenemeyebilir. Fakat flash altyapısı kullanılan bir web sitesinin html kodunun içindeki meta etiketi (meta tag) ve anahtar kelimelerini (key words) girerseniz sadece bunlar göz önünde bulundurularak indexlenecektir.
Google flash altyapısı ile yapılmış web sitelerinde artık dinamik metin (dynamic text) okuyabilmektedir. Web sayfalarınızı statik metin (static text) yerine dinamik metin ile inşa ederseniz bulunabilirliğiniz artacak ve bu da sizin yararınıza olacaktır.
Güncel kodlama sistemleri ile geliştirilen bir web sitesinde bilgi ve sunumun ayrılması sayesinde; eğer site içinde, sitenin tümünü etkileyecek bir değişlik yapılması gerekiyorsa, CSS dosyası üzerinde yapılacak bir düzenleme ile tüm siteyi etkileyecek bir değişim gerçekleştirilebilir. Bu şekilde her bir sayfayı tek tek düzenlemek yerine tek bir dokunuş ile sorunun üstesinden gelebilirsiniz.
Web Tasarımda Stratejik Aşamalar
Reklam ajansı ve şirket arasındaki iletişimdir. Bu süreçte işletme nereye ulaşmak istemektedir, beklentileri nelerdir, kurum renkleri, yazılımsal eklemeler, kurum kimliğine uygun tasarım yapısı, iletişim kanalları vs sorgulanır.
Şirketin beklentileri ile sektördeki rakipler karşılaştırılır. Araştırma içeriği; web sitesinin global veya yerel pazarda işletmeyi rakipleri karşısında birçok anlamda güçlendirecek iletişim altyapısının hazırlanması olacaktır.
Web sitesinin menü yapısı, kategori yapısı, galeriler, bilgiler, yazılımlar gibi maddeleri içeren site haritası çıkartılır. Web sitesinde kullanılacak tüm içerikler, ziyaretçi eğilimleri ve gezinme hareketleri baz alınarak oluşturulmalıdır.
Planlama aşamasındaki site haritasında belirlenen maddelerin detaylandırılması, ziyaretçiler için geliştirilmesidir.
Grafik tasarım kural ve uygulama metotlarının, yazılım tekniklerine ve şirketin kurum kimliğine uygun olarak hazırlanmasıdır.
Tasarımı ve yazılımı tamamlanan web sitesinin veri girişleri kontrol paneliyle sağlanır. Bütün veriler eksiksiz yüklenerek bir sonraki test aşamasına hazırlanır.
Görsel ve yazılımsal hatalar şirketin imajını olumsuz etkileyeceği için son kontroller titizlikle yapılmalıdır.
- Tasarım ve kodlama entegrasyonu kontrolü
- Sayfa açılış hızı
- İçeriğinde kullanılan materyal yapısı
- İnternet tarayıcıları (browser) uyumu
- Cihaz (smartphone, tablet) uyumu
- Kodlama hata testleri
- Retina ayarları (Yüksek çözünürlüklü cihaz uyumluluğu)
- Arama Motoru Optimizasyonu (SEO) uygunluğu
- Font, İcon Kullanımı veya CSS Sprite
- W3C Testi (HTML5 Doğruluk Testleri)
- SitemapXML Ayarları
- Güvenlik testleri Web sitesi içeriğinde kullanılan modüller, görseller, eklentiler gibi yazılımların düzgün çalıştığının onayını almak için testlere yüksek oranda ihtiyaç vardır.
Tüm aşamalardan geçtikten sonra web sitesini yayına açılması ve tanıtılması.
Web sitesinin yayına açıldıktan sonra kullanılan yeni görsellerin (boyut, ölçeklendirme, renk/ışık yeterliliği, doğru görsel seçimi) uygunluğunun kontrolü, arama motoru optimizasyonu (SEO) geliştirmeleri, internet reklamları stratejilerinin belirlenerek hayata geçirilmesi, kullanıcı eğilimlerine göre olası yazılımsal eklemeler gibi ihtiyaçlarla şekillenir.