Web Tasarım

Web Tasarım Kararlarını İşletmenizin Kazandığı Müşteriye Göre Alıyoruz

Web tasarım projesine başlarken ilk işimiz sizi karşımıza alıp işletmenizin parayı nereden kazandığını dinlemek oluyor. Ürününüzü kimin aldığını, size ulaşmadan önce hangi soruyu sorduğunu ve sizi benzer firmalardan ayıran o küçük farkı tek tek not ediyoruz. Rize çevresinde tek dükkândan hizmet veren bir esnaf ile ülke geneline kargo gönderen bir markanın sitesi asla aynı kurguyu taşımaz, çünkü ziyaretçileri bambaşka bir beklentiyle geliyor. Bu ayrımı görmeden çizime geçmenin sonu, sonradan defalarca sökülüp yeniden yapılan bir sayfa oluyor. O yüzden hiçbir taslağa dokunmadan önce sitenin hangi işi yapması gerektiğini tek bir cümleyle yazıya döküyoruz. Bu cümle, ilerleyen haftalarda renk mi yoksa buton yeri mi tartışılırken sessiz bir hakem gibi kararı çözüyor. Sayfanın yalnızca hoş görünmesini değil, telefonunuzu çaldırmasını ya da sepetinizi doldurmasını hedefliyoruz. Bu hedef cümlesi olmadan yola çıkan işler, çoğu zaman göze hoş görünen ama satışa hiç dokunmayan sessiz bir vitrine dönüşüyor.

Keşif görüşmesinden çıkarken elimizde küçük ama net bir öncelik listesi oluyor. Hangi sayfaların mutlaka bulunması gerektiğini, hangi bilginin daha ilk ekranda görünmesini ve ziyaretçinin tam olarak hangi adımda sizinle temasa geçmesini istediğinizi madde madde yazıyoruz. Sonra bu listeyi onayınıza sunuyoruz ki proje ortasında beklenmedik bir talep çıkıp takvimi ve bütçeyi birden sarsmasın. Yıllardır gördüğümüz kadarıyla çoğu gecikme tasarımın zorluğundan değil, baştan hiç konuşulmamış bir beklentiden doğuyor. İşte bu yüzden kapsamı yazılı hale getirip neyin bu ilk sürüme gireceğini, neyin sonraki aşamaya kalacağını sizinle birlikte işaretliyoruz. Ödediğiniz her kalemin sayfadaki karşılığını görebilmeniz, aramızdaki güveni de baştan sağlamlaştırıyor. Ancak çerçeve tümüyle netleştikten sonra taslak ekranlara geçiyoruz, çünkü sağlam bir plan sonradan çıkacak onlarca değişikliği baştan eritiyor. Planı birlikte onaylamak, ilerleyen aşamalarda doğabilecek fikir ayrılıklarını yumuşatıyor ve herkesin aklında aynı resmi bırakıyor.

Sizi ve sektörünüzü tanıdıktan sonra sıra rakip sitelere kısa bir göz atmaya geliyor, ama onları taklit etmek için değil. İşinizi anlatan bir web tasarım kurgusu, ziyaretçinin gözünün nelere alıştığını bilmeden sağlam biçimde kurulamaz. Kullanıcı tanıdık bir düzende gezerken aradığını çabuk bulursa sayfada daha uzun kalıyor ve size çok daha kolay güveniyor. Aynı incelemede rakiplerin ziyaretçiyi yarı yolda bıraktığı yerleri de dikkatle işaretliyoruz. Bunlar çoğu kez belirsiz fiyatlandırma, ulaşılamayan bir iletişim ya da telefonda bozulan bir menü gibi basit görünen ama pahalıya patlayan hatalar oluyor. Sizin sitenizi kurarken tam da bu boşlukları kapatıp öne çıkan yönleri belirginleştiriyoruz. Ziyaretçi ilk saniyeden ne bulduğunu anladığında kararını da hızla veriyor, kararsız kalıp başka sekmeye kaçmıyor. Rakip taraması bize kopyalanacak kalıplar değil, sizin rahatça doldurabileceğiniz boşluklar gösterdiği için gerçekten işe yarıyor.

Sayfa Düzenini Ziyaretçinin Attığı Adımlara Göre Kuruyoruz

