Web Tasarım

Ziyaretçinin gerçekte izlediği yolu görünür kılmak

Bir sitenin işe yarayıp yaramadığı, ziyaretçinin ekrana bakarken kafasından geçenlerle ölçülür. İnsanlar çoğu zaman en üstteki başlıktan başlamaz; aradıkları koşulu, kendilerine uyan bir örneği ya da bir soruya verilmiş açık bir yanıtı kovalar. Bu nedenle web tasarım çalışmasına düzeni belirleyerek değil, o kovalamanın hangi noktalarda kesintiye uğradığını çıkararak başlıyoruz.

Elimizdeki kayıtlar, ekibe telefonda en sık sorulanlar ve gerçek müşteri konuşmaları yan yana konduğunda hangi bilginin erken istendiği hızla ortaya çıkıyor. Bu aşamada sayfaları değil soruları sıralıyoruz; her sorunun karşılığını hangi ekranda ve kaçıncı adımda vereceğimizi önceden netleştiriyoruz. Böylece kurgu varsayıma değil, gözleme dayanıyor.

Karar yolu belirginleştiğinde sayfa sayısı da kendiliğinden azalıyor; aynı konuyu üç ayrı yerde tekrarlamak yerine tek ve doyurucu bir bölümde toplamak mümkün oluyor. Ziyaretçi aradığını daha az tıklamayla buluyor, ekip ise güncellenecek metni nerede bulacağını aramak zorunda kalmıyor. Bu sadeleşme, sonraki bütün kararların da zeminini kuruyor.

İçeriğin sahibini işin başında netleştirmek

Yayına alınan bir site, arkasındaki içerik düzeni kadar uzun ömürlüdür. Metni kimin yazacağı, kimin onaylayacağı ve bir bilgi değiştiğinde kimin haberdar olacağı baştan belirlenmezse, birkaç ay sonra en küçük düzeltme bile sahipsiz kalır ve haftalarca bekler. Bu yüzden konuşmaya teknik ayrıntılardan değil, sorumluluk paylaşımından başlamayı tercih ediyoruz.

Hangi bölümün hangi birime ait olduğunu, o bilginin ne sıklıkla değiştiğini ve onay sırasının kaç kişiden geçtiğini birlikte yazıya döküyoruz. Teknik ayrıntıyı sahada çalışan kişiden, ticari koşulları ise o işi yürüten kişiden almak metnin inandırıcılığını tek başına yükseltiyor. Yazım yükü tek bir masaya yığılmadığı için hazırlık da hızlanıyor.

Her bölümün belli bir sahibi olduğunda içerik eskimeden tazeleniyor ve sayfalar arasında birbirini tutmayan bilgiler oluşmuyor. Ekip büyüdüğünde ya da yeni bir çalışma alanı eklendiğinde de aynı düzen bozulmadan genişliyor. Hedefimiz, her küçük değişiklik için dışarıdan destek beklemek zorunda kalmayan, kendi ayakları üzerinde duran bir yapı bırakmak.

Açılış ekranında güveni ilk cümleyle kurmak

Açılış ekranı, çoğu ziyaretçinin kurumla kurduğu ilk temastır ve burada oluşan izlenimin geri alınması güçtür. Süslü bir giriş cümlesi yerine ne yaptığınızı, kimin için yaptığınızı ve bir sonraki adımın ne olduğunu anlaşılır biçimde söylemek çok daha fazla işe yarıyor. Sade bir açılış, okumayı sürdürme isteğini de korur.

Bu bölümü kurarken üç unsuru ayrı ayrı ele alıyoruz: karşılayan cümle, onu destekleyen somut kanıt ve tek bir yönlendirme. Kanıt olarak abartılı ifadeler değil, doğrulanabilir çalışma örnekleri ve gerçek müşteri deneyimleri kullanılıyor. Görsel yoğunluk azaldıkça metnin taşıdığı bilgi daha rahat okunuyor, dikkat de bölünmüyor.

Sonuçta açılış ekranı ziyaretçiyi oyalayan bir vitrin değil, onu doğru bölüme ileten kısa bir kavşak oluyor. Farklı ölçeklerdeki kurumlarla Samsun’da yürüttüğümüz çalışmalarda, kısa bir girişin uzun bir tanıtım metninden daha ikna edici olduğunu gözlemledik. İlk ekranda kazanılan güven, iletişim adımına kadar bozulmadan taşınıyor.

