Web Tasarım

Ziyaretçinin karar yolunu sayfa düzenine çevirmek

Siteye giren biri aslında sırayla üç soru sorar: burası ne yapıyor, bana uygun mu, nasıl ilerlerim. Sayfa düzeni bu sıralamaya uymuyorsa ilgi, bilgi eksikliğinden değil sabırsızlıktan kopar. Liman ve dış ticaret bağlantısının yoğun olduğu İzmir’de bu sıra, yurt içinden ve yurt dışından bakan ziyaretçi için aynı olmayabilir. Bu yüzden web tasarım kararlarına renk tercihleriyle değil, karar adımlarının haritasıyla başlıyoruz.
Haritayı çıkarırken tahmin yürütmüyoruz. Satış ekibinin telefonda en çok tekrarladığı açıklamalar, teklif yazışmalarında düzeltilen yanlış anlaşılmalar ve arama kutusuna yazılan ifadeler elimizdeki en somut kaynaktır. Bunlar bir araya geldiğinde hangi bilginin üstte durması, hangisinin ayrıntı bölümüne inmesi gerektiği kendiliğinden belirginleşir.
Sıralama taslağa döküldükten sonra onu kâğıt üzerinde bırakmıyoruz. Birkaç gerçek senaryoyu baştan sona yürütüyor, hangi adımda duraklama olduğunu not ediyoruz. Düzeltme, yayın sonrasına bırakılan bir iyileştirme kalemi olarak değil, yapı henüz esnekken yapılır; sonradan dokunulması en pahalı kısım burasıdır. Taslak üzerinde yapılan bir değişiklik birkaç saat, yayına alınmış bir düzende aynı değişiklik günler alır.

Hizmet sınırlarını ilk bakışta anlaşılır kılmak

Kapsamı belirsiz bir hizmet anlatımı, gelen talebin niteliğini doğrudan düşürür. Ekip, yapılmayan işler için gelen çağrıları elemekle vakit harcar. Sanayi ve ihracat çevresinde çalışan işletmelerde bu belirsizlik teklif aşamasına kadar taşınır. Sayfada neyin dahil olduğu kadar neyin dışarıda kaldığı da yazılıysa, karşı tarafın beklentisi ilk dakikada yerine oturur.
Sınırları yazarken işletmenin kendi belgelerinden ilerliyoruz. Teklif şablonları, sözleşme ekleri ve fiyatlandırma notları bu bilgiyi çoğu zaman zaten içerir; eksik olan, aynı bilginin müşteriye dönük sade bir dile çevrilmiş hâlidir. Teknik ifadeleri sadeleştirirken anlamı daraltmamaya özellikle dikkat ediyoruz.
Metin hazır olduğunda onu işi bilmeyen birine okutuyoruz. Ne anladığını kendi cümleleriyle anlatamıyorsa sorun okuyucuda değil sıralamadadır. Bu sınama kısa sürer ama sonradan gelen “biz bunu kapsam içinde sanmıştık” yazışmalarının önemli bir bölümünü baştan keser.

Güven kanıtlarını doğru sıraya yerleştirmek

Güven, sayfanın altına yığılan logolarla değil, doğru anda gelen küçük kanıtlarla kurulur. Fiyat aralığı yeni okunmuşken bir teslim örneği, teknik bir iddia geçmişken bir belge bilgisi işe yarar. Aynı içerik yanlış yerde durduğunda ise yalnızca sayfa uzunluğunu artırır.
Hangi kanıtın nerede duracağına karar vermek için önce elde ne olduğunu sayıyoruz. Tamamlanmış iş görselleri, yetki belgeleri, üyelikler, müşteri yorumları ve doğrulanabilir teslim bilgileri bu havuzu oluşturur. Kaynağı gösterilemeyen hiçbir ifadeyi metne koymuyoruz; abartılmış bir iddia, kazandırdığından fazlasını götürür.
Yerleşim denendikten sonra kanıtların gerçekten okunup okunmadığını izlemek gerekir. Sayfa içinde hangi bölüme kadar inildiği ya da hangi görselin büyütüldüğü gibi yalın göstergeler bile sıralamayı düzeltmeye yeter. İşe yaramayan bir bölümü büyütmek yerine kaldırmayı tercih ediyoruz. Okunmayan bir kanıt, okunan kanıtın önünü kapattığı ölçüde zarar verir.

