Web Tasarım

Ziyaretçiyi karara götüren yolu kurmak

Bir siteyi açan kişi çoğu zaman gezinmeye değil, aklındaki tek soruya yanıt aramaya gelir; sabrı da sınırlıdır. Sağlam bir web tasarım çalışması bu soruyu baştan sezer, yanıtı ekranın görünür yerine koyar ve kişinin bir sonraki adımı düşünmeden bulmasını sağlar. Biz de işe hangi ziyaretçinin hangi niyetle geldiğini ayırmakla, ardından o niyeti kesintisiz bir güzergâha çevirmekle başlıyoruz.

Ürün taşıyan, sipariş toplayan ya da bayisiyle konuşan bir ekip için sayfa; vitrin değil, günlük işin geçtiği bir masadır. Ziyaretçinin nereye tıklayacağını, hangi bilgiyi arayacağını ve hangi noktada tereddüt edeceğini önceden konuşuyor, kararı varsayıma bırakmıyoruz. Bu yüzden ilk oturumda hedefi tek cümleyle tanımlıyor, sonraki her seçimi bu cümleye göre tartıyoruz.

Farklı ilçelerde, farklı temposu olan işletmelerle çalışırken tek bir kalıbı herkese giydirmenin sağlıklı olmadığını gördük. Karar yolunu yerinde görmeden, işin sahadaki karşılığını dinlemeden çizmek yerine önce mevcut akışı izliyor, sonra sadeleştiriyoruz. Aynı sırayı Bitlis ve çevresindeki müşterilerimizle de bozmadan ilerletiyor, her ekranı gerçek kullanımın içinden sınıyoruz.

Anlatının sahibini belirlemek

Bir işletmenin ne anlattığı kadar, o anlatıyı kimin güncelleyeceği de tasarımın parçasıdır. Konaklama ve yeme içme alanında çalışan yerlerde sezon değişince metin de fotoğraf da değişir; bunu kimin, ne sıklıkta yapacağını baştan belirlemezsek sayfa birkaç ay içinde eskir. Elimizdeki malzemeyi, güncelleme beklentisini ve yenileme temposunu aynı masada değerlendiriyoruz.

Metnin sorumluluğu belirsiz kaldığında sayfa yavaşça sahipsizleşir; kimse dokunmaya cesaret edemez, kimse de eskiyeni fark etmez. Bunu bir uygulama ayrıntısı saymıyor, müşterinin bilgiye ulaşma biçimini doğrudan etkileyen bir karar olarak ele alıyoruz. Her bölümün yanına bunu kim, hangi durumda değiştirir notunu düşüyor, böylece anlatının bir sahibi olmasını sağlıyoruz.

Sipariş ve dağıtım yürüten ekiplerde ise anlatı çoğu zaman fiyat, stok ya da teslim koşulu gibi sık değişen bilgiye yaslanır. Çalışmanın ilk aşamasında bu bilgilerin nereden geleceğini, hangi aralıkla tazeleneceğini ve yanlış kaldığında kimin uyaracağını tanımlıyoruz. Böylece metin, hazırlandığı günün değil, okunduğu günün gerçeğini yansıtıyor.

İlk ekranda güveni kurmak

Ziyaretçi ilk ekranda çoğu zaman okumaz, tartar: burası ciddi mi, aradığım yer mi, kalmalı mıyım. İyi bir web tasarım yaklaşımı bu birkaç saniyelik sınavı görmezden gelmez; en görünür alana firmanın ne yaptığını ve kime yaradığını sade bir dille yerleştirir. Süsten önce açıklığı, hareketten önce netliği kuruyor, güveni gösterişle değil anlaşılırlıkla sağlıyoruz.

Konaklama ve gastronomi tarafında ilk izlenim büyük ölçüde görsele bağlıdır; ancak elde her zaman güçlü bir görsel arşiv bulunmaz. Mevcut malzemeyi, beklentiyi ve yenileme temposunu birlikte tartıp ana ekranı eldeki en sağlam öğeyle kuruyor, zayıf bir görseli öne çıkarıp izlenimi zedelemekten kaçınıyoruz. Gerektiğinde metnin taşıyıcı olduğu bir düzen öneriyoruz.

Ana sayfa yalnızca bir giriş değil, ekibin günlük işini de etkileyen bir karardır; oraya konan her söz, arkada birinin karşılamasını gerektirir. Bu yüzden ilk ekranda verdiğimiz her sözün bir alt sayfada gerçekten karşılığı olmasına dikkat ediyor, boş kalan bağı en baştan kapatıyoruz. Güven, tutulan küçük sözlerin toplamıyla birikir.