Sayfa iskeletini kurarken önce sayfaların kendisini değil, ziyaretçinin atacağı adımları sıralıyoruz. İnsan bir siteye asla rastgele girmez; aklında bir sorusu, acil bir ihtiyacı ya da vermek üzere olduğu bir kararı vardır ve cevabını en az tıklamayla arar. Biz de ana sayfadan iletişime kadar uzanan bu yolu kâğıt üzerinde çiziyor, her durakta ziyaretçinin ne düşündüğünü kenara not ediyoruz. Sağlıklı bir web tasarım düzeni, menü başlıklarını sizin iç konuşma dilinizle değil müşterinin kafasındaki kelimelerle adlandırdığında ortaya çıkıyor. Böylece hiç kimse aradığı hizmeti yanlış isim yüzünden kaçırmıyor. Sayfa sayısını da gereksiz yere şişirmiyoruz; fazladan konan her sekme, ziyaretçinin dikkatini asıl işten uzaklaştırıyor. Az ama yerli yerinde duran sayfa, kalabalık bir menüden çoğu zaman daha çok iş getiriyor. Menüyü sadeleştirdiğimizde ziyaretçi kaybolmuyor, aradığı hizmete birkaç saniyede ulaşıp asıl kararına odaklanıyor.

İskelet oturduktan sonra içerik sırasına geçiyoruz, çünkü bir sayfayı asıl ikna eden şey sonuçta metnin kendisidir. Her sayfa için tek bir amaç belirliyoruz: bu ekran ziyaretçiyi neye ikna edecek, hangi soruyu kapatacak ve sonunda hangi düğmeye basmasını isteyeceğiz. Başlıkları göz gezdirerek okunacak biçimde kısa tutuyor, uzun blokları küçük paragraflara bölüyoruz ki telefonda okuyan biri sıkılmadan ilerleyebilsin. Fotoğraf ile yazı birbirini tekrarlamak yerine tamamlıyor; görsel duyguyu taşırken metin ayrıntıyı ve güveni veriyor. İçeriği sizinle birlikte hazırlıyoruz, çünkü işinizi en yakından siz biliyorsunuz ve bizim görevimiz o bilgiyi ziyaretçinin diline çevirmektir. Metin son halini aldığında sayfanın nasıl görüneceği de büyük ölçüde kendiliğinden belli oluyor. Boş bir şablonu doldurmak yerine, önce sözü kuruyor sonra ona uygun bir kıyafet biçiyoruz. Bu sıra tersine döndüğünde, güzel görünen ama ne anlattığı belirsiz kalan sayfalarla karşılaşıyoruz.

Arama motorlarının sayfayı nasıl okuyacağını daha bu erken aşamada düşünmeye başlıyoruz. Her sayfaya tek ve net bir başlık, mantıklı bir adres yapısı ve birbirine anlamlı biçimde bağlanan iç bağlantılar veriyoruz. Ziyaretçi menüden ilerlerken arama motoru da aynı düzeni izliyor, böylece hangi sayfanın hangi konuyu anlattığı asla karışmıyor. Görsellere kısa açıklamalar ekliyor, sayfa adreslerini okunur ve sade tutuyoruz. Bütün bunlar sonradan üstünkörü yamanacak işler değil; kurgunun ta içine baştan yerleşiyor. Temeli doğru atılmış bir yapı, ileride yeni içerik eklerken bile size yön kaybettirmiyor. Bugün on sayfayla açılan siteniz yarın kırk sayfaya çıktığında bu sayede aynı mantıkla, düzenini bozmadan büyüyebiliyor. Düzgün kurulmuş bir adres ve başlık yapısı, ileride reklam ya da içerik eklendiğinde her şeyi yeniden düzenleme zahmetini ortadan kaldırıyor.

Görsel Dili, Mobil Deneyimi ve Açılış Hızını Birlikte Ölçüyoruz

Görsel tarafta işe, markanızın hâlihazırda taşıdığı izlerden başlıyoruz. Varsa logonuzun rengi, tabelanızın tonu ya da uzun süredir kullandığınız bir görsel, kuracağımız web tasarım dilinin de ana rengini belirliyor; hiçbiri yoksa sizinle konuşup bu dili sıfırdan birlikte oluşturuyoruz. İki üç renk, okunması kolay bir yazı ailesi ve cömertçe bırakılmış boşluk, çoğu zaman abartılı süslemelerden çok daha güçlü bir izlenim bırakıyor. Renkleri rastgele değil, ziyaretçinin gözünü doğrudan asıl butona yönlendirecek biçimde seçiyoruz. Her ekranda gözün önce nereye gitmesini istiyorsak orayı öne çıkarıyor, gerisini sakince geri plana çekiyoruz. Amacımız ziyaretçiyi görsel bir gösteriyle şaşırtmak değil, ona ne yapması gerektiğini yormadan anlatmak. Sade kurgulanmış bir ekran, tıka basa dolu bir ekrandan çoğu zaman daha çabuk iş görüyor. Ziyaretçi göz yormadan gezebildiği bir sayfada, aradığı düğmeyi düşünmeden buluyor ve karar vermesi kolaylaşıyor.

