Web Tasarım
Ziyaretçinin karar adımlarını tek tek çıkarmak
Siteye gelen kişi çoğunlukla hemen satın almak için tıklamaz; kafasındaki soruyu çözmek, seçenekleri karşılaştırmak ve kime güvenebileceğini anlamak ister. Hangi sorunun hangi anda sorulduğunu bilmeden yapılan düzenleme yalnızca görünümü tazeler, kararı kolaylaştırmaz. Bu nedenle web tasarım çalışmasına, ziyaretçinin ilk merakından iletişime geçme anına kadar attığı adımları yazılı hâle getirerek başlıyoruz.
Elimizdeki ziyaret kayıtlarını, telefonda en çok sorulan konuları ve satış tarafının tekrar tekrar anlatmak zorunda kaldığı ayrıntıları bir araya getiriyoruz. Hangi bilginin öne çıkacağı böylece tahminle değil, gözlemle belirleniyor. Eksik kalan veriyi, gereksiz görünen adımı ve kimin neyi onaylayacağını bu aşamada ayırıyor; sayfa yapısını da bu ayrımın üzerine kuruyoruz.
Adımlar netleştiğinde metin, bağlantı ve yönlendirmeler kendiliğinden yerine oturuyor; ziyaretçi aradığı bilgi için sayfalar arasında dolaşmak zorunda kalmıyor. Bugüne kadar Balıkesir ve çevresinde yürüttüğümüz işlerde gördüğümüz şu: sade bir sıralama, çoğu durumda görsel zenginlikten daha ikna edici oluyor. Bu yüzden kurguyu teslim etmeden önce gerçek kullanım örnekleriyle sınıyoruz.
Yazma ve onay sırasını en baştan kurmak
Bir web tasarım projesinin yayından sonra canlı kalması, çoğunlukla teknik bir mesele değil sahiplik meselesidir. Hangi bölümün metnini kimin hazırlayacağı belirsiz kaldığında, tek satırlık bir düzeltme bile birkaç kişi arasında dolaşıp haftalara yayılır. Bu yüzden hangi metnin kimden geleceğini, kimin gözden geçireceğini ve son sözü kimin söyleyeceğini işin ilk gününde birlikte yazıya döküyoruz.
Konuşmayı somut tutuyoruz: hangi bilgi dönemsel olarak değişiyor, hangi metin yıllarca sabit kalıyor, hangi bölüm için teknik ayrıntı gerekiyor. Böylece her bölüm, işi fiilen yürüten kişinin bildikleriyle yazılıyor; tek bir kalemin varsayımlarına kalmıyor. Yetki sınırlarını baştan çizmek, sonradan ortaya çıkan gecikmelerin büyük bölümünü daha başlamadan ortadan kaldırıyor.
Sorumluluk paylaşıldığında yayın sonrası da kolaylaşıyor; bölümün kime ait olduğu belli olduğu için kadro, kapsam ya da çalışma koşulu değiştiğinde güncelleme aynı gün yapılabiliyor. Ekip büyüdüğünde ya da sorumluluklar el değiştirdiğinde bu düzen bozulmuyor, aynı çerçevede genişliyor. Küçük düzeltmeler için dışarıdan destek beklemek de gerekmiyor.
İlk ekranda soru bırakmamak
Ana sayfa bir vitrin değil, kısa bir yanıt alanıdır. Ziyaretçi burada ne yaptığınızı, kime hizmet ettiğinizi ve size nasıl ulaşacağını birkaç saniye içinde görmek ister. Süslü bir giriş cümlesi yerine açık bir tanım bırakıldığında okuma genellikle daha ileriye taşınır. İlk ekranı bu nedenle sade tutuyor, iddiayı değil kanıtı öne alıyoruz.
Güveni kuran ayrıntılar çoğunlukla küçüktür: çalışma alanının doğru adlandırılması, gerçek fotoğrafın kullanılması, iletişim bilgisinin aranmadan görünmesi. Mevcut sayfalarda hangi ifadenin soru işareti bıraktığını tek tek not ediyor, belirsiz kalan cümleleri sadeleştiriyoruz. Abartılı vaat yerine doğrulanabilir bilgi bırakıldığında, ziyaretçinin sayfada kalma nedeni de sağlamlaşıyor.
İlk ekran yerine oturduğunda alt sayfalar da hafifliyor; aynı bilgiyi her yerde yeniden anlatma ihtiyacı kalmıyor. Açılışı çeşitli ekran boyutlarında ve yavaş bağlantı koşullarında deneyerek, görselin metni geciktirmediğinden emin oluyoruz. Böylece ilk izlenim, bağlantı hızı ne olursa olsun aynı netlikte kalıyor ve ziyaretçi ne yapması gerektiğini biliyor.
Her işi kendi sayfasında anlatmak
Birden çok iş yürüten bir işletmede hepsini tek sayfada toplama isteği doğaldır; oysa ziyaretçi genellikle yalnızca birini arar. Her işin kendi sayfasında, kendi diliyle ve kendi sorularıyla durması hem okumayı hem de teklif hazırlamayı kolaylaştırır. Bu ayrımı web tasarım sürecinin ilk taslağında yapıyor, sonraki kararları bu iskelete dayandırıyoruz.
Ayrımı yaparken kapsamı, kime hitap ettiğini ve fiyatlandırma mantığını birlikte inceliyoruz; benzer görünen iki iş farklı kişilere sesleniyorsa ayrı duruyor. Aynı başlık altında birleşmesi gereken bölümleri ise birleştiriyoruz, çünkü gereksiz sayfa çoğaltmak bilgiyi seyreltiyor. Sonuçta okuyan kişi hangi bilgiyi nerede bulacağını baştan kestirebiliyor.
Bu düzen teklif aşamasında da işe yarıyor; karşı taraf hangi kapsamı istediğini göstererek anlatabiliyor, ekip her seferinde baştan açıklamak zorunda kalmıyor. Yeni bir çalışma alanı eklendiğinde yapı zorlanmıyor, bölüm aynı iskelete ekleniyor. Bölümler arasındaki geçişi teslimden önce baştan sona izleyerek kopukluk kalmadığını doğruluyoruz.
Renk ve tipografiyi işlevle birlikte seçmek
Renk, yazı karakteri ve boşluk kararları ilk bakışta estetik tercih gibi görünür; oysa her biri okunabilirliği doğrudan etkiler. Bir başlığın ağırlığı, ziyaretçinin hangi bilgiyi önce göreceğini belirler. Bu yüzden görünüme ilişkin kararları sayfanın işlevinden ayrı değil, onunla birlikte alıyoruz ve her tercihin bir gerekçesi oluyor.
Eldeki görsel malzemeyi gerçek kullanım koşullarında inceliyoruz: uzun bir ürün adı satıra sığıyor mu, düşük ışıkta çekilmiş bir fotoğraf küçük ekranda ne hâle geliyor, simge anlatmak istediğini gerçekten anlatıyor mu. Anlam taşımayan süslemeleri çıkarıyor, taşıyanları belirginleştiriyoruz. Böylece görünüm metnin önüne geçmeden onu destekliyor.
Bu çizgi korunduğunda site zamanla dağılmıyor; sonradan eklenen bir fotoğraf ya da bölüm bütünlüğü bozmuyor. Sade bir görsel düzenin kurumsal izlenimi daha uzun süre koruduğunu, Balıkesir’de teslim ettiğimiz işlerin sonraki yıllarında da gözlemledik. Renk ve yazı ölçeklerini belgeye bağladığımız için, içerik ekleyen kişi de aynı düzeni sürdürebiliyor.
Telefon ekranı için öncelik sırasını ayrıca kurmak
Telefonda okuyan biri sayfayı bir bütün olarak görmez; aşağı doğru ilerledikçe parça parça görür. Masaüstünde yan yana duran iki bilgi alt alta düştüğünde sıralama anlamını yitirebilir ve önemli olan aşağıda kalabilir. Bu nedenle küçük ekran düzenini büyüğün küçültülmüş hâli olarak değil, kendi mantığı olan ayrı bir kurgu olarak ele alıyoruz.
Hangi bilginin ilk ekranda kalacağını, hangisinin bir dokunuş sonrasına bırakılacağını içerikle birlikte kararlaştırıyoruz. Dokunma alanlarının genişliği, menünün açılma biçimi ve form alanlarının sırası tek tek elden geçiyor. Gereksiz adımlar çıktıkça sayfa hem hızlanıyor hem de tek elle rahatça kullanılabilir hâle geliyor.
Küçük ekranda düzgün çalışan bir sıralama, masaüstünde de genellikle daha anlaşılır oluyor; çünkü öncelik sorusu bir kez ciddiyetle yanıtlanmış oluyor. Düzeni çeşitli cihazlarda ve farklı yazı boyutu ayarlarında açarak kontrol ediyoruz. Kullanıcı kendi ayarını değiştirdiğinde de metin taşmıyor, düğmeler yerinde ve ulaşılabilir kalıyor.
İletişim formundan gereksiz alanı çıkarmak
Uzun bir form ciddiyet işareti gibi görünse de çoğu ziyaretçiyi yarı yolda bırakır. Sorulması gereken asıl soru şudur: ilk dönüşü yapabilmek için gerçekten hangi bilgiye ihtiyaç var? Bunu netleştirdiğimizde alan sayısı belirgin biçimde azalıyor ve ekip gelen talebe daha kısa sürede yanıt verebiliyor.
Her alanı ayrı ayrı gerekçelendiriyoruz; karşılığı sonradan telefonda kolayca öğrenilebilecek bir bilgi formda yer almıyor. Zorunlu alanları, hata uyarılarını ve gönderim sonrası ekranını birlikte kurguluyoruz, çünkü anlaşılmayan bir uyarı vazgeçme nedenlerinin başında geliyor. Talebin hangi birime ulaşacağını da bu aşamada tanımlıyoruz.
Formu farklı tarayıcılarda, klavye açıkken ve bağlantı yavaşken deniyoruz; gönderimin tamamlandığı ziyaretçiye açık bir cümleyle bildiriliyor. Ulaşan taleplerin kaybolmaması için bildirim adreslerini ve yedek kaydı yayından önce doğruluyoruz. Böylece formu dolduran kişi karşılığında ne olacağını, ekip de talebin nereden geldiğini biliyor.
Yenilerken eski adresleri boşa düşürmemek
Yenileme çalışmalarında eski adreslerin ne olacağı çoğu zaman en sona bırakılır. Uzun süredir yayında olan Balıkesir merkezli sitelerde yıllar içinde paylaşılmış bağlantılar, başka kaynaklardan gelen yönlendirmeler ve kaydedilmiş sayfalar bir anda boşa düşerse, yeni yapı daha ilk gününde görünürlük kaybeder. Bu yüzden taşıma planını görsel kararlardan önce hazırlıyoruz.
Mevcut adres listesini çıkarıyor, hangi sayfanın yeni yapıda nereye karşılık geldiğini tek tek eşliyoruz. Karşılığı bulunmayan sayfalar için anlamca en yakın hedefi seçiyor, gerçekten gereksiz olanları ise bilinçli biçimde kapatıyoruz. Görsellerin ve belgelerin adresleri de aynı listede yer alıyor, çünkü sessizce kaybolan bir dosya ancak aylar sonra fark ediliyor.
Yayın gününde yönlendirmelerin çalıştığını ve hatalı bir adrese düşen kişinin açıklayıcı bir sayfaya taşındığını kontrol ediyoruz. Eski yapının yedeği, geri dönüş gerekme ihtimaline karşı elimizde duruyor. Bu hazırlık sayesinde geçiş, ziyaretçi tarafında neredeyse hiç fark edilmeden tamamlanıyor.
Yönetim ekranını tanıdık bir dile çevirmek
Bir yönetim ekranının iyi olması, çok sayıda seçenek sunmasından değil, sık yapılan işi kolaylaştırmasından anlaşılır. İçerik ekleyecek kişi her girişinde teknik terimlerle karşılaşırsa, güncelleme işi çoğunlukla ertelenir ve site yavaşça eskir. Bu nedenle paneli, ekibin gerçekten yapacağı işlere göre sadeleştiriyoruz.
Alan adlarını günlük konuşmadaki karşılıklarıyla yazıyor, kullanılmayacak seçenekleri görünürden çıkarıyoruz. Kimin neyi değiştirebileceğini rol bazında ayırıyoruz; böylece yanlışlıkla silinen bir bölüm ihtimali azalıyor. Sık güncellenen alanlar öne geliyor, yılda bir kez dokunulanlar geri çekiliyor ve ekran her açıldığında aynı sadelikte kalıyor.
Teslimde temel işlemleri uygulamalı olarak gösteriyor, ekibin kendi içeriğiyle bir deneme yapmasını istiyoruz; anlatılan değil, denenen adım akılda kalıyor. Sık yapılan işlemler için kısa bir yol tarifi de dosyada duruyor. Sonrasında yeni bir duyuru ya da fotoğraf eklemek ayrı bir proje gibi görünmüyor, günlük işin parçası hâline geliyor.
Herkesin okuyabileceği bir yapı kurmak
Erişilebilirlik çoğu zaman özel bir kullanıcı grubuna indirgenir; oysa güneş altında ekran okuyan, bağlantısı zayıf olan ya da yalnızca klavyeyle ilerleyen herkes aynı düzenlemelerden yararlanır. Renk karşıtlığı, yazı boyutu ve odak sırası gibi ayrıntılar sonradan eklenmeye çalışıldığında yapıyı zorlar. Bu yüzden bunları ilk taslak aşamasında konuşuyoruz.
Görsellere açıklama metni yazılmasını, başlık sıralamasının anlamlı kurulmasını ve bağlantı yazılarının nereye gittiğini kendi başına belirtmesini baştan kural hâline getiriyoruz. Formlarda etiketlerin alanla eşleştiğini, uyarıların yalnızca renkle değil metinle de verildiğini denetliyoruz. Sayfayı klavyeyle baştan sona dolaşarak sıranın mantıklı kaldığını görüyoruz.
Bu denetim, ekran okuyucu kullanan bir ziyaretçi kadar aceleyle bilgi arayan sıradan kullanıcıyı da rahatlatıyor; yapı düzgün kurulduğunda sayfa her araçta okunaklı oluyor. Denetimi tek seferlik bir kontrol gibi değil, çalışmanın her aşamasında tekrarlanan bir alışkanlık olarak yürütüyoruz. Teslimden sonra eklenecek içeriğin de aynı kurallara uyması için notları paylaşıyoruz.
Yayından önce baştan sona denemek
Bir sayfanın tek başına düzgün görünmesi yeterli olmaz; asıl sınav, sayfalar arasında gezinirken bütünün korunmasıdır. Yazı ölçeği, boşluklar, düğme davranışı ve yükleme süresi ancak bir arada değerlendirildiğinde anlam kazanır. Bu nedenle bir web tasarım çalışmasının son aşamasını tek tek sayfalarla değil, baştan sona senaryolarla yürütüyoruz.
Farklı işletim sistemleri, tarayıcı sürümleri ve ekran genişliklerinde aynı yolu yeniden yürüyoruz: bilgiye ulaşma, formu doldurma, iletişime geçme. Yavaş bağlantıyı da taklit ederek görsellerin metni beklettiği yerleri buluyoruz. Ortaya çıkan aksaklıkları önem sırasına koyuyor, yayına geçmeden önce kapatıyoruz.
Yayın anını da ayrı bir adım olarak planlıyoruz; alan adı yönlendirmesi, güvenlik sertifikası ve yedekleme ayarı aynı gün gözden geçiriliyor. İlk günlerde gelen geri bildirimleri izleyip küçük düzeltmeleri bekletmeden yapıyoruz. Böylece site, ekip için sürpriz üretmeyen ve günlük işleyişe yük bindirmeyen bir araç olarak devreye giriyor.
Web Tasarım Hakkında Sık Sorulan Sorular
Sayfa sayısına nasıl karar veriliyor?
Bu sayı hazır bir kalıptan çıkmaz; sunduğunuz işlerin birbirinden ne kadar ayrıştığına ve ziyaretçilerin hangi soruları sorduğuna bakarak belirlenir. Bir sayfa tek bir işi üstlendiğinde, az sayıda başlıkla da yeterli bir yapı kurulabilir. Önemli olan toplam sayı değil, aranan bilginin ilk bakışta nerede durduğudur.
Küçük ekran uyumu teklife dahil mi?
Telefon ve tablet görünümü işin temelinde yer alır; sonradan satın alınan bir ek değildir ve ayrı bir kalem olarak faturalandırılmaz. Hangi ekran genişliklerinin ve hangi tarayıcıların denendiği teklif metninde açıkça belirtilir. Böylece kapsam konusunda teslim aşamasında sürpriz yaşanmaz.
Mevcut içerikler yeni düzende kullanılabilir mi?
Güncelliği doğrulanmış metinler ve yeterli çözünürlükteki görseller taşınabilir. Eskimiş, birbiriyle çelişen ya da kaynağı belirsiz kayıtları yayın öncesinde ayırır, hangilerinin yenilenmesi gerektiğine birlikte karar veririz. Taşınan içeriğin yeni düzendeki yeri de aynı aşamada belirlenir.
Güncellemeleri kendi ekibimiz yürütebilir mi?
Panel, ekipteki görev dağılımına göre kurulur ve herkes yalnızca kendi sorumlu olduğu bölümü görür. Teslim görüşmesinde yazı ekleme, görsel değiştirme ve bölüm güncelleme gibi temel işlemler uygulamalı biçimde gösterilir. Yanında kısa bir kullanım notu kalır, böylece aradan zaman geçse de adımlar hatırlanır.
Proje takvimi neye göre belirleniyor?
Bir web tasarım projesinin takvimi içeriğin ne zaman hazır olacağına, istenen özel işlevlere ve onayların dönüş hızına göre şekillenir. Süreci baştan aşamalara böler, her aşamayı görülebilir bir teslimle ilişkilendiririz. Gecikme ihtimali belirdiğinde nedeni ve etkisi vaktinde konuşulur.
Alan adı ve sunucu hesapları kimin adına açılmalı?
Hesapların baştan işletmenin kendi adına tanımlanmasını öneririz; kullanıcı bilgileri teslim sırasında güvenli biçimde size geçer. Yenileme tarihlerini kimin takip edeceği ve teknik desteğin sınırları teklif metninde yazılı olarak yer alır. Böylece ileride farklı bir ekiple çalışmak isterseniz de yapı sizin elinizde kalır.