Mobil bilgi akışını yeniden kurgulamak

Telefondan gelen okuyucu, masaüstündeki okuyucunun küçültülmüş hâli değildir. Genellikle ayaktadır, acelecidir ve tek elle ilerler. Aynı içeriği dar ekrana sıkıştırmak bu farkı çözmez; hangi bilginin telefonda öne alınacağına ayrıca karar vermek gerekir.
Bu kararı verirken işletmenin kendi çağrı kayıtları yol gösterir. Telefondan bakan biri çoğunlukla konum, çalışma saati, fiyat fikri ve iletişim yolu arar; ayrıntılı anlatımı sonraya bırakır. Sıralamayı bu gerçek talebe göre kuruyor, ayrıntıyı açılıp kapanan bölümlerde erişilebilir tutuyoruz.
Dar ekranda dokunma alanları, yazı boyu ve görsellerin yüklenme sırası ayrı ayrı gözden geçirilir. Zayıf bağlantıda ilk açılan şeyin metin olması, bir web tasarım işinin sahada nasıl davrandığını gösteren en pratik ölçüdür.

Formları gerçek talebe göre sadeleştirmek

Uzun form ciddi talebi süzmez; yalnızca yorulanı eler. Doldurulmayan her alan aslında bir soru işaretidir: bu bilgi neden isteniyor, nerede kullanılacak. Cevabı olmayan bir alanı formda tutmanın maliyeti, o alandan elde edilecek veriden yüksektir.
Sadeleştirmeye, gelen taleplerin nasıl karşılandığına bakarak başlıyoruz. Teklif hazırlamak için gerçekten gereken bilgi genelde sanılandan azdır; gerisi ilk görüşmede zaten konuşulur. Zorunlu alanları bu ayrımla ayıklıyor, kalanları isteğe bağlı bırakıyoruz.
Gönderim sonrasında ne olduğu da formun parçasıdır. Hata uyarısının anlaşılır olması, dosya boyutu sınırının önceden yazılması ve teşekkür ekranında sonraki adımın belirtilmesi, tamamlanma oranını alan sayısından daha çok etkiler. Gönderilen talebin işletme içinde kime düştüğü de aynı aşamada kararlaştırılır.

Görsel dili ürün anlatımıyla eşleştirmek

Görsel seçimi süsleme değil, anlatımın devamıdır. Üretim yapan bir firmanın sayfasında hazır stok fotoğraf, anlatılan ciddiyeti geri alır. Kendi atölyesinden, ekibinden ve gerçek sevkiyatından çekilmiş sıradan bir kare, profesyonel görünen genel bir görselden daha ikna edicidir.
Bu yüzden görsel ihtiyacını işin kendisinden çıkarıyoruz. Hangi aşamanın fotoğraflanabileceğini, hangi ayrıntının yakın çekimle anlaşıldığını ve hangi ürünün ölçek gösterilmeden anlatılamayacağını önceden belirliyoruz. Eksikler bir çekim planına bağlandığında, yayın gününde eldeki hazır görselle idare etme alışkanlığı ortadan kalkar.
Renk ve yazı karakteri kararları da aynı mantıkla verilir. Ekranda okunabilirliği düşüren düşük kontrast, baskıda iyi duran bir palet uğruna kabul edilmez. Seçimler metnin gerçek uzunluğuyla birlikte denenir; kısa örnek metinle iyi görünen bir düzen, dolu sayfada dağılabilir. Uzun ürün adları ve çok satırlı başlıklar bu denemede mutlaka yer alır.

