Web Tasarım

Web Tasarım Kapsamını Ziyaretçinin Sorularından Çıkarıyoruz

Bir internet sitesi, işletmenizi henüz tanımayan birinin aklındaki sorulara kısa yoldan cevap verebildiği ölçüde işe yarar. Bu yüzden web tasarım sürecini renk ya da şablon seçimiyle değil, sitenize gelecek kişilerin ne öğrenmek istediğini konuşarak açıyoruz. Bilecik’te hizmet veren bir işletmenin müşterisi kimi zaman fiyat aralığını, kimi zaman çalışma saatlerini, kimi zaman da daha önce yapılmış işlerin örneklerini arar. İlk görüşmede bu soruları sizinle birlikte listeliyor, hangilerinin sitede, hangilerinin telefonda ya da yüz yüze cevaplanması gerektiğini ayırıyoruz. Sitede cevaplanan her soru, telefonda tekrar tekrar anlatmak zorunda kaldığınız bir açıklamayı da azaltır. Ardından sitenin ziyaretçiden beklediği asıl hareketi netleştiriyoruz: aramak, form doldurmak, yol tarifi almak ya da teklif istemek. Bu hedef belli olduğunda sayfa sayısı, menü düzeni ve metinlerin uzunluğu hakkındaki kararlar tahmine değil, somut bir amaca dayanır. Tasarımın her aşamasında da bu listeye dönüp yaptığımız seçimin hangi soruya hizmet ettiğini kontrol ediyoruz.

Elinizde eski bir site varsa onu kenara koymadan önce dikkatle inceliyoruz. Hangi sayfaların hâlâ ziyaret aldığını, hangi metinlerin güncelliğini yitirdiğini ve hangi formların gerçekten mesaj getirdiğini ölçüm kayıtlarından ve sizin gözlemlerinizden çıkarıyoruz. Mevcut sitenizde iyi çalışan bir bölüm varsa, yeni tasarımda onu koruyarak düzenli ziyaretçilerinizin alışkanlıklarını da gözetiyoruz. Broşürler, kataloglar, sosyal medya paylaşımları ve müşterilerinizden sık gelen sorular da bu aşamada değerli kaynaklardır. Yeni kurulan bir işletmede ise rakip siteleri taklit etmek yerine, sektörünüzde müşterinin karar vermeden önce neleri karşılaştırdığını birlikte düşünüyoruz. Toplanan malzemeyi üç gruba ayırıyoruz: olduğu gibi kullanılabilecekler, yeniden yazılması gerekenler ve hiç bulunmayanlar. Eksik içerik listesi çoğu projede en çok zaman alan kalem olduğu için onu en başta görünür kılmak, takvimi gerçekçi kurmamıza yardım eder. Sizden beklediğimiz hazırlığı da bu listeye göre, hangi belgenin kimden ve hangi sırayla geleceğini belirterek paylaşıyoruz.

Keşif görüşmelerinden çıkan tabloyu yazılı bir kapsama dönüştürüyoruz. Bu belgede sayfaların listesi, her sayfada yer alacak bölümler, form ve harita gibi işlevler, çok dilli yapının gerekip gerekmediği ve içerik girişini kimin üstleneceği açıkça yer alır. Web tasarım teklifimizi de bu kapsam üzerinden hazırladığımız için farklı teklifleri karşılaştırırken neyin dahil olduğunu satır satır görebilirsiniz. Proje ilerlerken yeni bir fikrin doğması son derece olağandır. Böyle bir istek geldiğinde onu sessizce işin içine katmak yerine takvime ve bütçeye etkisini sizinle açıkça konuşuyoruz. Kimi ekleme ilk yayına alınır, kimisi sitenin ikinci aşamasına bırakılır. Hangi yolun seçildiğini ve nedenini kapsam belgesine not ederek kararların kaybolmasını önlüyoruz. Bu açıklık, teslim gününde beklentilerle ortaya çıkan işin birbirini tutmasını sağlar ve iki tarafın da emeğini korur. Kapsam belgesi yayından sonra da işe yarar; siteye ileride eklenecek her bölüm, bu belgedeki yapıya bakılarak tutarlı biçimde yerleştirilir.