Sunulan işleri birbirine karıştırmadan anlatmak

Bir kurumun sunduğu işler birbirine benzediğinde ziyaretçi hangisinin kendi ihtiyacına karşılık geldiğini seçemiyor ve çoğu zaman hiçbirini seçmeden ayrılıyor. Sınırları bulanık bir anlatım, teklif aşamasında da yanlış beklenti doğuruyor. Bu yüzden bir web tasarım projesinde ilk ayıklama sayfaların değil, anlatılan işlerin sınırlarında yapılıyor.

Her başlık için neyin kapsam içinde olduğunu, neyin dışarıda kaldığını ve hangi durumda ayrı bir çalışma gerektiğini tek tek yazıyoruz. Aynı cümleyi farklı bölümlerde yinelemek yerine her bölümü kendi kararına hizmet edecek biçimde ayırıyoruz. Böylece karşılaştırma yapmak isteyen ziyaretçi iki sayfa arasında gidip gelmek zorunda kalmıyor.

Ayrımlar keskinleştiğinde gelen taleplerin niteliği de değişiyor; konuyu okumadan yazan kişi sayısı azalırken doğru konuyla gelen kişi sayısı artıyor. Ekip için bu, ilk görüşmede daha az açıklama ve daha çok ilerleme anlamına geliyor. Anlatımdaki netlik, satış sürecinin yükünü sessizce hafifletiyor.

Görsel dili işlevden koparmadan kurmak

Renk, yazı karakteri ve boşluk seçimleri yalnızca beğeni meselesi değildir; okunabilirliği, dikkatin nereye gideceğini ve hangi düğmenin fark edileceğini doğrudan belirler. Görsel dilin işle uyumsuz kaldığı yerlerde site ya olduğundan iddialı ya da olduğundan özensiz görünür. İkisi de baştan yanlış bir beklenti üretir.

Yazı ölçeğini, satır aralığını ve renk karşıtlığını ekranda okunan gerçek metinle sınıyoruz; başlık boyutlarını boş bir şablonda değil, uzun bir içeriğin içinde deniyoruz. Vurgu için ayrılan rengi az sayıda yerde kullanmak o rengin anlamını koruyor. Yeni bir süs eklemek yerine gereksiz duranı çıkarmayı tercih ediyoruz.

Tutarlı bir görsel düzen, yeni bir bölüm eklendiğinde kendini tekrar eder; her sayfa için baştan karar vermek gerekmez. Bu hem yayın sonrasında hız kazandırır hem de kurumun görünümünü zamanla dağılmaktan korur. Ekranda görülen sadelik, aslında arkadaki düzenin dışa vurumudur.

Küçük ekranda bilgi sırasını yeniden düşünmek

Telefondan gelen ziyaretçi, geniş ekranda yan yana duran bilgileri alt alta okuyor; bu nedenle sıralamanın küçük ekranda yeniden kurulması gerekiyor. Masaüstü düzenini olduğu gibi daraltmak, en kritik cümlenin birkaç ekran aşağı düşmesine yol açıyor. Küçültmek tek başına yetmediği için web tasarım aşamasında mobil görünüm ayrı bir kurgu olarak ele alınıyor.

Hangi bilginin başparmağın ilk ulaştığı bölgede duracağını, hangi bölümün katlanıp açılacağını ve telefonla aramanın nereden yapılacağını tek tek belirliyoruz. Dokunma alanlarını yeterince geniş tutmak, yanlış tıklamaları görünmez biçimde azaltıyor. Görsellerin boyutunu düşürmek ise sayfanın zayıf bağlantıda da açılmasını sağlıyor.

Küçük ekranda sıra doğru kurulduğunda ziyaretçi sayfayı terk etmeden aradığı yanıta ulaşıyor ve iletişime geçme isteği kendiliğinden artıyor. Aynı düzen tablet genişliğinde de bozulmuyor, çünkü kırılma noktaları içeriğin uzunluğuna göre seçiliyor. Mobil görünüm böylece eksik bir kopya değil, kendi başına eksiksiz bir deneyim oluyor.

İletişim formunu gerçekten gereken kadar tutmak

İletişim formu, ziyaretçinin en gönülsüz olduğu yerdir; doldurulması istenen her alan vazgeçme ihtimalini biraz daha artırır. Buna karşın gelen mesajın işe yarayabilmesi için asgari birkaç bilginin de toplanması gerekir. Doğru denge formun uzunluğunda değil, istenen bilginin gerçekten kullanılıp kullanılmadığında saklıdır.

