Web Tasarım

Ziyaretçinin sorduğu sırayı sayfa sırasına dönüştürmek

Teknik bir ürünü farklı pazarlara satan üretici, aynı açıklamayı her hafta yeniden yapmak zorunda kalıyorsa sorun anlatımda değil sıradadır. Ziyaretçi önce ne yapıldığını, sonra kendi ihtiyacına uyup uymadığını, en sonunda nasıl ilerleyeceğini öğrenmek ister. Web tasarım çalışması bu üç aşamayı sayfanın üstünden altına doğru yerleştirmekle başlar; görsel tercihler iskelet kurulduktan sonra konuşulur.
Sırayı belirlerken işletmenin kendi kayıtlarına bakıyoruz. Teklif yazışmalarında hangi başlığın defalarca açıklandığı, hangi sorunun her görüşmede yeniden sorulduğu ve hangi belgenin sürekli elden gönderildiği eksik bilgiyi doğrudan gösterir. O eksiği mevcut sayfada kapatmak, çoğu zaman yeni bir bölüm açmaktan daha çok işe yarar. Bu inceleme aynı zamanda hangi bilginin sayfada hiç bulunmadığını gösteriyor.
Taslak onaylanmadan önce onu birkaç kişiye hiçbir açıklama yapmadan açtırıyoruz. Aradıkları bilgiye kaç adımda ulaştıkları, nerede geri döndükleri ve hangi başlığı yanlış yorumladıkları böylece görünür oluyor. Yapı esnekken düzeltmek kısa sürer; menü, bağlantı ve yönlendirme metni yayından sonra oynatıldığında her biri ayrı bir iş kalemine dönüşür. Not tutulan her aksaklık, taslağın bir sonraki turunda tek tek kapatılıyor.

Hizmet sınırını daha ilk ekranda anlaşılır yapmak

Birden fazla kanaldan iş alan markaların en sık yaşadığı kayıp, kapsam dışı taleplerle geçen zamandır. Ne yapıldığı kadar ne yapılmadığı da yazılmazsa telefonun ucundaki kişi bunu ancak görüşmenin ortasında öğrenir. Sınırı açıkça yazmak talebi azaltmaz; gelen talebin niteliğini yükseltir ve ekibi aynı açıklamayı tekrarlamaktan kurtarır. Kapsam dışı işi reddetmek de zaman alır; bunu sayfa üstlendiğinde ekip yalnız uygun talebe vakit ayırır.
Sınırı yazarken pazarlama diline değil, işin kendi ölçülerine başvuruyoruz. Asgari üretim adedi, çalışılan sektörler, teslim bölgesi, montaj ve servisin kapsama dahil olup olmadığı netleştiğinde metin kendiliğinden kısalıyor. Belirsiz ifadeler yerine ölçülebilir cümleler kurmak, sayfanın hem okunmasını hem de sonradan güncellenmesini kolaylaştırıyor. Sonradan değişebilecek bilgiler ayrı bir bölümde toplanıyor ki güncelleme tek yerden yapılabilsin.
Yazılan sınırın gerçekten anlaşılıp anlaşılmadığını, sayfayı ilk kez gören birine tek soruyla ölçüyoruz: bu firma sizin işinizi yapar mı? Cevap tereddütlüyse eksik kalan cümle bulunup yerine konuyor. Bu küçük denetim, satış ekibine ulaşan uygunsuz talep sayısını düşürmeye yarıyor. Aynı soruyu birkaç farklı kişiye sormak, tek kişinin yorumuna bağlı kalmayı önlüyor.

Güven kanıtlarını ana sayfada doğru sıraya dizmek

