Web Tasarım

Ziyaretçinin karar sırasını baştan izliyoruz

Arama sonucundan gelen bir ziyaretçinin ilk dakikada neyi aradığını izleyerek işe başlıyoruz. Hangi sorunun yanıtsız kalması durumunda sayfanın kapandığını, hangi başlığın kişiyi bir adım ileri taşıdığını tek tek not ediyoruz. Gözlemlediğimiz kadarıyla Sakarya çevresindeki işletmelerde bu yol çoğu zaman fiyattan değil, kapsam ve teslim süresi sorusundan geçiyor; menü sırasını da bu düzene göre kuruyoruz.

Eldeki ziyaret kayıtlarını telefonda sorulan gerçek sorularla yan yana koyuyoruz. Ekranda çok tıklanan alan ile sahada en sık tekrarlanan konu birbirini tutmadığında, aradaki boşluğu sayfa düzeniyle kapatıyoruz. Bu karşılaştırmayı web tasarım sürecinin ilk haftasına yerleştiriyor, varsayımla ilerlemek yerine elimizdeki kanıta bakarak karar alıyoruz.

Çıkan yolu tek sayfalık bir akışa döküyor, her adımın hangi bölüme karşılık geldiğini yazıyoruz. Ekip bu akışı okuduğunda hangi metnin neyi çözdüğünü görüyor; sonradan eklenecek bölümler de aynı mantığın içine oturuyor. Böylece site zamanla büyüdükçe yapı dağılmıyor ve ziyaretçi her girişinde tanıdığı düzenle karşılaşıyor.

Hangi metni kimin güncelleyeceğini yazıyoruz

Her bölümün sahibini proje daha başlarken belirliyoruz. Hizmet açıklamasını kimin yazdığı, fiyat aralığını kimin onayladığı, referans görsellerini kimin sağladığı tek bir kayda işleniyor. Sahibi belirsiz kalan bir metin yayına çıktıktan sonra aylarca güncellenmeden duruyor; işin başında sorulan bu soru o riski önceden ortadan kaldırıyor.

Onay sırasını da aynı aşamada netleştiriyoruz. Bir metnin taslaktan yayına geçmesi için kaç kişinin okuması gerektiğini, itirazın hangi aşamada söylenmesinin beklendiğini konuşarak kararlaştırıyoruz. Geri bildirim tek kanaldan toplandığında düzeltmeler birikmiyor, takvim kendiliğinden korunuyor ve kimse aynı düzeltmeyi ikinci kez yazmak zorunda kalmıyor.

Teslimde bu sorumluluk dağılımını panelin yetki ayarlarına yansıtıyoruz. Yalnızca kendi bölümünü düzenleyecek kişiye tüm yapıyı değiştirme izni vermiyor, herkesi kendi alanında rahat bırakıyoruz. Yanlışlıkla silinen bir içeriğin geri getirilmesi de böylece ayrı bir uğraşa dönüşmüyor; sürüm kaydından önceki hâline dönülebiliyor.

Açılış ekranında güveni erken kuruyoruz

Ana sayfanın ilk ekranında ne iş yapıldığını tek cümleyle söylüyoruz. Ziyaretçi aşağı kaydırmadan önce kurumun alanını, çalıştığı ölçeği ve nasıl ulaşılacağını görüyor. Belirsiz sloganlar yerine somut bir tanım koyduğumuzda, kişi doğru yere gelip gelmediğine saniyeler içinde karar veriyor ve gereksiz bir arama turuna çıkmıyor.

Güveni destekleyen kanıtları hemen altına yerleştiriyoruz. Tamamlanmış işlerden birkaç örnek, çalışılan alanlar ve doğrudan iletişim bilgisi aynı hizada duruyor. Doğrulanamayan rakamlardan ve abartılı ifadelerden uzak duruyor, yalnızca kurumun gerektiğinde gösterebileceği şeyleri ekranda tutuyoruz.

İlk ekranın yüklenme süresini de güvenin parçası sayıyoruz. Görselleri gerçek gösterim ölçüsüne göre hazırlıyor, yazı tiplerini sayfayı bekletmeyecek biçimde bağlıyoruz. Açılış gecikmediğinde ziyaretçi içeriği okumaya başlıyor; beklemenin uzadığı durumlarda ise tasarımın geri kalanı çoğu zaman hiç görülmüyor.

