Web Tasarım

Açılış ekranında işletmenin ayırt edici yönünü netleştirmek

Rekabetin yoğun olduğu İstanbul’da bir işletmenin açılış ekranı, ziyaretçinin daha okumaya başlamadan doğru yere geldiğini sezdirmelidir. İlk saniyelerde hangi işi, kimin için ve nasıl yaptığınızın anlaşılması; ziyaretçinin sayfada kalıp kalmayacağını belirler. Bu yüzden görselden önce, açılışta hangi tek cümlenin okunacağına birlikte karar veriyoruz.

Başlangıçta ekranın üst bölümünü yalın tutuyor, ikincil bilgileri aşağıya bırakıyoruz. Amaç, ziyaretçiyi seçeneklerle boğmadan onu bir sonraki adıma taşımaktır. Başlık, kısa tanıtım ve tek bir eylem çağrısı; birbirini tekrar etmeden, aynı düşünceyi tamamlayacak biçimde kurgulanır. Böylece ziyaretçi, ne yapması gerektiğini uzun uzun düşünmeden sezer ve akışın dışına çıkmadan ilerler.

Bu ilk izlenimi rastlantıya bırakmamak için birkaç farklı açılış kurgusunu gerçek metinle deneriz. Hangi anlatımın daha hızlı anlaşıldığını gördükten sonra web tasarım süreci boyunca aynı netliği alt sayfalara da taşırız; böylece giriş ile devamı arasındaki ton kopmaz.

Yoğun mobil ziyareti yalın bir bilgi sırasıyla karşılamak

Ziyaretçilerin çoğu sayfayı telefonda, çoğu zaman hareket hâlinde açar. Küçük ekranda dikkat kısa; bu yüzden bilgiyi önem sırasına göre diziyor, en çok sorulan soruyu en üste alıyoruz. Masaüstünde yan yana duran öğeler, mobilde tek sütuna inerken anlamını ve sırasını korumalıdır.

Menüyü sadeleştirir, dokunma alanlarını parmak için yeterince büyük bırakırız. Sayfa yüklenirken önce metnin okunur olması, görsellerin arkadan gelmesi; yavaş bağlantıda bile ziyaretçinin beklemeden ilerlemesini sağlar. Her ek bölüm, gerçekten gerekliyse yerini alır.

Yayına çıkmadan önce sayfayı farklı ağ hızlarında ve farklı telefon boyutlarında açıp okuma sırasını izleriz. Kaydırma derinliği, düğmelerin erişilebilirliği ve formların küçük ekranda doldurulabilirliği; masaüstündeki kadar dikkatle sınanır. Böylece yoğun ziyaret geldiğinde de sayfa dağılmaz.

Çok dilli içeriği tek panelden tutarlı yürütmek

Birden çok dilde içerik sunan bir işletmede en sık görülen sorun, dillerin zamanla birbirinden kopmasıdır. Bir dilde güncellenen fiyat ya da kampanya, diğerinde eski kalır. Bunu önlemek için içerik tek bir yönetim mantığına bağlanır; her metin, karşılığı olan dille eşleşecek şekilde tutulur.

Diller arasında geçişin nerede duracağını ve varsayılan dilin nasıl seçileceğini baştan tanımlarız. Çeviri boşluğu kaldığında sayfa kırık görünmesin diye, eksik alanlar için sade bir yedek davranış kurgulanır. Tarih, para birimi ve iletişim bilgisi de ilgili dile göre doğru biçimlenir. Diller çoğaldıkça yönetimin karmaşıklaşmaması için, tüm dilleri ortak bir şablon üzerinden ilerletiriz.

Yayından önce her dili ayrı ayrı gezip bağlantıların doğru karşılığa gittiğini doğrularız. Aynı sayfanın iki dildeki uzunluk farkı düzeni bozuyorsa, yerleşim buna göre esnetilir. Amaç, hangi dili seçerse seçsin ziyaretçinin aynı düzeyde bakımlı bir sayfa görmesidir.