Kapasite ve belge bilgisini paylaşan, Kocaeli’de üretim yapan bir kuruluş için ana sayfa tanıtım afişi değil kısa bir dosyadır. Ziyaretçi burada üretim hacmini, uyulan standartları, referans niteliğindeki işleri ve iletişimin kimde olduğunu arar. Bu kanıtlar dağınık durduğunda tek tek okunmaz; sıraya girdiğinde ise kısa sürede bir izlenim oluşturur.
Kanıt seçerken elimizde gerçekten belgesi olanı öne alıyoruz. Doğrulanamayan bir ifade sayfada durduğu sürece yanındaki doğru bilgileri de şüpheli hale getirir. Hangi bilginin kim tarafından güncelleneceğini aynı aşamada yazıyoruz; sahibi belli olmayan bilgi birkaç ay içinde eskiyip aleyhe çalışmaya başlıyor. Belgesi bulunan bilgiler için tarih de yazılıyor; tarihsiz bir kanıt zamanla değerini yitiriyor.
Sıralamayı yayından önce sektör dışından birine okutuyoruz. Teknik bir okur için sıradan olan belge adı, ilk kez karşılaşan biri için anlamsız kalabiliyor. Bu nedenle her kanıtın yanına bir cümlelik karşılık yazıyor, kısaltmaları açıyor ve okurun ek arama yapmadan ilerleyebilmesini sağlıyoruz. Kısa karşılıklar, konuyu bilen okuru yormadan yeni okura yol gösteriyor.

Telefonda okunan bilgi akışını baştan kurgulamak

Proje bazlı çalışan mühendislik ekiplerine gelen ziyaretin önemli kısmı sahadan, telefon üzerinden gelir. Masaüstünde yan yana duran üç sütun küçük ekranda alt alta dizildiğinde sıra bozulur ve en kritik bilgi en alta düşer. Mobil düzen, geniş ekranın küçültülmüş hali değil, aynı içeriğin yeniden sıralanmış halidir. Üretim alanında eldivenle ya da tek elle kullanım da bu sıralamayı etkileyen bir koşul.
Küçük ekran için neyin kalacağına karar verirken içeriği silmiyor, katlıyoruz. Uzun teknik tablolar açılır bloklara alınıyor, tekrar eden görseller tek örneğe indiriliyor, iletişim adımı parmağın rahat ulaştığı bölgeye taşınıyor. Amaç sayfayı kısaltmak değil; okurun aradığını bulana kadar kaydırmaktan vazgeçmemesini sağlamak. Her bölümün küçük ekrandaki yüksekliği ölçülüyor; okurun kaç kez kaydırması gerektiği önceden biliniyor.
Denemeleri masaüstü tarayıcısının dar penceresinde değil, gerçek telefonlarda yapıyoruz. Parmak payı, dokunma alanı, klavye açıldığında kayan bloklar ve zayıf bağlantıda geciken görseller ancak cihaz üzerinde ortaya çıkıyor. Eski model bir telefon da listeye giriyor; sahadaki kullanım her zaman en yeni donanımla olmuyor. Farklı ekran genişliklerinde metnin satır uzunluğu da ayrıca kontrol ediliyor.

Formu gerçek talebe göre kısaltmak

Nakliye ve depolama süreçlerini anlatan bir işletmede form, satışın ilk adımıdır. Alan sayısı arttıkça doldurma oranı düşer; ancak eksik bilgiyle gelen talep de ekibe ikinci bir tur telefon yazdırır. Doğru uzunluk, teklif verebilmek için gerçekten gereken alanlarla sınırlıdır. Talebin hangi kanaldan geldiği kaydediliyor; böylece formun payı zamanla görünür oluyor.
Hangi alanın kalacağını belirlemek için son dönemde gelen talepleri açıp inceliyoruz. Teklif hazırlanırken hangi bilginin sonradan sorulduğu, hangisinin hiç kullanılmadığı kısa sürede ortaya çıkıyor. Kullanılmayan alanları kaldırmak yeni alan eklemekten daha çok fark yaratıyor; kalanların neden istendiği de tek satırlık bir açıklamayla yazılıyor. İsteğe bağlı alanlar zorunlu olanlardan açıkça ayrılıyor, böylece doldurma yükü hafifliyor.
Formu yalnız başarılı durum için değil, hata durumu için de kuruyoruz. Yanlış doldurulan alanın nerede olduğu, gönderimin gerçekten ulaşıp ulaşmadığı ve ne zaman dönüş yapılacağı ekranda açıkça yazıyor. Gönderim sonrasındaki sessizlik, formu doldurmuş bir kişiyi kaybetmenin en sık nedenlerinden biri. Gelen her talebin ekipte kime düşeceği de aynı aşamada tanımlanıyor.