İçerik İskeleti Oturmadan Renk ve Biçime Geçmiyoruz

Site haritası, ziyaretçinin sitede kaybolmadan dolaşmasını sağlayan görünmez plandır. Menüyü işletmenizin kendi iç bölümlenmesine göre değil, müşterinin aradığı konulara göre kuruyoruz. Sizin için ayrı birimler olan iki hizmet, müşterinin gözünde tek bir ihtiyacın parçasıysa onları aynı başlık altında toplamak daha anlaşılır olur. Menü başlıklarını kısa, tanıdık ve birbirinden kolayca ayırt edilen sözcüklerle adlandırıyoruz. Şube, ekip ya da proje gibi ileride büyüyebilecek bölümler için menüde baştan yer ayırıyoruz. Her sayfanın tek bir ana konusu olmasına özen gösteriyoruz; böylece hem okuyucu hem de arama motorları sayfanın neyi anlattığını kolayca kavrar. Ana sayfadan hizmet sayfalarına, oradan iletişim adımına uzanan yolları tek tek çiziyor, gereksiz tıklamaları ayıklıyoruz. Sık sorulan sorular, referanslar ve belgeler gibi destek sayfalarının menüde mi yoksa ilgili içeriklerin içinde mi duracağına da bu aşamada karar veriyoruz. Plan onaylanmadan tasarım ekranına geçmemek, sonradan sayfa ekleyip çıkarırken düzenin bozulma riskini belirgin biçimde azaltır.

Taslakları örnek dolgu yazılarıyla değil, mümkün olduğunca sizin gerçek metinlerinizle hazırlıyoruz. Kısa bir yer tutucu metinle dengeli görünen bir kutu, asıl açıklama geldiğinde taşabilir ya da boş kalabilir. Metin yazımını üstlendiğimiz projelerde her sayfa için önce başlığı, ardından ziyaretçinin o sayfada bulması gereken bilgileri sıralıyoruz. Teknik terimleri müşterinizin kullandığı gündelik dile çeviriyor, uzun paragrafları okunabilir parçalara bölüyoruz. Sayfa başlıklarının ve ara başlıkların, metni okumadan yalnızca göz gezdiren birine bile konuyu anlatabilmesini hedefliyoruz. Web tasarım ekibimiz metinle görselin birbirini tekrar etmemesine de dikkat eder: fotoğraf ürünün görünüşünü gösterirken yazı ölçüyü, kullanım alanını ve teslim koşulunu açıklar. Metinlerin son onayı her zaman sizde kalır, çünkü sektörünüzün inceliklerini en yakından bilen sizsiniz. Onaylanan içerik, tasarımın ölçülerini belirleyen asıl malzeme haline gelir ve ekranlar bu gerçek uzunluklara göre biçimlenir.

İçerik iskeleti netleştikten sonra görsel dile geçiyoruz. Logonuz, kurumsal renkleriniz ve yazı karakterleriniz varsa bunları ekranda okunaklı kalacak biçimde uyarlıyoruz; yoksa sade ve uzun süre kullanılabilecek bir renk ve yazı düzeni öneriyoruz. Düğmelerin, başlıkların ve bilgi kutularının her sayfada aynı mantıkla davranması, ziyaretçinin siteyi öğrenme çabasını azaltır. Fotoğraf seçerken hazır görsel arşivlerinden çok, işletmenizin gerçek mekânını, ekibini ve işlerini gösteren karelere öncelik veriyoruz. Gerekirse çekim listesini birlikte hazırlıyor, hangi sayfada hangi kadrajın gerektiğini önceden belirliyoruz. Renk karşıtlığını ve yazı boyutlarını, görme güçlüğü yaşayan ziyaretçilerin de metni rahatça okuyabileceği ölçülerde tutuyoruz. Tasarımı tek bir ekran görüntüsü olarak değil, tıklanabilir bir taslak olarak sunuyoruz; böylece sayfalar arasında gezinip akışı gerçek kullanıma yakın biçimde deneyebilirsiniz. Onayınızı aldıktan sonra aynı görsel kuralları bütün sayfalara uygulayarak sitenin tek elden çıkmış gibi görünmesini sağlıyoruz.