Güven veren kurumsal kanıtları karar anına taşımak

Kurumsal alıcılar karar vermeden önce kanıt arar: kimlerle çalışıldığı, işin nasıl yürütüldüğü, sorumluluğun nerede başlayıp bittiği. Bu kanıtları sayfanın en sonuna saklamak yerine, ziyaretçinin karar verdiği ana yakın konumlandırıyoruz. Referans, belge ve süreç anlatımı; iddiadan çok somut bilgiyle güven kurar.

Hangi bilginin güven verdiği sektöre göre değişir; bir alıcı teslim süresine, bir diğeri satış sonrası desteğe bakar. Bu yüzden içeriği genel övgülerle değil, alıcının gerçekten sorduğu sorularla kurarız. Abartılı sıfatlar yerine ölçülü, doğrulanabilir bir anlatım tercih edilir.

Metinleri yayına almadan önce, işletmenin gerçekten arkasında durabileceği ifadelerle sınırlı tutarız. Söz verilen her şeyin karşılığının olması, uzun vadede güvenin korunması için önemlidir. Böylece sayfa, ilk temastan sözleşmeye kadar aynı tutarlı sesi konuşur.

İletişim yolunu gereksiz adımlardan arındırmak

Bir ziyaretçi iletişime geçmeye karar verdiğinde, önündeki her fazladan adım vazgeçme ihtimalini artırır. Telefon, mesaj ve form seçeneklerini görünür kılıyor; ulaşmak için sayfayı baştan sona taramayı gereksiz hâle getiriyoruz. Amaç, niyet oluştuğu anda eylemin bir tık uzakta olmasıdır.

Formda yalnızca gerçekten gerekli alanları isteriz; her ek soru, tamamlama oranını düşürür. Hangi bilginin ilk temasta zorunlu, hangisinin sonra sorulabilir olduğunu ayırırız. Gönderim sonrası ziyaretçinin ne zaman dönüş alacağını bilmesi de belirsizliği azaltır. Kısa ve dürüst bir form, çoğu zaman uzun bir formdan daha çok geri dönüş getirir.

Yayın öncesinde tüm iletişim yollarını tek tek deneriz: numaralar doğru mu aranıyor, form gerçekten ulaşıyor mu, otomatik yanıt çalışıyor mu. Küçük bir kırık bağlantının bile kaçan bir müşteri demek olduğunu bildiğimiz için bu kontrolleri elle tekrar ederiz.

Görsel dili gerçek hizmet deneyimiyle örtüştürmek

Hazır stok görseller çoğu zaman gerçekte sunulan işle örtüşmez ve ziyaretçide sessiz bir güvensizlik bırakır. Bunun yerine işletmenin kendi ortamını, ekibini ve çıktısını yansıtan bir görsel dil kurmayı öneriyoruz. Fotoğraf, metnin söylediğini doğrulamalı; onunla çelişmemelidir.

Görselleri seçerken ışık, çerçeve ve ton bakımından ortak bir çizgi tutturur, sayfayı bir albüm dağınıklığından kurtarırız. Aynı hizmeti anlatan iki görselin birbirini tamamlaması, ziyaretçinin gözünde bütünlük duygusu yaratır. Gerektiğinde sade çizimler, fotoğrafın boşluğunu kapatır.

Yayından önce görsellerin farklı ekranlarda nasıl kırpıldığını, yükleme süresini ne kadar etkilediğini ölçeriz. Ağır bir dosyanın sayfayı yavaşlatması, güzel görünmesinden daha çok zarar verir. Bu yüzden her görsel, boyutu ve amacı birlikte değerlendirildikten sonra yerini alır.

Eski adresleri koruyarak yeni yapıya taşınmak

Yenilenen bir sitede en çok gözden kaçan konu, eski adreslerin akıbetidir. Arama sonuçlarında ve başka sitelerde yıllarca birikmiş bağlantılar, taşınma sırasında sessizce kırılabilir. Bu web tasarım çalışmasında eski ve yeni adres listesini yan yana koyar, her önemli sayfanın karşılığını tanımlarız.