Hizmet ayrıntısını sadeleştirmek

Sipariş ve dağıtım yapan ekipler için hizmet sayfası çoğu kez fazla ayrıntıyla dolar; her istisna, her koşul metne eklenir ve okunmaz hâle gelir. Çalışmanın başında hangi bilginin gerçekten karar aşamasında gerektiğini, hangisinin sonraya bırakılabileceğini ayırıyoruz. Sayfayı, ziyaretçiyi yormadan doğru soruya götürecek kadar dolu, gereksizden arınacak kadar sade tutuyoruz.

Farklı ilçelerdeki ekiplerde aynı hizmetin bile anlatımı değişebilir; birinde teslim süresi, ötekinde uygulama biçimi öne çıkar. Sahadaki karşılığını görmeden neyin sadeleştirileceğine karar vermek yerine, önce gerçek soruları dinliyor, sonra metni o sorulara göre buduyoruz. Amacımız bilgiyi eksiltmek değil, gereksiz yükü kaldırıp özü görünür kılmaktır.

Turizm ve konaklama tarafında ise ayrıntı çoğu zaman mevsimle birlikte değişen koşullardır. Eldeki malzemeyi, kullanım beklentisini ve yenileme temposunu birlikte değerlendirip sık değişen kısmı kolay güncellenebilir bir yere alıyor, sabit kalanı metnin gövdesine bırakıyoruz. Böylece her güncelleme, sayfanın tümünü elden geçirmeyi gerektirmiyor.

Görseli işlevle buluşturmak

Bir arayüzün rengi, aralığı ve yazı düzeni yalnızca hoşluk için değil, gözü doğru yere götürmek içindir. Görsel dili bir süsleme işi saymıyor; ziyaretçinin bilgiye ulaşma biçimini ve ekibin günlük işini doğrudan biçimlendiren bir karar olarak kuruyoruz. Her görsel tercih, bu okumayı kolaylaştırıyor mu sorusuna verilmiş bir yanıt olmalıdır.

Sipariş ve dağıtım yürüten ekiplerde görselin işlevi çok nettir: doğru düğmeyi, doğru bilgiyi, doğru anda göstermek. İlk aşamada hangi öğenin vurgulanacağını, hangisinin geri çekileceğini konuşuyor; rengi ve boşluğu dikkat yönetmenin aracı olarak kullanıyoruz. Gösterişli ama yönsüz bir ekran yerine, sakin ama yol gösteren bir düzeni tercih ediyoruz.

Farklı ölçekteki işletmelerde aynı görsel dili birebir uygulamak çoğu zaman ters teper; küçük bir ekiple büyük bir işletmenin ihtiyacı aynı değildir. Sahadaki karşılığını görmeden karar vermek yerine önce işin ritmini izliyor, görsel tercihleri gösteriş için değil işi kolaylaştırdığı ölçüde benimsiyoruz. Aynı ölçüyü Bitlis çevresindeki müşterilerimizde de koruyoruz.

Telefon ekranındaki sırayı düzenlemek

Ziyaretçilerin büyük kısmı sayfayı önce telefonda görür; masaüstünde düzgün duran bir sıra, dar ekranda dağılabilir. Eldeki malzemeyi, kullanım beklentisini ve yenileme temposunu değerlendirirken tasarımı önce küçük ekranda kuruyor, sonra genişletiyoruz. Böylece en sık kullanılan görünüm sonradan sıkıştırılmış değil, baştan onun için düşünülmüş oluyor.

Telefonda sıralama yalnızca estetik değil, ekibin günlük işini etkileyen bir karardır; yanlış sıra, en önemli bilgiyi üç ekran aşağı iter. Hangi bilginin ilk elde görüneceğini, hangisinin altta kalabileceğini önem sırasına göre diziyoruz. Parmakla gezen bir kişinin ulaşmak istediği yere kaç hareketle vardığını da ayrıca ölçüyoruz.

Sipariş ve dağıtım yapan ekiplerde telefon çoğu zaman ilk temas noktasıdır; arama, yol tarifi ya da hızlı bir soru oradan gelir. Çalışmanın başında bu temasların hangisinin öncelikli olduğunu tanımlıyor, sık kullanılan eylemi başparmağın kolay eriştiği yere alıyoruz. Küçük ekranı bir kısıt değil, önceliklendirmeyi zorunlu kılan yararlı bir sınır olarak görüyoruz.

İletişim formunu amacına indirmek

Uzun bir form çoğu ziyaretçiyi caydırır; her ek alan, tamamlanma olasılığını biraz daha düşürür. Yalın bir web tasarım anlayışı formu da bir soru listesi değil, bir konuşmanın başlangıcı olarak görür ve yalnızca gerçekten gereken bilgiyi ister. Amacı belirleyip alanları ona göre kısaltıyor, geri kalanını ilk yanıttan sonraya bırakıyoruz.

