Güncel web teknikleri ile ilgili yazımızı beğeninize sunuyoruz:
Web tasarımcıları grid sistemler, kodlar ve CMS (Kullanıcı Paneli) yönetimi gibi teknik sorunlara değinerek web tasarım sürecini planlarlar. Ama iyi bir tasarım, sosyal medya olanaklarını veya hatta slider görselleri nasıl kullandığınız ile ilgili değildir. İş yapan ve işe yarayan tasarımlar tasarım aslında bütünsel bir stratejiyle koordine bir web sitesi tasarlamakla ilgilidir.
En önemli başlangıç, nasıl bir teknik kullanılacağının seçimidir. Sektörel ve rakip analizleri yapılıp, MOCAP (mokap diyeceğiz bundan sonra) seçilimi yapılır. Malzememizin ne olduğu mokap seçimini de belirler.
Header genellikle artık tek satır, az sayıda ana link, erişim kolaylığı sağlayan mega menülerle tamamlanır. Dil seçeneği ve search kısmı da genelde en sağda yer alır.
Uygun bir tanıtım videosu varsa 10–12 saniyelik döngü bir seçenek olabilir. Otomatik hareketli içerik için uygun durdurma veya kontrol imkânı sağlanmalı; erişilebilirlik ve performans değerlendirilmelidir.
MÜŞTERİ’nin kuvvetli olduğu ürün, standart, slogan veya espri konusu olacak iddialı bir şey varsa ya da birbirini kovalayan, tamamlayan senaryolarınız varsa onları slider alanına teaser olarak kullanmak da bir tercih. Hatta en sık rastlanan kullanım şeklidir.
Hem harika bir videonuz var hem de anlatacak ürün, slogan silsilesi veya özellikli ürünleriniz varsa video + slider öğeleri gibi ikisini de artarda kullanarak slider’ınıza tamamlarsınız.
12 kolonlu grid, yararlı düzen seçeneklerinden biridir; site genelinde kullanılabilecek tek geçerli teknik değildir. Neden sık kullanılır?
Web siteleri farklı ekranlarda çalışmalıdır. 12 sayısının bölenleri sayesinde 1, 2, 3, 4, 6 veya 12 kolonla düzen kurulabilir ve dar ekranlarda yeniden yerleştirilebilir. Responsive tasarım bu yöntemin yanında başka uygun CSS düzenlerini de kullanabilir.
Body kısmı yani sliderın alt tarafında ise 12’li grid sistemin bize verdiği olanaklar dahilinde önem derecesine göre öbekler yerleştiriyoruz. Hizmet firmalarında hizmetler, ürün sunumları yapanlarda ana ve alt kategorilere hızlı erişim için yerleştirmeler yaparak kolaylık sunuyoruz.
Kullanıcıya hitap edilmesi kolaylığı gösterecek ve ana sayfada yer alması mantıklı içeriği burada sergiliyoruz.
Bütün bilgileri ana sayfaya yıkmak bazen bir tercihtir. Çok datanız varsa tasnifleyerek kolayca derlenmiş ana başlıkları vermekte fayda var.
Alt kısım ise footer adını verdiğimiz kolay erişimin tekst olarak düzgün bir yerleşim ile konumlandırıldığı bölgedir. Bunu zarifçe detaylandırmadan da kapatabilirsiniz. Tekrara gerek olmayacak kadar az içerik olunca tercih bu yönde olmalıdır zaten.
Ana sayfa okey, şimdi alt sayfaların seçili ana sayfaya uygun formatta alt başlıklara göre farklılık gösteren şablonlarla yapılmalıdır. Ürün ise ürün, hizmet ise hizmet bir şekilde sunumunu kolay kullanım ve erişimi gözetilerek yerleşimler yapıldığında web tasarım artık CSS+HTML arayüz kodlamasına hazırdır. Bu arada hareketli unsurlar, efektler, açılır menüler bu aşamada kodlanır. Front-end olarak siteniz artık hazırdır.
Sonrasında arka yüz yani back-end entegrasyonu vardır sırada. Seçili CMS (Content Managemenet System) front-end ile entegre edilerek kullanıcının da siteyi yönetebileceği hale getirilir. Minik bir eğitim ile de MÜŞTERİ artık siteyi yönetebilecektir.
Yapmak tamam, şimdi sıra yaşatmak ve yaymak aşamalarındadır ki; bu aşamalar yapmak kadar belki daha da önemlidir.
Bu konulara başka yazılarımızda değineceğiz.
Zaman ayırıp okuduğunuz için teşekkür ederiz.
Erol D.
Ajans Başkanı