Adresi değişen sayfalar için uygun yönlendirmeleri kurar, ziyaretçiyi ve arama motorlarını doğru yere ulaştırırız. Kaldırılması gereken sayfaların da bilinçli biçimde ele alınması gerekir; sessizce silinen bir içerik, geride hatalı bağlantılar bırakır. Karar, tek tek gözden geçirilerek verilir.

Geçiş öncesinde tüm yönlendirmeleri deneme ortamında sınar, hiçbir değerli bağlantının boşa düşmediğini doğrularız. Yayın anında kesinti yaşanmaması için taşımayı sakin bir zamanda planlar, sonrasını da bir süre izleriz. Böylece yeni yapıya geçiş, geçmişte kazanılanı silmeden gerçekleşir.

İçerik güncellemelerini ekip için sadeleştirmek

Bir sitenin ömrü, teslimden sonra ekibin onu ne kadar rahat güncelleyebildiğine bağlıdır. Küçük bir metin değişikliği için her seferinde dışarıya bağımlı kalmak, zamanla içeriğin eskimesine yol açar. Bu yüzden yönetim panelini, günlük işleri yapan kişinin diliyle düzenliyoruz.

Sık değişen alanları, teknik bilgi gerektirmeden düzenlenebilecek biçimde hazırlarız. Yanlışlıkla düzeni bozma riskini azaltmak için, serbest alanlarla sabit alanları birbirinden ayırırız. Böylece ekip, sayfanın görünümünü tehlikeye atmadan içeriği tazeleyebilir. Zamanla artan içerik türleri için de aynı sade mantığı koruruz.

Teslimde paneli uygulamalı olarak gösterir, en sık yapılacak güncellemeleri birlikte deneriz. Kısa bir kullanım notu bırakır, takıldıkları noktada başvurabilecekleri sade bir kaynak sağlarız. Amaç, sitenin ekibin elinde canlı kalması, zamanla bir arşive dönüşmemesidir.

Erişilebilirliği farklı kullanıcılarla birlikte düşünmek

Bir sayfayı herkesin aynı kolaylıkla kullanamadığını çoğu zaman fark etmeyiz. Az gören, renk ayrımı güç olan ya da yalnızca klavyeyle gezen ziyaretçiler de vardır. Erişilebilirliği sonradan eklenen bir düzeltme değil, tasarımın baştan gözettiği bir ölçüt olarak ele alıyoruz.

Yazı ile arka plan arasındaki karşıtlığı okunur tutar, yazı boyutunu rahatça büyütülebilir bırakırız. Düğmelerin ve bağlantıların yalnızca renkle değil, biçimle de ayrışması; renk ayrımı güç olan kişiler için önemlidir. Görsellere anlamlı açıklamalar eklenir; bu açıklamalar, görseli göremeyen bir ziyaretçinin de sayfanın bütününü anlamasını sağlar.

Yayın öncesinde sayfayı yalnızca klavyeyle gezmeyi, ekran okuyucuyla dinlemeyi deneriz. Odak sırasının mantıklı ilerlemesi, formların sesli okunduğunda anlaşılır olması; günlük kullanımda büyük fark yaratır. Bu özen, aynı zamanda sayfayı herkes için daha düzenli kılar.

Yayın öncesi gerçek cihaz denemelerini tamamlamak

Bir kampanya ya da yoğun dönem öncesinde sayfanın gerçek koşullarda nasıl davrandığını bilmek gerekir. Yalnızca geliştirme ekranında değil; farklı marka telefonlarda, farklı tarayıcılarda ve gerçek internet hızlarında denemek, sürprizleri yayından önce ortaya çıkarır. Beklenen ziyaretçi yükünü de hesaba katarız.

