Web Tasarım

Ziyaretçiyi karara götüren yolu tasarlamak

Hakkâri’de bir web sitesine giren kişi çoğu zaman ne aradığını tam olarak bilmez; asıl belirsizlik, hangi bağlantıya dokunacağını kestirememesidir. İyi kurgulanan bir web tasarım süreci bu belirsizliği azaltır ve ziyaretçinin bakışını sayfanın en gerekli noktasına yöneltir. Biz çalışmaya, kullanıcının hangi soruyla geldiğini ve o soruya kaçıncı adımda karşılık bulacağını konuşarak başlarız.

Hakkâri’de karar yolu, üç dört ekranlık kısa bir anlatı gibi düşünülür. Kişi giriş bölümünden hizmet açıklamasına, oradan da temas noktasına gecikmeden ulaşabilmelidir. Bu akışı varsayımla değil, firmanın gerçek müşteri sorularıyla çiziyor; hangi bilginin önce, hangisinin sonra geleceğini birlikte kararlaştırıyoruz. Böylece sayfa, aramayı uzatan değil kısaltan bir düzenle kuruluyor.

Ticaret ve dağıtım yürüten ekiplerde bu yol daha da somuttur, çünkü bir teklif ya da sipariş çoğu kez ilk temasta belirlenir. Sahadaki karşılığını görmeden masa başında verilen kararlar yanıltıcı olabilir. O yüzden akışı gerçek kullanım koşullarında deniyor, gereken yerde adım sayısını azaltıp yönlendirmeyi belirginleştiriyoruz.

İçerik sorumluluğunu baştan tanımlamak

Bir sayfanın anlaşılır olması, hangi metnin kimin sözü olduğunun açık olmasına bağlıdır. Çalışmanın başında, her bölümün içeriğini kimin hazırlayacağını, kimin onaylayacağını ve ne sıklıkla yenileneceğini yazılı olarak belirliyoruz. Bu sınırlar netleşmeden görsel düzene geçmek, sonradan geri dönüşü zor değişikliklere yol açar.

Konaklama, yerel mutfak ve ziyaretçi ağırlayan işletmelerde eldeki fotoğraf, tanıtım yazısı ve menü gibi malzemeler çoğu zaman dağınık durur. Bu malzemeleri tek tek gözden geçiriyor, hangisinin olduğu gibi kullanılacağını, hangisinin tazeleneceğini ve hangisinin bırakılacağını aynı değerlendirmede karara bağlıyoruz. Amaç, elde bulunanı boşa harcamadan tutarlı bir bütüne kavuşturmaktır.

İçerik sorumluluğu belirsiz kaldığında, en güzel düzen bile kısa sürede eskir. Bu nedenle metin sahibini, güncelleme aralığını ve onay adımını proje kaydına işliyoruz. Böylece teslimden sonra bir bilgi değişeceğinde, kime başvurulacağı ve değişikliğin nereden yapılacağı önceden bellidir; kimse boşlukta kalmaz.

Giriş ekranında güveni erken kurmak

Ziyaretçi ilk ekranda kaldığı birkaç saniyede, bu firmanın işini ciddiye alıp almadığına dair sessiz bir yargıya varır. Bu yüzden giriş bölümünü süsle değil, açık bir vaatle kuruyoruz: burada kim, hangi işi, kime yapıyor. Bu üç sorunun karşılığı ilk bakışta görünüyorsa, geri kalan içerik çok daha rahat okunur.

Güven, abartılı sözlerle değil, ölçülü ve tutarlı bir anlatımla oluşur. Giriş metnini kısa tutuyor, gösterişli sıfatlar yerine somut bir tanımı tercih ediyoruz. Renk, yazı büyüklüğü ve boşluk kullanımı da bu tonu destekler; ekran ne kadar sakinse, okuyanın odağı da o kadar dağılmadan sürer.

Farklı ilçelerde çalışan ekipler için giriş ekranının nasıl karşılık bulacağı, ancak gerçek kullanıcı davranışı gözlenerek anlaşılır. Bir varsayımı doğru saymak yerine, ilk temas noktasını deniyor, insanların nereye dokunduğunu izliyor ve gerekiyorsa vurguyu yeniden yerleştiriyoruz. Böylece güven duygusu tasarımın tesadüfi bir yan ürünü olmaktan çıkar.

Hizmet anlatımını gereksiz ayrıntıdan arındırmak