Mobil Kullanımı, Hızı ve Arama Altyapısını Birlikte Kuruyoruz

Ziyaretçilerinizin önemli bir bölümü sitenize telefondan ulaşıyor olabilir; bu yüzden mobil görünümü masaüstü tasarımın küçültülmüş bir kopyası olarak ele almıyoruz. Dar ekranda hangi bilginin önce görünmesi gerektiğine ayrıca karar veriyoruz. Telefon numarasının tek dokunuşla aranabilmesi, adresin haritaya bağlanması ve formların parmakla rahatça doldurulabilmesi bu kararların başında gelir. Dokunmatik ekranda birbirine çok yakın duran bağlantılar yanlış tıklamalara yol açtığı için aralarındaki boşluğu da ayarlıyoruz. Uzun tablolar, çok sütunlu karşılaştırmalar ve geniş görseller küçük ekranda ayrı bir düzen ister. Yatay kaydırma gerektiren alanları ortadan kaldırmak da kontrol listemizin sabit maddelerinden biridir. Web tasarım aşamasında her sayfayı farklı boyutlardaki cihazlarda ve tarayıcılarda deniyor, yazıların okunur, düğmelerin kolay seçilir kaldığını kontrol ediyoruz. Siz de taslakları kendi telefonunuzdan açıp gündelik kullanım alışkanlığınıza göre değerlendirebilirsiniz. Menünün küçük ekranda nasıl açılacağı, sabit bir iletişim düğmesinin gerekip gerekmediği gibi ayrıntıları da bu denemelerin sonucuna göre netleştiriyoruz.

Sayfanın açılması uzun sürdüğünde ziyaretçi, içeriğinizi görmeden geri dönebilir. Hızı yayından sonra ele alınacak bir ayrıntı olarak görmüyor, tasarımın ilk gününden hesaba katıyoruz. Görselleri gösterilecekleri boyuta göre küçültüp uygun dosya biçimlerinde kaydediyor, ekranın alt kısmındaki içeriğin ancak ihtiyaç duyulduğunda yüklenmesini sağlıyoruz. Gereksiz eklentileri ve ağır animasyonları ayıklamak, sayfanın yükünü çoğu zaman belirgin biçimde hafifletir. Özellikle ana sayfadaki büyük görsellerin ve kaydırmalı alanların hıza etkisini ayrıca tartıyoruz. Yazı karakteri sayısını sınırlı tutmak ve kod dosyalarını sadeleştirmek de bu çalışmanın parçasıdır. Barındırma hizmetinin kapasitesi ve önbellek ayarları sonuca doğrudan etki ettiği için sunucu tarafını da inceleme listemize alıyoruz. Ölçüm araçlarından aldığımız değerleri yalnızca bir puan olarak değil, gerçek kullanıcının ne kadar beklediği açısından yorumluyoruz. Hız ayarlarını yayından sonra da belirli aralıklarla yeniden ölçüyoruz, çünkü eklenen her yeni içerik sayfanın yükünü biraz değiştirir.