Görsel dili anlatılan işin kendisine yaklaştırmak

Yerel talebi dijital kanala taşıyan hizmet markalarında görsel seçimi çoğu zaman en son düşünülen konu olur. Oysa hazır stok fotoğraflarla kurulan bir sayfa, metin ne kadar doğru olursa olsun okurun gördüğü ilk şeydir. Kendi atölyesinin, ekibinin ve işinin fotoğrafı, cilalı ama yabancı bir kareden daha ikna edici olur.
Çekim listesini sayfa taslağına bakarak çıkarıyoruz. Hangi bölümde hangi kareye ihtiyaç olduğu, görselin yatay mı dikey mi duracağı ve üzerine yazı gelip gelmeyeceği önceden belli oluyor. Böylece çekim tek günde tamamlanıyor, sonradan boşluk doldurmak için yabancı görsel aranmıyor. Çekim sırasında birkaç yedek kare alınıyor; ileride bölüm eklendiğinde arşivden çıkarılabiliyor.
Görseller yerleştikten sonra dosya boyutlarını ve kırpma davranışını kontrol ediyoruz. Aynı kare farklı ekranlarda farklı yerinden kesilebiliyor; ürünün kritik detayı kadrajın dışında kalırsa fotoğraf anlatmak istediğini anlatamıyor. Web tasarım aşamasının bu bölümü sessiz görünse de sayfanın açılma süresini doğrudan etkiliyor. Dosya adları da anlamlı yazılıyor; bu küçük düzen arşivi yıllarca kullanılır kılıyor.

Eski adresleri kaybetmeden yeni yapıya taşınmak

Yıllardır yayında olan bir sitenin en değerli varlığı bazen görünümü değil, dışarıdan aldığı bağlantılardır. Ürün sayfasına verilmiş bir tedarikçi bağlantısı ya da eski bir sektör haberindeki adres, yenileme sırasında sessizce kırılabilir. Taşınma planının ilk maddesi bu nedenle görsel değil, adres listesidir. Bağlantı veren tarafa haber vermek her zaman mümkün olmadığından sorumluluk taşınma planında kalıyor.
Eski ve yeni adresleri iki sütun halinde karşılaştırıyoruz. Karşılığı olmayan sayfa için ya içerik yeniden yazılıyor ya da okuru en yakın konuya götüren bir yönlendirme tanımlanıyor. Hiçbir satır boş bırakılmıyor; boş kalan her karşılık yayın gününde hata ekranına dönüşüyor. Yönlendirme sayısı sınırlı tutuluyor; zincire dönüşen yönlendirmeler açılma süresini uzatıyor.
Geçiş gecesi için işlem sırası önceden yazılıyor: yedek alınıyor, yönlendirmeler açılıyor, alan adı ayarları doğrulanıyor ve ilk günlerde hata kayıtları izleniyor. Sorun çıkarsa hangi noktaya geri dönüleceği de aynı belgede duruyor. Bu ayrıntı, geçişi telaşla yürütülen bir gece olmaktan çıkarıyor. Geçiş için genelde talebin en düşük olduğu saat aralığı seçiliyor.

Yönetim panelini günlük işe göre hazırlamak

Birden fazla kanalı yöneten bir markada siteyi güncelleyecek kişi çoğunlukla teknik ekipten değildir. Panel, altyapının sunduğu bütün seçenekleri açtığında bu kişi hangi alana dokunacağını kestiremez ve güncelleme işi yeniden dışarıya döner. Panelin sadeleştirilmesi bir konfor değil, sürekliliğin şartıdır. Karmaşık bir panel, zamanla siteyi hiç güncellenmeyen bir arşive çeviriyor.
Hazırlığa, o kişinin ayda gerçekten yapacağı işleri listeleyerek başlıyoruz. Duyuru eklemek, hizmet açıklamasını güncellemek ya da ekip sayfasına yeni bir isim yazmak gibi görevler belirlendiğinde panelde yalnız bunların karşılığı bırakılıyor. Alan adları günlük dille yazılıyor, kullanılmayan bölümler yetki dışına alınıyor. Yanlışlıkla silmeyi önlemek için kritik bölümlerde ek bir onay adımı bırakılıyor.
Teslimde panel anlatılmıyor, birlikte kullanılıyor. İçerik sorumlusu kendi bilgisayarından gerçek bir güncellemeyi baştan sona yapıyor ve takıldığı yer o anda düzeltiliyor. Kısa bir kullanım notu da sayfa adlarıyla birlikte bırakılıyor; ekipte görev değiştiğinde yeni kişi aynı notla devam edebiliyor. Sık yapılan işler için ekran görüntülü kısa bir özet de dosyada duruyor.