Bir web tasarım çalışmasında hizmeti anlatan bölüm, çoğu sitede olduğundan uzun ve dolambaçlı olur. Oysa okuyan kişi teknik sürecin tamamını değil, kendisi için ne değiştiğini merak eder. Metni bu gözle sadeleştiriyor; işin nasıl yapıldığını değil, karşı tarafa ne kazandırdığını öne çıkarıyoruz. Fazlalık çıktıkça asıl mesaj daha net duyulur.

Sadeleştirme, bilgiyi eksiltmek değil, sıraya koymaktır. Önce en sık sorulan konuyu, sonra ikincil ayrıntıları yerleştiriyoruz; böylece aceleyle bakan da, ayrıntı arayan da aradığını bulabiliyor. Bir cümlenin kalması ya da çıkması gerektiğine, o cümlenin okuyucunun kararına dokunup dokunmadığına bakarak veriyoruz.

Sahada iş yürüten ekiplerde hangi ayrıntının gerçekten önemli olduğu, ancak günlük kullanımı görülerek anlaşılır. Bu kararı uzaktan vermiyor; firmanın müşterisiyle nasıl konuştuğunu, hangi soruların tekrarlandığını dinliyoruz. Anlatımı bu gerçek konuşmalara yaklaştırdıkça, sayfa yapay bir tanıtım metni olmaktan çıkıp işin diline yaklaşır.

Görsel dili işlevin peşine takmak

Görsel seçimleri, güzel görünmek için değil, bir işi kolaylaştırmak için yapılır. Bir fotoğrafın ya da simgenin sayfada durması, ancak okuyanın bir şeyi daha çabuk anlamasına yarıyorsa gerekçelidir. Süs amaçlı ögeleri ayıklıyor, kalanları da metnin söylediğini pekiştirecek biçimde yerleştiriyoruz. Görsel ile yazı birbiriyle çelişmemeli, aynı yöne bakmalıdır.

Renk ve tipografi de aynı ilkeye bağlıdır. Vurgu rengini her yerde değil, yalnızca kişinin dikkatini istediğimiz noktada kullanıyoruz; böylece o renk anlamını yitirmiyor. Yazı büyüklükleri arasındaki fark, hangi bilginin baş, hangisinin yardımcı olduğunu sözcüklere gerek kalmadan sezdirir. Düzen konuştuğunda, metnin yükü hafifler.

Fotoğraf dilinin sahada nasıl karşılık bulacağı, ekranların gerçek içerikle dolmasıyla ortaya çıkar. Örnek görselle iyi görünen bir düzen, firmanın kendi malzemesiyle bambaşka durabilir. Bu yüzden kararı erken kesinleştirmiyor; gerçek fotoğrafları yerleştirdikten sonra oranları, kırpmaları ve boşlukları yeniden gözden geçiriyoruz.

Küçük ekranda okuma sırasını kurmak

Bugün sayfaların büyük bölümü telefon ekranında açılıyor; oysa çoğu düzen hâlâ geniş ekran düşünülerek kuruluyor. Küçük ekranda ögeler alt alta dizildiğinde, hangi bilginin önce görüneceği baştan tasarlanmazsa sıralama bozulur. Biz mobil sırayı sonradan eklenen bir uyarlama değil, web tasarım kurgusunun başından hesaba katılan bir konu olarak ele alıyoruz.

Parmakla dokunulan bir arayüzde hedef alanların yeterince büyük, aralarının da yeterince açık olması gerekir. Yan yana sıkışmış bağlantılar yanlış dokunuşa yol açar ve kişiyi yorar. Düğme boyutlarını, satır aralıklarını ve kaydırma uzunluğunu gerçek elde deniyor; ekranı gözle değil, kullanarak değerlendiriyoruz.

Ticaret yürüten ekipler için bu ayar doğrudan işe dokunur, çünkü müşteri çoğu kez yolda, telefonuyla iletişime geçer. Bu nedenle mobil sırayı yalnızca masaüstünde denemiyor; bağlantı düzenini, içerik akışını ve yükleme davranışını küçük ekranın kendi koşullarında sınayıp sonucuna göre düzeltiyoruz.

İletişim formunu amacına indirgemek

Bir formda istenen her fazladan alan, dolduranı bir adım daha caydırır. Çoğu zaman gerçekten gereken bilgi bir iki satırdan ibarettir; gerisi ileride sorulabilir. Formu bu gözle kısaltıyor, yalnızca ilk teması kurmaya yetecek soruları bırakıyoruz. Kısa bir form, gelen mesaj sayısını çoğunlukla artırır.