Hizmet sayfalarının sınırlarını netleştiriyoruz

Birbirine yakın duran işleri ayrı sayfalara bölüyoruz. Her sayfaya kimin için yazıldığını, neyi kapsadığını ve neyi kapsamadığını açıkça ekliyoruz. Kapsam dışında kalan konuyu yazmak, yanlış beklentiyle gelen talebi baştan eliyor ve ilk görüşmeyi gereksiz açıklamalarla uzatmıyor.

Ortak kalan bölümleri her yerde yeniden anlatmıyoruz. Çalışma biçimi, onay adımları ve destek koşulları gibi bütün işler için geçerli konuları tek bir yerde topluyoruz. Aynı metnin birkaç ayrı noktada farklı sürümlerle durması, güncelleme zamanı geldiğinde asıl karışıklığı çıkarıyor ve hangisinin doğru olduğu sorusunu doğuruyor.

Ayrımı yaptığımız yerde dili de sadeleştiriyoruz. Sektör jargonunu müşterinin günlük konuşmada kullandığı karşılıklarla değiştiriyor, başlıkları aranan ifadelere yaklaştırıyoruz. Bir kişi kendi sorusunu başlıkta görüyorsa okumayı sürdürüyor; göremiyorsa doğru sayfada olsa bile geri dönüyor.

Fotoğraf ve renk seçimini işleve bağlıyoruz

Görselleri süs olarak değil, anlatımı taşıyan parça olarak seçiyoruz. Üretim yapan bir kurumda atölyeden alınan gerçek kareler, hizmet veren bir ekipte ise çalışma anları metnin söylediğini doğruluyor. Hiçbir şey anlatmayan stok fotoğrafları çıkarıyor, yerlerine kurumun kendi malzemesini yerleştiriyoruz.

Renk seçimini okunabilirlik ölçüsüne bağlıyoruz. Gövde yazısı ile arka plan arasındaki farkı ölçüyor, bağlantıların düz metinden ayrıldığını denetliyoruz. Ekranda hoş duran bir tonun gün ışığında telefondan bakan biri için yetersiz kaldığını sık görüyoruz; web tasarım kararlarını bu koşulu hesaba katarak veriyoruz.

Yazı ölçülerini de aynı çizgide tutuyoruz. Başlık, ara başlık ve gövde arasındaki boyut farkını belirli bir ölçeğe oturtuyor, satır aralığını uzun metinleri yormadan okutacak biçimde ayarlıyoruz. Bu düzen bir kez kurulduğunda sonradan yazılan her içerik kendiliğinden aynı görünümü alıyor, kimse ayrı ayrı biçimlendirmeyle uğraşmıyor.

Küçük ekranda bilgi sırasını yeniden diziyoruz

Telefondan gelen ziyaretçi için sırayı sıfırdan kuruyoruz. Masaüstünde yan yana duran iki bölüm alt alta indiğinde hangisinin önce görüneceğine ayrıca karar veriyoruz. Küçültülmüş bir masaüstü görünümü yerine, o ekran için baştan düşünülmüş bir akış bırakıyoruz.

Dokunma alanlarını parmak ölçüsüne göre büyütüyoruz. Yan yana duran bağlantıların arasını açıyor, menüyü tek elle ulaşılabilecek yükseklikte tutuyoruz. Telefon numarasına dokunulduğunda aramanın başlaması, adresin harita uygulamasında açılması gibi küçük ayrıntılar günlük kullanımda belirgin bir fark yaratıyor.

Uzun içerikleri küçük ekranda bölüyoruz. Yoğun paragrafları ara başlıklarla havalandırıyor, geniş tabloları o ekranda okunabilecek bir düzene çeviriyoruz. Yatay kaydırma gerektiren bir bölüm bırakmıyor, içeriğin tek yönde akmasını sağlıyoruz.

Form alanlarını gerçek ihtiyaca indiriyoruz

Formda yalnızca dönüş yapabilmek için gereken bilgileri istiyoruz. Ad, bir iletişim yolu ve kısa bir açıklama çoğu durumda yetiyor; geri kalan sorular ilk görüşmede zaten konuşuluyor. Alan sayısı arttıkça formu yarıda bırakan kişi sayısının da arttığını kayıtlarda düzenli olarak görüyoruz.