Erişilebilirliği sonradan eklenen bir düzeltme saymamak

Belge ve kapasite bilgisi paylaşan kuruluşlarda sayfayı okuyan kitle sanılandan geniştir. Parlak ışık altında telefonuna bakan bir saha sorumlusu ile ekran okuyucu kullanan bir kişi aynı sayfayı çok farklı koşullarda okur. Renk kontrastı, yazı boyutu ve bağlantı adlandırması bu nedenle estetik değil okunabilirlik konusudur. Yaş ortalaması yüksek bir okur kitlesinde yazı boyutu tercih değil gerekliliktir.
Kararları renk paleti seçilirken alıyoruz. Metin ile zemin arasındaki fark ölçülüyor, yalnız renge dayanan uyarılar yazıyla da destekleniyor, görsellere anlamlı açıklama giriliyor ve başlık düzeyleri gerçek hiyerarşiye göre kuruluyor. Sonradan eklenen hazır eklenti çözümleri bu kararların yerini tutmuyor. Renk seçimi baskıda da karşılığı olacak biçimde yapılıyor, böylece tutarlılık korunuyor.
Denetimi klavyeyle yapıyoruz: fareye dokunmadan menüden forma, formdan gönderim düğmesine ulaşılabiliyor mu diye bakıyoruz. Odak çerçevesinin görünür kaldığı, sekme sırasının şaşmadığı ve açılır bloklarda odağın kaybolmadığı doğrulanıyor. Bu kontrol kısa sürüyor ama yayından sonra yapılması çok daha zahmetli oluyor. Aynı denetim, ekran okuyucu açıkken bir kez daha tekrarlanıyor.

Bütünlüğü gerçek cihazlar üzerinde sınamak

Proje bazlı çalışan ekiplerde yayın günü genelde başka işlerin arasına sıkışır. Son kontrol listesi yoksa küçük bir eksik, örneğin yanlış yazılmış bir telefon numarası veya açılmayan bir dosya bağlantısı, haftalarca fark edilmeden kalabilir. Web tasarım işinin bu son adımı bu yüzden tek kişinin göz gezdirmesine bırakılmıyor. Bu nedenle kontrol listesi projenin başında yazılıyor, yayın gününe bırakılmıyor.
Kontrolü görev üzerinden yürütüyoruz. Bir kişi teklif istemeye, bir başkası ürün belgesini indirmeye, üçüncüsü adresi bulup yol tarifi almaya çalışıyor. Her görev için harcanan adım sayısı ve karşılaşılan aksaklık yazılıyor; böylece liste teoriden değil gerçek kullanımdan çıkıyor. Aksaklıklar önem sırasına göre işaretleniyor; yayını engelleyen maddeler ayrı tutuluyor.
Farklı tarayıcılar, farklı işletim sistemleri ve zayıf bağlantı koşulları da denemeye dahil ediliyor. Yazı tipleri yüklenmediğinde düzenin nasıl göründüğü, görseller gelmeden önce sayfanın okunur kalıp kalmadığı kontrol ediliyor. Yayın kararı ancak bu notların tamamı kapandığında veriliyor. Sayfanın yazıcıdan çıktığında okunur kalması da bu listeye giriyor.

Yayın sonrasının bakım düzenini baştan kurmak