Formun neyi hedeflediği de biçimini belirler. Randevu isteyen bir işletmeyle teklif toplayan bir ekibin ihtiyacı aynı değildir; bu yüzden alanları işin gerçek akışına göre seçiyoruz. Konaklama ve ağırlama işlerinde tarih, kişi sayısı gibi tek soru bazen yeterken, başka işlerde tek bir açıklama kutusu daha uygun olur.

Form, gönderildikten sonra ne olacağı belli olduğunda güven verir. Mesajın ulaştığını bildiren kısa bir onay, kişiye bekleyip beklemeyeceğini söyler. Bu geri bildirimi, yanıtın kime düşeceğini ve hangi sürede döneleceğini de kayıt altına alarak kuruyoruz; böylece gelen her istek boşlukta kaybolmadan bir sorumluya bağlanır.

Var olan bağlantıları koruyarak taşımak

Eski bir sitenin yerine yenisi geçerken en kolay gözden kaçan konu, önceden paylaşılmış adreslerdir. Bir sayfanın adresi değişir de eskisi boşa düşerse, o bağlantıya tıklayan kişi hata ekranıyla karşılaşır. Çalışmaya başlamadan önce mevcut adreslerin dökümünü çıkarıyor, hangisinin nereye karşılık geleceğini tek tek eşliyoruz.

Farklı ilçelerde çalışan ekiplerde bu eşleştirme, ancak eski içeriğin sahadaki kullanımı bilinerek doğru yapılır. Hangi sayfanın hâlâ ziyaret aldığını, hangisinin işlevini yitirdiğini varsayımla değil, gerçek kayıtla değerlendiriyoruz. Değeri süren adresleri yeni yapıda karşılıksız bırakmıyor, yönlendirmeleri kurup sonucu deniyoruz.

Taşıma sırasında elde bulunan malzemenin de yeri değişir; fotoğraflar, belgeler ve metinler yeni düzene aktarılırken bağlantılarının kopmaması gerekir. Bu aktarımı doğrulanmış bir listeyle yürütüyor, her ögenin eski ve yeni konumunu kayda geçiriyoruz. Yayına geçtikten sonra da bağlantıları gezip kırık kalan bir yol olup olmadığını sınıyoruz.

Paneli günlük kullanıma göre kurmak

Bir sitenin uzun ömrü, sahibinin onu kendi başına güncelleyebilmesine bağlıdır. Yönetim tarafını, teknik bilgisi olmayan birinin de rahatça kullanabileceği sadelikte kuruyoruz. Hangi metnin, görselin ya da fiyatın nereden değişeceği açıkça işaretli olmalı; kişi her küçük düzenleme için dışarıya bağımlı kalmamalıdır. İyi bir web tasarım teslimi burada tamamlanır.

Panelde nelerin düzenlenebilir kalacağına, işletmenin gerçek ihtiyacına bakarak karar veriyoruz. Sık değişen bilgiler kolay erişilir bir yere alınır; nadiren dokunulan yapısal ayarlar ise yanlışlıkla bozulmasın diye ayrı tutulur. Böylece günlük kullanım hem hızlanır hem de hata payı düşer.

Teslimden önce paneli gerçek bir görevle deniyoruz: ekip üyesinden bir metni değiştirmesini, bir görseli yenilemesini istiyor, takıldığı yeri not alıyoruz. Bu deneme, tarifin kâğıt üstünde değil elde işlediğini gösterir. Kalan sorulara karşılık kısa bir kullanım notu bırakıyor, sonraki adımı da yazılı hâle getiriyoruz.

Erişilebilirlik ayrıntılarını tek tek denetlemek

Bir sayfanın herkes için okunabilir olması, elde bulunan içeriğin nasıl sunulduğuna bağlıdır. Metinle arka plan arasındaki karşıtlığı, yazı büyüklüğünü ve bağlantıların ayırt edilebilirliğini tek tek gözden geçiriyoruz. Görseller için açıklama metni bırakmak, resmi göremeyen bir ziyaretçinin de bağlamı kaçırmamasını sağlar.

Erişilebilirlik, ekranı yalnızca fareyle değil, klavyeyle de gezebilmeyi kapsar. Odak sırasının mantıklı ilerlemesi, bir bağlantıya klavyeyle ulaşılabilmesi çoğu zaman gözden kaçar. Bu davranışları doğrulanmamış varsayımla geçmiyor; gerçek denemeyle sınıyor, aksayan yeri kaydedip düzeltiyoruz. Böylece sayfa daha geniş bir kullanıcıya açılır.