Konaklama ve gastronomi tarafında formdan beklenti çoğu zaman net bir rezervasyon ya da hızlı bir soru olur. Eldeki malzemeyi, kullanım beklentisini ve yenileme temposunu değerlendirip formu bu amaca göre biçimlendiriyor, gereksiz alanı taşımıyoruz. Kişiye neden bu bilgiyi istediğimizin yanıtını da örtük biçimde veriyoruz.

Form, ziyaretçinin bilgiye ulaşma biçimini olduğu kadar ekibin gelen talebi karşılama düzenini de etkiler; düzensiz gelen bilgi, arkada iş yükü üretir. Bu yüzden hangi alanın hangi ekibe düştüğünü, yanıtın kime ulaşacağını baştan tanımlıyoruz. Kısaltmak, bilgiyi eksiltmek değil; doğru bilgiyi doğru kişiye ulaştırmaktır.

Eski bağlantıları kaybetmeden taşımak

Sipariş ve dağıtım yürüten ekiplerde yıllar içinde biriken adresler, dışarıdan verilen bağlantılar ve arama sonuçları küçük ama değerli bir birikimdir; yenileme sırasında bunlar göz ardı edilirse ziyaretçi boş sayfayla karşılaşır. Çalışmanın başında eski adreslerin listesini çıkarıyor, her birinin yeni karşılığını planlıyoruz. Taşımayı, görünmeyen bir mirasın korunması olarak ele alıyoruz.

Farklı ilçelerdeki ekiplerde eski yapının nasıl kurulduğu çoğu zaman belgelenmemiştir; neyin nereye bağlı olduğunu sahada görmeden kestirmek risklidir. Bu yüzden varsayımla ilerlemiyor, mevcut bağların haritasını önce çıkarıyor, sonra taşıyoruz. Bir adres değişecekse, eskisini yenisine yönlendirmeyi baştan planımıza koyuyoruz.

Turizm ve konaklama tarafında dışarıdaki rehberlerde, haritalarda ya da eski paylaşımlarda kalan bağlantılar uzun süre canlı kalır. Eldeki kaynağı, kullanım beklentisini ve yenileme temposunu birlikte değerlendirip hangi adresin korunacağını, hangisinin yönlendirileceğini kayda geçiriyoruz. Böylece eski bir bağlantıya tıklayan kişi, kaybolmak yerine doğru yere ulaşıyor.

Yönetim panelini günlük kullanıma açmak

Bir site teslim edildikten sonra asıl ömrü, onu her gün kullanan ekibin elinde geçer. Kalıcı bir web tasarım ancak yönetim tarafı da sade olduğunda işe yarar; karmaşık bir panel, güncellemeyi zamanla tümüyle durdurur. Paneli, teknik olmayan bir kullanıcının tereddüt etmeden metin değiştirebileceği kadar anlaşılır kuruyoruz.

Bilgiye ulaşma biçimi kadar, o bilgiyi kimin nasıl güncelleyeceği de günlük işin bir parçasıdır. İlk görüşmede hangi alanların düzenli değişeceğini, kimin dokunacağını ve hangi kısmın sabit kalacağını kararlaştırıyoruz. Sık değişen yerleri kolay erişilir, nadiren dokunulan yerleri ise yanlışlıkla bozulmayacak biçimde ayırıyoruz.

Farklı ilçelerdeki ekiplerin teknik alışkanlığı aynı değildir; kimi rahatça düzenler, kimi çekinir. Sahadaki gerçek kullanımı görmeden paneli biçimlendirmek yerine, teslimden önce birlikte deneme yapıyor, takılınan yeri orada sadeleştiriyoruz. Ekibe bir sonraki güncellemeyi tek başına yapabileceği kısa bir yol da bırakıyoruz.

Erişilebilirlik ayrıntılarını gözden geçirmek

Bir sayfanın herkes için okunur olması, yazının boyutundan renk karşıtlığına kadar birçok küçük kararın toplamıdır. Eldeki malzemeyi, kullanım beklentisini ve yenileme temposunu değerlendirirken bu ayrıntıları sonradan eklenecek bir süs değil, baştan kurulacak bir zemin sayıyoruz. Düşük ışıkta, küçük ekranda ya da acele eden bir gözde metnin hâlâ okunmasını gözetiyoruz.