Tasarımı en baştan telefon ekranına göre kuruyoruz, çünkü ziyaretçilerinizin büyük bölümü sitenize cebinden bakıyor. Masaüstünde son derece şık duran bir düzen küçük ekranda dağılıyorsa, o düzen aslında görevini yapmıyor demektir. İşte bu nedenle yazıların boyutunu, butonların parmakla rahat basılacak genişliğini ve menünün tek elle açılışını tek tek elde deniyoruz. Görselleri farklı ekran ölçülerine göre ayrı ayrı ayarlıyor, dar ekranda en önemli bilginin en üste gelmesini sağlıyoruz. Bir bilgiye ulaşmak için ziyaretçinin sürekli parmakla yakınlaştırma yapması gerekiyorsa, orada çözülmesi gereken bir sorun var demektir ve onu daha yayına almadan gideriyoruz. Küçük ekranda rahat nefes alan bir site, geniş ekranda zaten kendiliğinden rahat ediyor. Mobil deneyimi sonradan eklenen bir yama değil, işin başlangıç noktası olarak görüyoruz. Küçük ekranı sonraya bırakan tasarımlar, en çok ziyaretçinin bulunduğu yerde en çok hatayı yapıyor.

Hız meselesi en az görünüm kadar belirleyici, çünkü açılmayan bir sayfa aslında hiç tasarlanmamış sayılıyor. Görselleri kaliteyi bozmadan sıkıştırıyor, gereksiz kodu ve yükü ağırlaştıran eklentileri siteden uzak tutuyoruz. Ziyaretçi bir düğmeye bastığında beklemeden karşılık almalı; birkaç saniyelik gecikme bile insanın hem sabrını hem güvenini sessizce tüketiyor. Sayfayı yavaşlatan ne varsa açılıştan önce ölçüp gideriyor, sonucu masaüstünde değil gerçek bir telefon bağlantısında sınıyoruz. Rize gibi bağlantının yer yer zayıfladığı bir bölgede bu titizlik daha da kıymetleniyor, çünkü ziyaretçi ağır açılan siteyi beklemek yerine kapatıp bir sonrakine geçiyor. Hafif ve çabuk açılan bir site hem ziyaretçiyi ekranda tutuyor hem de arama motorunun gözünde sessizce puan topluyor. Hızı bir kez kazanıp unutmuyor, her güncellemeden sonra yeniden ölçüyoruz. Sayfa ağırlığını sürekli göz altında tutmak, sonradan eklenen görsellerin ve içeriklerin hızı sinsice düşürmesini engelliyor.

Yayın Sonrası Sitenizin Anahtarını ve Bakımını Size Bırakıyoruz

Bir işin bittiğini yayın düğmesine bastığımız an değil, o düğmeye basmadan önce yaptığımız kontrollerle anlıyoruz. Siteyi açmadan önce her formu bizzat dolduruyor, her bağlantıya tıklıyor ve iletişim mesajlarının size sorunsuz ulaştığını kendi gözümüzle görüyoruz. İyi yürütülen bir web tasarım süreci, yayın anını bile gündüz sakin bir saate denk getiriyor ki beklenmedik bir aksilikte hemen yanınızda olabilelim. İlk günlerde siteyi yakından izliyor, ziyaretçilerin hangi sayfada durduğunu ya da tam nerede geri döndüğünü not ediyoruz. Bu ilk veriler çoğu zaman küçük ama etkisi büyük düzeltmelerin kapısını aralıyor. Açılış bizim için bir bitiş çizgisi değil, sitenin gerçek hayatla ilk kez tanıştığı an oluyor. O yüzden ilk haftayı işin sonu değil, asıl başlangıcı gibi ele alıyoruz. Gerçek ziyaretçilerin davranışı, hiçbir tahminin veremeyeceği kadar net bir yol haritası çıkarıyor önümüze.