Bu denetimi telefon ve bilgisayar senaryolarının ikisinde birden yürütüyoruz, çünkü aynı içerik iki ortamda farklı davranabilir. Ziyaretçinin okuma kolaylığıyla, güncellemeyi yapacak kişinin panel deneyimini ortak bir kontrol listesinde birleştiriyor; hem dışarıdan bakanı hem de içeride çalışanı aynı özenle gözetiyoruz.

Yayına geçmeden bütünlüğü sınamak

Bir çalışmanın hazır sayılması, tek tek parçaların değil, hepsinin birlikte doğru işlemesiyle olur. Yayından önce her bağlantıyı geziyor, her formu deniyor, her görselin doğru yüklendiğini denetliyoruz. Bu son turda çıkan küçük aksaklıklar, sonradan ziyaretçinin karşısına çıkacak sorunların büyük bölümünü baştan eler.

Elde bulunan içeriğin son hâlini de bu aşamada bir kez daha okuyoruz; yazım tutarlılığı, tarih ve iletişim bilgisi gibi kolay eskiyen ayrıntılar burada doğrulanır. Kullanım beklentisini ve yenileme temposunu göz önünde tutarak, teslimden sonra ilk hangi bilginin güncelleneceğini de not düşüyoruz.

Bütünlük sınaması, işi kimin sürdüreceğini de kayda alır. Hangi bilginin nereden geldiğini, hangi ekranda göründüğünü ve kimin yetkisiyle değişeceğini izlenebilir biçimde belgeliyoruz. Böylece yayın anı bir bitiş değil, sağlam bir başlangıç olur; sonraki aylarda kim devralırsa devralsın, dayanacağı açık bir kayıt bulur.

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

Evet, geçici yer tutucu metin ve örnek görsellerle iskeleti kurmaya başlayabiliriz. Ancak bir web tasarım çalışmasında düzenin son hâli, gerçek metin ve fotoğraf yerine oturduktan sonra kesinleşir; çünkü içeriğin uzunluğu ve tonu, boşlukları ve sıralamayı doğrudan etkiler. Bu yüzden iskeleti erken kurar, içerik geldikçe oranları yeniden ayarlarız.

Çoğu durumda mevcut alan adı olduğu gibi taşınır; yeni siteyi ona bağlarız. Bunun için erişim bilgilerinin sizde bulunması ve yönlendirmenin doğru yapılması yeterlidir. Alan adının kime kayıtlı olduğunu ve yenileme sorumluluğunu baştan netleştirir, geçiş sırasında kesinti yaşanmaması için adımları önceden planlarız.

Panel, sık değişen metin, görsel ve iletişim bilgisi gibi alanları teknik bilgi gerektirmeden düzenleyebileceğiniz biçimde kurulur. Yapıyı bozabilecek ayarlar ise yanlışlıkla değişmesin diye ayrı tutulur. Hangi alanların düzenlenebilir kalacağını başlangıçta birlikte kararlaştırır, teslimde kısa bir kullanım notu bırakırız.

Evet, küçük ekran görünümünü yalnızca bir simülasyonda değil, farklı boyuttaki gerçek cihazlarda deneriz. Dokunma alanlarının rahatlığını, kaydırma uzunluğunu ve içerik sırasını elde sınar, aksayan noktayı düzeltiriz. Amaç, sayfanın masaüstünde olduğu kadar telefon ekranında da sorunsuz okunmasıdır.

Önce mevcut adreslerin dökümünü çıkarır, hangisinin ziyaret aldığını ve yeni yapıda neye karşılık geleceğini eşleriz. Değeri süren adresleri karşılıksız bırakmaz, uygun yönlendirmeleri kurarız. Yayından sonra bağlantıları bir kez daha gezerek kırık kalan bir yol olup olmadığını denetleriz.

Teslimde işin nasıl güncelleneceğini anlatan kısa bir not ve gerekli erişim bilgilerini bırakırız. Sonrasında ortaya çıkan sorular ya da küçük düzenlemeler için nasıl ulaşılacağı ve hangi sürede dönüleceği baştan bellidir. Böylece yayın anı bir kapanış değil, sürdürülebilir bir çalışmanın başlangıcı olur.