Eski adresleri kaybetmeden yeni yapıya geçmek

Yenileme çalışmalarında en sık yapılan pahalı hata, eski sayfa adreslerinin sessizce ortadan kalkmasıdır. Yıllar içinde biriken dış bağlantılar, kayıtlı yer imleri ve sonuç sayfalarındaki girişler bir gecede boşluğa düşer. Görünürde her şey yenidir ama gelen ziyaretçi kaybolur.
Geçiş planı mevcut adreslerin eksiksiz dökümüyle başlar. Hangi sayfanın yeni yapıda karşılığı olduğu, hangisinin birleşeceği ve hangisinin gerçekten kapanacağı eşleştirme tablosuna yazılmadan taşıma başlatılmaz. Karşılığı bulunmayan adres için de anlamlı bir varış noktası belirlenir.
Taşıma sonrası kontrol, tek bir ana sayfa denemesinden ibaret değildir. Yönlendirmelerin zincirleme uzamadığı, eski adreslerin doğru hedefe ulaştığı ve hata sayfasının kullanıcıyı çıkmaza sokmadığı tek tek doğrulanır. Bir web tasarım yenilemesinin başarısı çoğu zaman bu sessiz kontrollerde belli olur.

Yönetim panelini günlük kullanıma hazırlamak

Panel, geliştiricinin değil içeriği güncelleyecek kişinin aletidir. Alan adları o kişinin diliyle yazılmamışsa, basit bir duyuru değişikliği bile dışarıdan destek istemeye dönüşür. Böyle bir sitede içerik, teknik bir işmiş gibi göründüğü için zamanla hiç güncellenmez.
Paneli kurgularken işletmede kimin neyi ne sıklıkla değiştireceğini konuşuyoruz. Haftalık değişen bir bilgi ile yılda bir dokunulan bir bölüm aynı yerde durmamalı. Sık kullanılan alanlar öne alınır, nadir olanlar görünürlüğü azaltılmış bir bölümde tutulur.
Teslimde panelin nasıl çalıştığını anlatmak yetmiyor; işletmenin gerçekten yapacağı iki üç görevi birlikte yapıyoruz. Yeni bir kayıt eklemek, bir görseli değiştirmek ve bir bölümü yayından kaldırmak uygulamalı denendiğinde, kullanım kılavuzundan çok daha kalıcı bir alışkanlık oluşuyor. Görevleri yapan kişi değiştiğinde aynı oturumu tekrarlamak da kısa sürüyor.

Erişilebilirliği tasarımın parçası saymak

Erişilebilirlik sonradan eklenen bir uyum katmanı değildir. Yeterli kontrast, klavyeyle gezinebilme, görsellere yazılmış açıklamalar ve okunabilir yazı boyu baştan kararlaştırıldığında ek maliyet çıkarmaz. Sonradan düzeltilmeye çalışıldığında ise düzenin kendisini bozar.
Bu kararların çoğu belirli bir kullanıcı grubunu değil herkesi ilgilendirir. Güneş altında telefona bakan biri de gözlüğünü unutmuş biri de aynı kontrasttan yararlanır. Bu yüzden erişilebilirliği ayrı bir başlık olarak değil, olağan bir kalite ölçütü olarak ele alıyoruz.
Denetimi otomatik araçlarla sınırlı tutmuyoruz. Araçlar eksik etiketi bulur ama anlamsız yazılmış bir açıklama metnini fark etmez. Sayfayı klavyeyle baştan sona gezmek, sekme sırasının mantıklı olup olmadığını gösteren en hızlı yöntemdir. Odak çerçevesinin nerede kaybolduğu da aynı denemede görülür.

Yayın öncesi bütünlüğü gerçek cihazlarda sınamak

