Web Tasarım Teknikleri Seçimi
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.
Elimizde harika bir tanıtım videosu varsa web sitesinde otomatik oynayan 10-12 sn’lik reload olacak şekilde ortaya yerleştirmek tekniklerden birincisi olur.
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’li Grid System” site geneli için kullanılacak tek mantıklı tekniktir. Neden peki?
Çünkü web siteleri artık sadece masaüstü ve dizüstü bilgisayarlar için tasarlanmıyor. 12 sayısı bölünenleri çok olan bir sayıdır, ekranınızı dikey 12 parçaya bölüp, 1,2,3,4, 6 ve 12 adet sanal sanal kolonlar yaratabiliyorsunuz, bu da daha dar (tablet, akıllı telefon vb.) ekranlarda öbek sayısında yeni dizilimler ve uyumlu görünümler elde etmenize yarıyor. Buna da responsive adını veriyoruz.
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ı