Arama motorlarında görünür olmak ayrı ve sürekli bir çalışma gerektirse de bunun temeli tasarım sırasında atılır. Her sayfaya konusunu anlatan bir başlık ve açıklama yazıyor, başlık sıralamasını metnin yapısına uygun biçimde kuruyoruz. Sayfa adreslerini kısa ve okunur tutuyor, görsellere içeriklerini tarif eden alternatif metinler ekliyoruz. Paylaşım bağlantılarında doğru görselin ve başlığın görünmesi için sosyal medya etiketlerini de yerleştiriyoruz. Site haritası dosyası, doğru yönlendirmeler ve güvenli bağlantı sertifikası yayın öncesi kontrol listemizde yer alır. Çok dilli bir yapı gerekiyorsa her dilin kendi adresinde ve doğru dil etiketiyle yayınlanmasını sağlıyoruz. Eski bir siteden geçiş yapılıyorsa önceki adreslerin yeni karşılıklarına yönlendirilmesi, mevcut görünürlüğün kaybolmaması açısından özellikle önemlidir. Arama motorlarının siteyi tanıması için gerekli doğrulama ve ölçüm hesaplarını da kuruyor, erişimlerini size devrediyoruz. Bu altyapı tek başına bir sıralama vaadi anlamına gelmez; ancak daha sonra yapılacak içerik ve görünürlük çalışmalarının sağlam bir zemine oturmasını sağlar.

Yayını, Bakımı ve Hesap Sahipliğini Açık Kurallara Bağlıyoruz

Yayın gününden önce siteyi baştan sona bir ziyaretçi gözüyle geziyoruz. Formların doğru adrese ulaştığını, bağlantıların kırık olmadığını, yazım hatalarının ayıklandığını ve yasal metinlerin yerinde durduğunu tek tek kontrol ediyoruz. Ölçüm kodlarını kurup form gönderimi ya da telefon tıklaması gibi önemli hareketlerin kayda geçtiğini doğruluyoruz. Site içi arama, filtre ya da dil seçeneği gibi işlevler varsa bunları da gerçek içerikle ayrı ayrı sınıyoruz. Web tasarım projesinin bu son aşamasında sizden de bir deneme turu yapmanızı istiyoruz; farklı gözlerin yakaladığı küçük aksaklıklar böylece yayından önce giderilir. Yayına alma işlemini ziyaretçi trafiğinin görece düşük olduğu bir saate planlıyor, ilk günlerde siteyi yakından izliyoruz. Beklenmedik bir durumda önceki sürüme hızla dönebilmek için güncel bir yedeği hazır tutuyoruz. Yayından sonraki ilk haftalarda gelen form mesajlarını ve ziyaretçi hareketlerini sizinle birlikte gözden geçirip gereken küçük düzeltmeleri yapıyoruz.

Bir site yayına alındığında iş bitmiş sayılmaz; içerik yönetim sistemi, tema ve eklentiler düzenli güncelleme ister. Bakım kapsamında bu güncellemeleri önce bir deneme kopyasında sınıyor, sorun çıkmadığını gördükten sonra canlı siteye uyguluyoruz. Düzenli yedekler alıyor, güvenlik uyarılarını takip ediyor ve sitenin kesintisiz erişilebilir olup olmadığını izliyoruz. Bakım raporlarında yapılan güncellemeleri ve dikkat edilmesi gereken noktaları kısa ve anlaşılır bir dille paylaşıyoruz. Yeni bir hizmet sayfası, kampanya duyurusu ya da fotoğraf galerisi eklemek istediğinizde bunu mevcut tasarım diliyle uyumlu biçimde hazırlıyoruz. Teslim sırasında yönetim panelini ekibinize gerçek bir içerik üzerinden gösteriyoruz; böylece basit güncellemeleri kendiniz yapabilir, kapsamlı değişiklikler için bize başvurabilirsiniz. Hangi işin bakım kapsamında, hangisinin ek geliştirme olarak ele alınacağını da baştan yazılı hale getiriyoruz. Böylece yayından aylar sonra gelen bir istekte bile neyin nasıl ilerleyeceği konusunda belirsizlik yaşanmaz.