Hata mesajlarını anlaşılır bir dille yazıyoruz. Yanlış doldurulan alanı işaretliyor, neyin beklendiğini tam o satırda açıklıyoruz. Gönderimden sonra ne olacağını ve dönüşün hangi kanaldan geleceğini de ekranda söylüyoruz; belirsiz bırakılan bir teşekkür mesajı kişiyi kısa süre sonra yeniden yazmaya itiyor.

Gelen kayıtların nereye düştüğünü teslimden önce sınıyoruz. Bildirimin doğru adrese ulaştığını, istenmeyen klasörüne düşmediğini ve kayıtların panelde saklandığını tek tek kontrol ediyoruz. Bu bildirimlerin cep telefonuna da ulaşması, Sakarya ve çevresinde sahada çalışan ekiplerde dönüş süresini belirgin biçimde kısaltıyor.

Yayındaki adresleri yeni düzene aktarıyoruz

Yenileme öncesinde yayındaki bütün adresleri hafızadan değil, sunucu kayıtlarından çıkarıyoruz. Hangi sayfanın hâlâ ziyaret aldığını, hangisinin dışarıdan bağlantı topladığını böylece görüyoruz. Değer taşıyan her adres için yeni yapıda bir karşılık belirliyor, karşılığı olmayanları da bilerek ve kayıt altına alarak kapatıyoruz.

Yönlendirmeleri yayın gününden önce kuruyoruz. Zincire dönüşen, kendi üzerine dönen ya da yanlış bölüme giden aktarımları tek tek tarıyoruz. Bir web tasarım yenilemesinde gözden kaçan adresler aylar sonra fark edilen bir eksiğe dönüşüyor; bu yüzden taramayı teslim öncesi denetimin sabit bir adımı sayıyoruz.

Aktarımdan sonra arama motorlarının gördüğü yapıyı da güncelliyoruz. Site haritasını yeniliyor, kaldırılan sayfaların yönlendirildiği hedefleri doğruluyoruz. Eski bir bağlantıdan gelen kişi boş bir hata ekranıyla karşılaşmıyor, aradığı konunun yeni karşılığına doğrudan ulaşıyor.

Paneli ekibin günlük işine göre kuruyoruz

Yönetim ekranını kullanacak kişilerin günlük işine bakarak düzenliyoruz. Sık güncellenen alanları öne alıyor, yılda bir dokunulan ayarları arka plana çekiyoruz. Her alanın başına ne beklendiğini anlatan kısa bir açıklama koyduğumuzda, ekip destek sormadan ilerleyebiliyor ve yanlış alana yazma ihtimali azalıyor.

Görsel yükleme adımını olabildiğince kısaltıyoruz. Doğru oranı ve önerilen ölçüyü alanın yanında yazıyor, yüklenen dosyayı arka planda gösterim boyutuna indiriyoruz. Böylece büyük bir fotoğrafın sayfayı yavaşlatması, panelde çalışan kişinin dikkatine bırakılmış bir konu olmaktan çıkıyor.

Teslim eğitimini kurumun kendi içeriği üzerinden yapıyoruz. Örnek bir duyuru yazdırıyor, bir hizmet metnini birlikte güncelliyor, yayından kaldırma adımını uygulamalı gösteriyoruz. Eğitimi Sakarya’daki ekiplerle çoğunlukla yerinde tamamlıyor, kısa bir kullanım notunu da yazılı bırakıyoruz; ekipte değişiklik olduğunda aynı bilgi sıfırdan anlatılmak zorunda kalmıyor.

Erişilebilirliği tasarım aşamasında denetliyoruz

Başlık seviyelerini doğru sırayla kuruyor, görsellere anlamlı açıklama yazıyor, form alanlarını kendi etiketleriyle eşliyoruz. Bu ayrıntıları tasarım aşamasında ele aldığımızda ek bir maliyet çıkmıyor; sonradan eklenmeleri istendiğinde ise yapının önemli bir bölümünün yeniden kurulması gerekiyor. Ekran okuyucu kullanan birinin sayfayı baştan sona takip edebildiğini ayrıca deniyoruz.

Klavyeyle gezinmeyi baştan sona uyguluyoruz. Sekme tuşuyla ilerleyen birinin hangi alanda olduğunu görebildiğinden, menülerin ve açılır pencerelerin fare olmadan da kapanabildiğinden emin oluyoruz. Odak çerçevesini kaldırmıyor, tam tersine görünürlüğünü artırıyoruz.