Erişilebilirlik, ziyaretçinin bilgiye ulaşma biçimini olduğu kadar ekibin işini de etkiler; okunmayan bir metin, telefonu çaldıran bir soruya dönüşür. Bu yüzden karşıtlığı, tıklama alanlarının boyutunu ve yazının aralığını gözle değil ölçüyle denetliyoruz. Küçük bir düzeltmenin çok sayıda kişinin deneyimini iyileştirdiğini defalarca gördük.

Sipariş ve dağıtım yapan ekiplerde sayfa çoğu zaman hareket hâlinde, tek elle ve dikkat dağınıkken açılır. Çalışmanın başında bu gerçek kullanım koşulunu tanımlıyor, tasarımı sakin bir masada değil, o zorlu koşulda deniyoruz. Erişilebilirliği bir zorunluluk maddesi değil, sıradan kullanımı kolaylaştıran bir kalite ölçüsü olarak ele alıyoruz.

Yayın öncesi bütünlüğü sınamak

Farklı ilçelerdeki ekiplerde bir sayfanın her parçası ayrı ayrı doğru görünse de birlikte çalışıp çalışmadığı ancak bütün olarak sınandığında anlaşılır. Sahadaki karşılığını görmeden yayına geçmek yerine, önce her bağlantıyı, her formu ve her görünümü baştan sona geziyoruz. Bulduğumuz küçük pürüzü, ziyaretçi görmeden kapatıyoruz.

Konaklama ve gastronomi tarafında yayın günü çoğu zaman bir kampanyaya ya da sezona denk gelir; o gün çıkan bir hata pahalıya mal olur. Eldeki kaynağı, kullanım beklentisini ve yenileme temposunu birlikte değerlendirip yayın öncesi bir kontrol listesi hazırlıyoruz. Metni, görseli ve bağlantıları aynı gözle son kez okuyoruz.

Bütünlük sınaması, ziyaretçinin bilgiye ulaşma biçimini olduğu kadar ekibin teslim sonrası rahatını da belirler; sağlam çıkan bir yayın, ilk haftalarda gelen telefon trafiğini azaltır. Bilginin kaynağını, göründüğü alanı ve güncelleme yetkisini takip edilebilir biçimde not ediyoruz. Böylece bir sorun çıkarsa nereye bakılacağı baştan bellidir.

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

Kesinlikle mümkündür; hazır bir metin beklemek yerine geçici yapı üzerinde ilerleyip içerik geldikçe yerine oturtabiliriz. Bir web tasarım sürecinde önemli olan, hangi bölümün ne zaman doldurulacağını baştan kararlaştırmak ve boş kalan yeri iş planında işaretlemektir. Böylece çalışma durmadan sürer, içerik geldiğinde de sayfa dağılmaz.

Çoğu durumda evet; mevcut alan adı sağlıklıysa yeni sitede olduğu gibi kullanılabilir. Öncesinde adresin durumunu ve eski bağlantılarını inceliyor, taşımanın ziyaretçiyi kaybettirmeden yapılacağından emin oluyoruz. Değiştirilmesi gerekiyorsa da eski adresi yenisine yönlendirmeyi planımıza ekliyoruz.

Bunu ekibin ihtiyacına göre birlikte belirliyoruz; genellikle sık değişen metin, görsel ve iletişim bilgileri panelden düzenlenebilir kalır. Nadiren dokunulan ya da yanlışlıkla bozulabilecek yapısal kısımları ise ayırıyor, gerekince desteğimizle güncelliyoruz. Yetki dağılımını teslimden önce yazılı olarak netleştiriyoruz.

Evet; tek bir ekranda düzgün görünmesini yeterli saymıyor, yaygın kullanılan farklı boyutlarda ayrı ayrı deniyoruz. Yazının okunmasını, düğmelerin erişilmesini ve sıralamanın korunmasını her boyutta gözden geçiriyoruz. Takılan bir nokta çıkarsa yayına geçmeden düzeltiyoruz.

Eski adreslerin listesini baştan çıkarıyor, her birinin yeni sitedeki karşılığını planlıyoruz. Adres değişen sayfalar için eskisini yenisine yönlendirerek dışarıdan gelen bağlantıların ve arama sonuçlarının boşa düşmesini önlüyoruz. Böylece geçmişte paylaşılmış bir bağlantı, yeni yapıda da doğru yere ulaşır.

Teslim, ilişkinin sonu değil; yayından sonraki ilk dönemde ortaya çıkan soruları ve küçük düzeltmeleri birlikte karşılıyoruz. Ekibin paneli rahat kullanması için gereken kısa yönlendirmeyi de bu aşamada veriyoruz. Sonraki güncellemelerin nasıl yürüyeceğini ise baştan konuşup net bir çerçeveye bağlıyoruz.