Nakliye ve depolama alanında çalışan işletmelerde bilgi hızlı eskir; hizmet bölgesi, araç parkı ve ekip değişir. Yayın günü doğru olan bir sayfa birkaç ay sonra yanlış bilgi verir hale gelebilir. Bu nedenle bakım, sorun çıktığında hatırlanan bir iş değil takvime yazılan bir görev olmalıdır. Eskimiş bilgi, yeni müşteriden çok mevcut müşteriyi rahatsız ediyor.
Bakım planını üç başlıkta ayırıyoruz: içeriğin güncelliği, teknik güncellemeler ve yedekleme. Her birinin sorumlusu, tekrar sıklığı ve nasıl doğrulanacağı yazılı hale getiriliyor. Sorumlusu yazılmamış bir madde listede dursa bile uygulamada boşa düşüyor. Yedeklerin gerçekten geri yüklenebildiği ayrıca deneniyor; denenmemiş bir yedek alınmamış sayılıyor.
Belirli aralıklarla sayfaları birlikte gözden geçiriyoruz. Hangi bölümün hiç okunmadığı, hangi sorunun hâlâ telefonla sorulduğu ve hangi bilginin eskidiği konuşuluyor. Bu görüşme, Kocaeli çevresinde sık görüldüğü gibi ürün gamı ya da kapasite değiştiğinde sitenin geride kalmasını önlüyor. Toplantı notu kısa tutuluyor ve bir sonraki döneme aktarılacak maddeyle kapanıyor.

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

Takvimi belirleyen asıl etken sayfa adedi değil, metin ve görsellerin ne zaman hazır olduğudur. Onay turlarının kaç kişiden geçeceği de süreyi doğrudan etkiler. Kapsam yazıya döküldükten sonra aşamalı bir plan çıkarılır; bu planda geri bildirim için ayrılan günler ayrıca gösterilir. Onayların tek kişide toplanması, pratikte takvimi en çok kısaltan düzenlemedir.
Hayır, ayrı bir aşama olarak ele alınmaz. Bilgi sırası, düğme yerleşimi, görsel oranları ve form akışı ilk taslaktan itibaren küçük ekran koşuluyla birlikte kararlaştırılır. Geniş ekran düzeni sonradan bu karara uyarlanır, tersi değil. Küçük ekranda rahat çalışan bir düzen, geniş ekranda neredeyse her zaman çalışır.
Evet. Yönetim paneli, güncellemeyi yapacak kişinin gerçekten üstleneceği işlere göre sadeleştirilir. Teslimde panel yalnız anlatılmaz; içerik sorumlusu kendi bilgisayarından gerçek bir güncellemeyi baştan sona uygular ve kısa bir kullanım notu bırakılır. Yetkiler kişiye göre ayrılabildiği için herkes yalnız kendi sorumlu olduğu alanı görür.
Hesapların işletmenin kendi adına açılması esas alınır. Kimin hangi erişime sahip olacağı teklif aşamasında yazılır; teslimde kullanıcı adları, şifre değiştirme yöntemi ve yenileme tarihleri birlikte aktarılır. Böylece ileride ekip ya da tedarikçi değişse bile erişim işletmede kalır. Yenileme tarihleri takvime işlendiğinde alan adının süresi gözden kaçmaz.
Eski ve yeni sayfa listeleri yayından önce karşılaştırılır ve karşılığı olan her adres için yönlendirme tanımlanır. Karşılığı bulunmayan sayfalarda okur, konuya en yakın içeriğe götürülür. İlk günlerde hata kayıtları izlenir, gözden kaçan adresler varsa tamamlanır. Dışarıdan bağlantı almış sayfalar ayrıca listelenir ve öncelikli olarak korunur.
Fiyatı oluşturan şey sayfa adedi değil, işin toplam emeğidir. Metin yazımı, fotoğraf düzenleme, mevcut veri aktarımı, özel işlevler, test turları ve teslim sonrası eğitim ayrı ayrı hesaplanır. Kapsam birlikte netleştirildiğinde her kalemin karşılığı tek tek görülebilir. Teklif kalemler üzerinden konuşulabildiği için kapsam daraltıldığında karşılığı da hemen görülür.