Aynı sayfanın eski bir telefonda yeni bir telefonda farklı görünebileceğini bildiğimiz için, denemeleri tek bir cihazla sınırlamayız. Görsellerin yerine oturması, yazıların taşmaması ve düğmelerin çalışması; her ortamda ayrı ayrı doğrulanır. Bulunan küçük kusurlar, yoğunluk gelmeden giderilir. Böylece yayın günü, denenmemiş bir sürprizle karşılaşma olasılığı en aza iner.

Yük altında sayfanın yavaşlayıp yavaşlamadığını görmek için, yoğun anı öngören denemeler yaparız. Sunucu yanıt süresi, görsellerin ağırlığı ve gereksiz isteklerin ayıklanması; bu aşamada elden geçirilir. Amaç, en çok ziyaretçi geldiğinde sayfanın en zayıf hâlinde olmamasıdır.

Yayın sonrası bakım sorumluluğunu yazılı hâle getirmek

Bir site yayına alındığında iş bitmez; asıl ilişki o noktada başlar. Kimin neyi güncelleyeceği, güvenlik güncellemelerinin nasıl takip edileceği ve arıza durumunda kime başvurulacağı önceden yazılı olmalıdır. Bu web tasarım yaklaşımında bakım, teslimden sonra hatırlanan bir konu değil, baştan tanımlanan bir sorumluluktur.

Altyapı güncellemeleri, yedeklerin düzenli alınması ve olası kesintilere karşı hazırlık; sessizce ihmal edildiğinde en kötü zamanda sorun çıkarır. Bu işleri kimin, hangi sıklıkla üstleneceğini açıkça belirleriz. Belirsiz bırakılan her sorumluluk, ileride tartışma konusu olur.

Devir sırasında hesapların, erişimlerin ve teslim edilen dosyaların işletmenin kendi adına saklandığından emin oluruz. İleride başka bir ekiple çalışmak gerekse bile, işletmenin kendi sitesine tam olarak sahip olması gerekir. Bakım ilişkisi, bağımlılık değil güven üzerine kurulur.

Web tasarım hakkında sık sorulan sorular

Süre; sayfa sayısına, içeriğin hazır olup olmamasına, istenen özel işlevlere ve onay temposuna göre değişir. Görevlerin kimde olduğu netleştiğinde, tahmin yerine gerçekçi bir takvim çıkarırız. Aceleyle sıkıştırılmış bir sürenin kaliteyi düşürdüğünü bildiğimiz için, aşamaları baştan paylaşırız.

Hayır. Bilgi sırası, düğmeler, görseller ve formlar ilk karardan itibaren küçük ekran düşünülerek kurulur. Mobil, sonradan eklenen bir uyarlama değil, tasarımın çıkış noktalarından biridir. Bu yüzden telefonla masaüstü arasında kopukluk oluşmaz.

Evet. Yönetim paneli, günlük işleri yapan kişinin rahatça kullanabileceği biçimde hazırlanır. Teslimde en sık yapılacak güncellemeleri birlikte deneriz ve kısa bir kullanım notu bırakırız. Böylece küçük değişiklikler için dışarıya bağımlı kalmazsınız.

Hesap sahipliği teklif ve teslim planında açıkça yazılır; erişimlerin işletmenin kendi adına saklanmasını esas alırız. Alan adının ve barındırmanın sizin denetiminizde olması, ileride bağımsız hareket edebilmeniz için önemlidir. Bu konuyu baştan netleştiririz.

Uygun bir yönlendirme planıyla değerli bağlantılar korunur; eski ve yeni sayfa listeleri yayından önce karşılaştırılır. Böylece arama sonuçlarında birikmiş görünürlük ve başka sitelerden gelen bağlantılar boşa düşmez. Taşıma sonrası da bir süre izleyerek kırık bağlantı kalmadığını doğrularız.

Sayfa sayısının yanında metin, görsel, veri aktarımı, özel işlevler, test, eğitim ve destek kapsamı toplam emeği belirler; İstanbul’da yürütülen bir web tasarım çalışmasının bütçesi de bu genişliğe göre oluşur. Hazır bir liste yerine işin gerçek kapsamına bakarız. Böylece ödenen bedelin karşılığı önceden görülür.