Tarayıcıda yazıyı büyüten kullanıcıyı da hesaba katıyoruz. Ölçek artırıldığında bölümlerin üst üste binmediğini, metnin kutusundan taşmadığını kontrol ediyoruz. Hareketli geçişleri, azaltılmış hareket tercihi açık olan cihazlarda sadeleştiriyor, okumayı zorlaştıran hiçbir efekti zorunlu tutmuyoruz.

Yayına çıkmadan önce her ekranı deniyoruz

Denemeleri gerçek cihazlarda yapıyoruz. Farklı ekran ölçülerinde menüyü açıyor, formu dolduruyor, uzun bir içeriği baştan sona kaydırıyoruz. Tarayıcı benzetimlerinin göstermediği kaydırma ve dokunma davranışları ancak elde tutulan bir telefonda ortaya çıkıyor; bu yüzden denetimi ekranın kendisinde tamamlıyoruz.

Yayın öncesinde teknik kontrolleri sırayla tamamlıyoruz. Güvenlik sertifikasını, yedekleme düzenini, form bildirimlerini ve sayfa hızını ayrı ayrı ölçüyoruz. Görünen iş bittiğinde asıl denetim başlıyor; bir web tasarım projesini yayına almadan önce bu aşamayı hiçbir koşulda atlamıyoruz.

Geçiş gününü de planlayarak seçiyoruz. Aktarımı yoğun saatlerin dışına alıyor, eski yapının yedeğini el altında tutuyoruz. İlk günlerde gelen ziyaret kayıtlarını izliyor, beklenmedik bir davranış gördüğümüzde düzeltmeyi aynı hafta içinde yapıyoruz.

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

Sayfa sayısını baştan sabitlemiyoruz. Anlatılacak işlerin birbirinden ne kadar ayrıştığına, ziyaretçinin sorduğu soruların çeşidine ve elde hazır metin bulunup bulunmadığına bakıyoruz. Her sayfanın tek bir görevi olmasını istiyoruz; görevi belirsiz kalan bir bölüm varsa onu ya başka bir bölümle birleştiriyor ya da tamamen çıkarıyoruz.

Hayır, ayrı bir kalem olarak yazmıyoruz. Telefon ve tablet uyumunu çalışmanın temel parçası sayıyor, teklifte hangi ekran ölçülerinin denendiğini açıkça belirtiyoruz. Yalnızca masaüstü için hazırlanmış, küçük ekranda kendi kendine daralan bir yapı teslim etmiyoruz.

Güncelliği doğrulanan metinleri ve yeterli çözünürlükteki fotoğrafları aktarıyoruz. Aktarımdan önce her kaydı bugünkü hizmetlerle karşılaştırıyor; süresi geçmiş duyuruları, değişen koşulları ve birbiriyle çelişen bilgileri ayırıyoruz. Eksik kalan bölümler için kimin ne zaman içerik üreteceğini takvime bağlıyoruz.

Evet, günlük güncellemeleri kendi ekibiniz yapabiliyor. Paneli görev dağılımına göre kuruyor, teslim eğitiminde metin düzenleme, görsel değiştirme ve duyuru ekleme adımlarını uygulamalı olarak gösteriyoruz. Yapıyı etkileyen ayarları ise yetkiyle sınırlıyoruz; böylece kurulan web tasarım düzeni gündelik bir işlem sırasında bozulmuyor.

Süreyi metin hazırlığı, istenen özel işlevler ve onayların dönüş hızı belirliyor. Başlangıçta aşamaları gerçek teslim tarihleriyle takvime bağlıyor, her aşamanın neyi kapsadığını yazılı hale getiriyoruz. Gecikme riski çoğunlukla içerik tarafında çıktığı için metin toplama işini ilk haftadan başlatıyoruz.

Hesapların doğrudan kurum adına açılmasını öneriyoruz. Kayıt ve sunucu erişimlerini şifreleriyle birlikte güvenli bir yoldan teslim ediyor, yenileme tarihlerini ve bunları kimin takip edeceğini teklif üzerinde belirtiyoruz. Böylece ileride çalıştığınız ekip değişse bile site üzerindeki denetim sizde kalıyor.