Her alanı tek tek sorguluyoruz: bu bilgi ilk dönüşte gerçekten kullanılacak mı, yoksa alışkanlıkla mı isteniyor? Karşılığı olmayan alanları çıkarıyor, zorunlu olanları açık bir dille etiketliyor ve uyarıları alanın hemen yanında görünür kılıyoruz. Gönderimden sonra ne olacağını söyleyen kısa bir mesaj da bekleyişteki belirsizliği ortadan kaldırıyor.

Kısalan form gelen talep sayısını artırırken niteliğini düşürmüyor; çünkü eksik kalan ayrıntı ilk yanıtta rahatlıkla sorulabiliyor. Mesajların hangi kutuya düşeceği ve kimin yanıtlayacağı da aynı çalışmada belirleniyor, böylece karşılıksız kalan kayıt oluşmuyor. Basit görünen bu bölüm çoğu projede en çok geri dönüş sağlayan yer oluyor.

Eski adresleri kaybetmeden yeni yapıya taşımak

Yenilenen bir sitede sayfa adresleri neredeyse her zaman değişir. Daha önce paylaşılmış bağlantılar, kayıtlı yer imleri ve basılı belgelerde duran adresler bu değişimde sessizce kırılabilir. Ziyaretçinin boş bir hata ekranıyla karşılaşması, yeni yapının bütün kazanımını daha ilk günden gölgeler.

Taşımadan önce mevcut adreslerin tam bir dökümünü çıkarıyor, her birinin yeni yapıda hangi sayfaya karşılık geldiğini eşleştiriyoruz. Karşılığı bulunmayan içerikler için en yakın üst başlığa yönlendirme tanımlıyor, bu yönlendirmeleri yayın gününden önce tek tek deniyoruz. Geriye kalan az sayıdaki kırık bağlantı için de yol tarif eden bir sayfa hazırlıyoruz.

Bu hazırlık sayesinde eski bağlantılar çalışmaya devam ediyor ve yıllar içinde biriken erişim alışkanlığı korunuyor. Geçişten sonra oluşan hata kayıtlarını bir süre izleyerek gözden kaçan adresleri tamamlıyoruz. Yenileme sürecine giren kurumların Samsun’da bize en sık ilettiği kaygı da burada toplanıyor; taşınma, ziyaretçi fark etmeden tamamlandığında başarılı sayılıyor.

Yönetim panelini günlük işin temposuna göre kurmak

Bir yönetim paneli, onu kullanacak kişinin günlük işine uymuyorsa teslimden birkaç hafta sonra kullanılmaz hâle gelir. Teknik olarak eksiksiz görünen ekranlar, alan adları anlaşılmadığı için boş bırakılır ve içerik eskimeye başlar. Bu nedenle panelin düzeni de en az dış görünüm kadar web tasarım işinin parçası sayılır.

İçerik alanlarını gündelik konuşma diliyle adlandırıyor, doldurulması gerekenleri iş sırasına göre diziyor ve her alanın yanına kısa bir açıklama bırakıyoruz. Yetkileri göreve göre ayırmak, yanlışlıkla yapılan değişiklikleri baştan engelliyor. Sık kullanılan işlemleri ise aranmadan bulunacak bir yere alıyoruz.

Teslim sırasında paneli birlikte kullanarak ilerliyoruz; metin güncelleme, görsel değiştirme ve yeni bir bölüm açma gibi işlemleri ekip kendi eliyle deniyor. Akılda kalan konular için ise adım adım ilerleyen yazılı bir yönerge bırakıyoruz. Böylece rutin bir değişiklik için dışarıdan yardım beklenmiyor, iş kendi hızında yürüyor.

Erişilebilirliği sonradan değil baştan gözetmek

Bir sayfanın herkes tarafından kullanılabilmesi, sonradan eklenen bir ayar değil, ilk kararların içinde saklı bir niteliktir. Düşük karşıtlıkla seçilmiş bir renk yalnızca görme güçlüğü olan kişiyi değil, güneş altında telefonuna bakan herkesi zorlar. Erişilebilirlik bu yönüyle dar bir kesimin değil, bütün ziyaretçilerin meselesidir.