Sitenin gerçekten size ait olması, bizim en baştan koyduğumuz ilkelerden biri. Alan adını ve barındırma hesabını doğrudan sizin adınıza açıyor, tüm şifreleri ve giriş bilgilerini eksiksiz biçimde size teslim ediyoruz. Yarın yollarımız herhangi bir sebeple ayrılsa bile siteniz, adresiniz ve içindeki her şey sizde kalıyor; kimseye ve hiçbir ajansa bağımlı olmuyorsunuz. Bu ayrıntı ilk bakışta önemsiz görünse de, işletmenizin dijital adresi kiralık bir yer değil kendi mülkünüz olmalı. Ayrıca yönetim panelinin nasıl kullanıldığını adım adım gösteriyor, gerekirse elinizin altında duracak kısa ve sade bir kılavuz bırakıyoruz. Böylece basit bir metni ya da bir fotoğrafı değiştirmek için her seferinde birilerini aramak zorunda kalmıyorsunuz. Kendi sitenizde söz sahibi olmanın rahatlığını en baştan yaşamaya başlıyorsunuz. Bir gün başka biriyle çalışmaya karar verseniz bile, elinizdeki bütün bilgiler bu devri kolay ve sorunsuz kılıyor.

Yayına aldıktan sonra da ilişkimiz bitmiyor, çünkü siteler sabit tabelalar değil yaşayan yapılardır. Sürdürülebilir bir web tasarım ilişkisi, yazılım güncellemelerini takip etmeyi, güvenlik yamalarını zamanında uygulamayı ve düzenli yedek almayı da içeriyor ki beklenmedik bir sorunda verileriniz asla kaybolmasın. İşiniz büyüdükçe yeni bir sayfa, taze bir kampanya ya da farklı bir hizmet eklemek gerektiğinde kurulu düzeni bozmadan ilerliyoruz. Ziyaretçi davranışını belirli aralıklarla ölçüp hangi bölümün işe yaradığını, hangisinin gözden geçirilmesi gerektiğini sizinle açık açık konuşuyoruz. Site böylece bir kez yapılıp rafa kaldırılan bir iş değil, zamanla keskinleşen bir çalışma aracına dönüşüyor. Siz tüm enerjinizi işinize verirken sitenin sağlığını biz arka planda sessizce kolluyoruz. Böyle bir bakım, ilk günkü emeğin zamanla değer kaybetmesini de önlüyor. Düzenli bakılan bir site, aylar geçtikçe yıpranmak yerine gelen geri bildirimlerle giderek daha isabetli hale geliyor.

Web Tasarım Hakkında Sık Sorulan Sorular

Hayır. Önce sayfaların amacını ve bilginin kimde olduğunu belirleyerek başlayabiliriz. Eksik kalan metinler için bir teslim tarihi, onay verecek kişi ve gerekli kaynak kayda alınır. Doğrulanmamış ifadeleri, yalnızca boşluğu doldurmak için yayına almayız.

Genellikle evet. Alan adının sahipliği ve barındırma erişimi doğrulanabiliyorsa mevcut adres korunur. Sunucu sürümü, depolama ya da güvenlik koşulları yeni yapıyı karşılamıyorsa taşıma seçeneklerini, olası kesinti riskini ve kimin neyi üstleneceğini önceden açıklarız.

Sık güncellenen hizmet metinleri, görseller, duyurular ve referanslar için denetimli alanlar açılır. Teknik düzeni etkileyen seçenekler yetkiye bağlanır. Teslim eğitiminde doğru görsel oranını ve başlık uzunluğunu uygulamalı olarak birlikte deneriz.

Evet. Masaüstü düzenini olduğu gibi küçültmek yerine; menüyü, kart dizilimini, buton aralığını, form mesajlarını ve uzun içeriklerin akışını farklı ekranlarda ayrı ayrı deneriz. Önemli sayfalarda davranışı gerçek bir cihaz üzerinde de gözden geçiririz.

Yayındaki adreslerin listesi çıkarılır ve değer taşıyan her sayfa için yeni bir hedef belirlenir. Yönlendirmeler döngü, yanlış hedef ve kayıp içerik açısından taranır. Karşılığı kaldırılan sayfalarda ziyaretçiye anlamlı bir sonraki adım sunulur.

Hata giderme, küçük içerik desteği ve yeni geliştirme ayrı işler olarak tanımlanır. Kapsama dahil süre, iletişim yöntemi ve yanıt koşulu teklifte açıkça yazılır. Kapsamı büyüten taleplerde ise ayrı bir plan oluşturulur.