Tarayıcı penceresini daraltarak yapılan deneme, gerçek cihaz denemesinin yerini tutmaz. Dokunma hassasiyeti, yazı tipinin yüklenme süresi, klavye açıldığında formun kayması ve zayıf bağlantıda görsellerin sırası ancak cihazın kendisinde ortaya çıkar.
Sınama planını sayfa sayfa değil görev görev kuruyoruz. Bir ziyaretçi fiyat bilgisine ulaşabiliyor mu, iletişim formunu gönderebiliyor mu, telefondan yol tarifi alabiliyor mu. Her görev farklı cihazlarda ayrı ayrı yürütülür ve takılan noktalar kayda geçer.
Bulunan sorunları önem sırasına koyuyoruz. Ziyaretçiyi durduran bir aksaklık yayını erteletir; görünümle ilgili küçük bir kusur ise yayın sonrasındaki bakım turuna bırakılabilir. Bu ayrımı yapmayan projeler ya çok geç açılır ya da eksik açılır. Sıralamayı işletmeyle birlikte yaparak kararın sahibini de belirlemiş oluyoruz.

İçerik bakımını yayın sonrasına göre planlamak

Yayın günü bir bitiş değil, ilk ölçüm noktasıdır. Fiyatlar değişir, ekip büyür, hizmet kapsamı genişler. Bu değişiklikleri kimin, hangi sıklıkla ve hangi yetkiyle siteye taşıyacağı baştan cevaplanmazsa, birkaç ay içinde sayfa gerçeği anlatmayı bırakır.
Bakım planını işletmenin kendi takvimine bağlıyoruz. Sezonluk çalışan bir yapıda vitrin içeriği yılda birkaç kez, dış pazara iş yapan bir yapıda belge ve sertifika bilgisi yenilendikçe değişir. Fuar ve sezon yoğunluğunun belirgin olduğu İzmir’de bu takvim, işin kendi ritmine göre kurulur.
Teknik bakım da aynı takvime yazılır. Yedeklerin alındığının doğrulanması, güncellemelerin önce denenmiş bir kopyada sınanması ve bozulan bağlantıların taranması düzenli işlerdir. Bir sitenin teslim edilmiş sayılması için bu bakım düzeninin kurulmuş olması gerekir.

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

Süre, sayfa sayısından çok içerik hazırlığına ve onay temposuna bağlıdır. Metinler ile görseller hazırsa çalışma belirgin biçimde kısalır. Kapsam netleştiğinde aşamalı bir takvim çıkarılır ve geri bildirim için gereken günler de bu takvime yazılır.
Hayır, ayrı bir aşama olarak ele alınmaz. Bilgi sırası, düğme yerleşimi ve form davranışı ilk taslaktan itibaren dar ekran düşünülerek kararlaştırılır. Telefon görünümü sonradan uyarlanan bir kopya değil, düzenin çıkış noktasıdır.
Evet. Yönetim paneli, içeriği gerçekten güncelleyecek kişinin günlük görevlerine göre düzenlenir. Teslim sırasında bu görevler birlikte uygulanır, böylece ilk değişiklik için destek beklemek gerekmez.
Hesap sahipliği teklif aşamasında yazılı olarak belirlenir. Kural olarak alan adının ve barındırma hizmetinin işletmenin kendi adına kayıtlı olmasını öneriyoruz. Erişim bilgileri teslimde eksiksiz aktarılır.
Eski ve yeni sayfa listesi yayından önce karşılaştırılır. Karşılığı olan adresler yönlendirilir, birleşen sayfalar için tek bir varış noktası belirlenir. Bu eşleştirme tamamlanmadan geçiş yapılmaz.
Fiyatı belirleyen asıl etken sayfa sayısı değil toplam emektir. Metin üretimi, görsel hazırlığı, eski verinin taşınması, özel işlevler, test süresi ve teslim sonrası eğitim ayrı ayrı hesaplanır. Kapsamı kalem kalem gösteren bir teklif hazırlamayı, İzmir’de birlikte çalıştığımız işletmeler için olağan uygulama hâline getirdik.