Renk karşıtlığını ölçüyor, başlık düzeylerini içeriğin mantığına göre kuruyor ve görseller için açıklayıcı metin yazıyoruz. Bağlantı adlarının kendi başına ne anlattığını denetliyor, klavyeyle gezinmenin kesintiye uğradığı yerleri düzeltiyoruz. Form alanlarının etiketleri ise ekran okuyucuyla birlikte sınanıyor.

Bu ayrıntılar bir araya geldiğinde sayfa yalnızca daha kapsayıcı değil, aynı zamanda daha derli toplu hâle geliyor; çünkü erişimi zorlaştıran şey çoğu zaman gereksiz karmaşadır. Yaşlı kullanıcıdan yavaş bağlantıdaki kişiye kadar geniş bir kesim aynı düzenlemeden yararlanıyor. Baştan gözetildiğinde ayrıca bir maliyet de çıkarmıyor.

Yayın öncesinde bütünlüğü her ekranda sınamak

Bir sayfa tek bir bilgisayarda düzgün göründü diye yayına hazır sayılmaz. Farklı tarayıcılar, farklı ekran genişlikleri ve düşük hızlı bağlantılar aynı düzeni bambaşka biçimde karşınıza çıkarabilir. Bir web tasarım sürecinin son aşaması bu nedenle süslemek değil, sınamaktır.

Yayından önce her sayfayı gerçek cihazlarda açıyor, formları baştan sona dolduruyor ve bilerek hatalı giriş yaparak uyarıların doğru çalıştığını doğruluyoruz. Görsellerin yüklenme sırasını, sayfa geçişlerini ve bağlantıların hedeflerini ayrı ayrı denetliyoruz. Bulunan her eksik, düzeltildikten sonra bir kez daha deneniyor.

Bu denetim tamamlandığında yayın günü sürprizsiz geçiyor; sorunlar ziyaretçiden önce bizim tarafımızda görülmüş oluyor. İlk haftalarda site sessizce izleniyor ve gözden kaçan küçük ayrıntılar hızla toparlanıyor. Bu sakin başlangıcın, Samsun’da teslim ettiğimiz projelerde sonraki bakım yükünü de belirgin biçimde azalttığını görüyoruz.

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

Sayfa sayısı hazır bir kalıptan değil, anlattığınız işlerin birbirinden ne kadar ayrıştığından ve ziyaretçilerin sorduğu soruların çeşitliliğinden doğar. Her sayfanın tek ve belirgin bir görevi varsa az sayıda sayfa da yeterli olur. Görevi belirsiz sayfalar çoğaldığında ise hem bakım zorlaşır hem de ziyaretçinin dikkati dağılır.

Telefon ve tablet görünümü sonradan eklenen bir seçenek değil, işin temelinde yer alan bir gerekliliktir; bu nedenle ayrı bir kalem olarak çıkarılmaz. Hangi ekran genişliklerinin kapsandığı ve hangi kontrollerin yapılacağı teklifte açıkça yazılır. Böylece teslimden sonra beklenmedik bir ek talep oluşmaz.

Güncelliğini koruyan ve doğruluğu teyit edilen metinlerle görseller olduğu gibi taşınabilir. Eskimiş, çelişen ya da kaynağı belirsiz kayıtlar yayına alınmadan önce ayrılır; hangi içeriğin neden dışarıda kaldığı size ayrıca bildirilir. Çözünürlüğü yeni düzene yetmeyen görsellerin yeniden hazırlanması önerilir.

Yönetim paneli ekipteki görev dağılımına göre hazırlanır ve herkesin yalnızca kendi alanını görmesi sağlanır. Teslim sırasında metin değiştirme, görsel yükleme ve yeni bölüm ekleme gibi temel işlemler uygulamalı olarak birlikte yapılır. Sonradan ortaya çıkan sorular için kısa bir kullanım notu elinizde kalır.

Süreyi belirleyen üç unsur vardır: içeriğin ne kadar hazır olduğu, özel işlev ihtiyacının kapsamı ve onayların ne hızda gelmesi. Bu nedenle takvim baştan tek bir tarihle değil, aşamaların gerçek teslimleriyle kurulur. İçerik erken hazırlandığında toplam süre çoğu projede belirgin biçimde kısalır.

Hesapların işletmenin kendi adına açılması, ileride yaşanabilecek erişim sorunlarını baştan önler. Kullanıcı bilgileri teslim aşamasında güvenli biçimde aktarılır ve kimin neye erişeceği yazılı hâle getirilir. Yenileme tarihleri ile bu yenilemelerin sorumluluğu da teklif üzerinde ayrıca belirtilir.