Alan adı, barındırma hesabı ve site dosyaları işletmenizin varlıklarıdır; bu yüzden kayıtların sizin adınıza yapılmasına özen gösteriyoruz. Barındırma paketini seçerken de sitenin büyüklüğüne, beklenen ziyaretçi yoğunluğuna ve e-posta ihtiyacınıza uygun bir seçenek öneriyoruz. Yönetici erişimlerini, e-posta hesaplarının ayarlarını ve yenileme tarihlerini içeren bir teslim notu hazırlıyoruz. Teslim notunun bir kopyasını da güvenli bir yerde saklamanızı öneriyoruz. İleride çalışma biçiminizi değiştirmek isterseniz sitenizi başka bir ekibe devretmek için kimsenin iznine muhtaç kalmazsınız. Yenileme tarihlerini takvimimize işliyor, süresi dolmak üzere olan hizmetler için sizi zamanında uyarıyoruz. Bilecik’teki müşterilerinize açılan bu dijital kapı, kontrolü sizde kaldıkça güvenle büyütülebilir. Web tasarım hizmetimizi bu nedenle yalnızca bir teslim anı olarak değil, sitenin yıllar içinde nasıl yönetileceğini de kapsayan bir düzen olarak görüyoruz. Yeni bir site düşünüyorsanız mevcut adresinizi, hizmetlerinizi ve aklınızdaki soruları paylaşmanız ilk adım için yeterlidir; gerisini birlikte planlarız.

Yeni Bir Siteyi Planlarken En Çok Sorulanlar

Önce içeriğin hâlâ geçerli olup olmadığına ve ziyaretçiye ne kazandırdığına bakarız. Kimi sayfa olduğu gibi korunur, benzer olanlar birleştirilir, güncelliğini yitiren açıklamalar yeniden yazılır. Kullanılan eski adreslerin durumu da bu incelemeye girer. Taşıma kararını yalnızca dosyanın elde olmasına göre değil, yeni sitenin yapısıyla birlikte veririz.

Hizmetleri doğru anlatabilecek, gerekli malzemeyi toplayabilecek ve taslaklar hakkında karar verebilecek kişilerin belirlenmesi işi kolaylaştırır. Bunların tek kişi olması gerekmez. Görüşlerin bir arada iletileceği bir düzen kurabiliriz. Böylece teknik bilgilerin doğrulanmasıyla görsel tercihlerin onayı birbirine karışmadan yürür, açık kalan konular takip edilebilir.

Ürün ekleme işini karşılayan yönetim alanları kapsamdaysa başlık, açıklama ve görsel gibi bilgileri ilgili yerlere kendiniz girebilirsiniz. Teslimde bunu örnek bir kayıt üzerinden gösteririz. Yeni bir sayfa türü ya da farklı bir işlev eklemekse ayrı bir geliştirme ister. Gündelik içerik işleriyle teknik değişikliklerin ayrımını en başta anlatırız.

Evet; mobil kullanım, web tasarım sürecinin değerlendirme başlıklarından biridir. Taslağın aşamasına göre örnek ekranlar ya da çalışan sayfalar üzerinden görüşünüzü alabiliriz. Kontrol sırasında yalnızca fotoğrafın yerine değil, metnin okunabilmesine ve işlem alanlarına erişilebilmesine de bakarız. Gerçek içerik kullanmak, çıkacak ihtiyaçları daha görünür kılar.

Mevcut alan adını koruyarak çalışmak mümkündür; gereken erişimlerin ve kullandığınız hizmetlerin durumu incelenir. Özellikle e-posta ve barındırma düzeninin bilinmesi önemlidir. Yeni siteyi yayına almadan önce hangi işlemlerin yapılacağı belirlenir. Böylece alan adıyla bağlı mevcut kullanım, hazırlanan yayın planının içinde değerlendirilir.

Önce isteğin teslim ettiğimiz kapsamla mı yoksa yeni bir geliştirmeyle mi ilgili olduğuna bakarız. Teknik destek koşulları ve iletişim kanalı teslimde paylaşılır. Yeni bir sayfa türü, bağlantı ya da farklı bir işlev gerekiyorsa yapılacak işi ayrıca tanımlarız. Süre ve kapsam netleştikten sonra onayınızla çalışma planına alırız.