Web Tasarım

Ziyaretçinin karar yolunu sayfa düzenine dönüştürmek

Bir siteye giren kişi kısa sürede üç şeyi anlamak ister: burada ne sunuluyor, bu iş bana uygun mu ve nasıl iletişime geçerim. Sayfa düzeni bu sıralamayı izlemediğinde ilgi çoğu zaman bilgi eksikliğinden değil, aranan şeyin geç görünmesinden dağılır. Ordu’da hizmetini büyük ölçüde çevrim içi kanallardan duyuran bir işletme için kurduğumuz web tasarım çalışmasında, bu üç adımı tek ve kesintisiz bir akışa yerleştiriyoruz.
Bu akışı çıkarırken varsayımla ilerlemiyoruz. Satış görüşmelerinde en sık tekrarlanan açıklamalar, tekliflerde düzeltilen yanlış anlaşılmalar ve arama kutusuna yazılan ifadeler elimizdeki en somut kaynaklardır. Bunları bir araya getirip hangi bilginin en üstte durması, hangisinin ayrıntı bölümüne inmesi gerektiğini birlikte kararlaştırıyoruz. Bu kaynakları düzenli aralıklarla yeniden okuyor, zamanla değişen soruların sayfanın düzenini de sessizce değiştirdiğini gözden kaçırmıyoruz.
Yayına almadan önce düzeni farklı niyetlerle gezerek deniyoruz: acelesi olan da, ayrıntı arayan da aradığını fazla kaydırmadan bulabilmeli. Başlıkların, bağlantıların ve iletişim adımının beklenen yere düşüp düşmediğini gerçek bir ziyaret gibi izliyor, takılan her noktayı yayından önce düzeltiyoruz.

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

Bir ziyaretçinin en çok zaman kaybettiği an, sunulan işin kendi ihtiyacını kapsayıp kapsamadığını çözemediği andır. Üretimle bayilik bilgisini yan yana veren bir işletmede bu ayrım netleşmezse, doğru kişi yanlışlıkla geri döner. Bu yüzden neyin yapıldığını, kimin için yapıldığını ve nereye kadar üstlenildiğini sayfanın açılışında sade bir dille söylüyoruz.
Kapsam metnini yazmadan önce ekiple oturup, üstlenilen işlerle konu dışında kalanlar arasındaki sınırı tek tek işaretliyoruz. Böylece daha ilk ekranda beklenti doğru kuruluyor; sonradan düzeltme gerektiren yanlış talepler baştan azalıyor.
Hazırlanan sınır anlatımını, konuyu hiç bilmeyen birine okutup burada ne satıldığını kendi cümleleriyle özetlemesini istiyoruz. Verilen cevap niyetimizle örtüşmüyorsa metni ağırlaştırmadan yeniden kuruyor, yayından önce bu yalınlığı koruyoruz. Aynı bölümü birkaç gün sonra tekrar okuyup ilk günkü kadar açık kalıp kalmadığına da bakıyoruz.

Ana sayfadaki güven kanıtlarını doğru sıraya koymak

Ürünlerini farklı illere gönderen bir ekip için güven, uzun taahhüt cümleleriyle değil doğru anda görünen kanıtlarla kurulur. Referans, teslim koşulu, iletişim kolaylığı ve gerçek görsel; hepsi vardır ama sırası yanlışsa etkisini yitirir. İlk ekranda hangi kanıtın öne çıkacağını, ziyaretçinin kafasındaki soru sırasına göre belirliyoruz.
Hangi kanıtın işe yaradığını tahminle değil, geçmiş yazışmalardaki tereddütlere bakarak seçiyoruz. Müşterinin karar vermeden önce en çok neyi teyit etmek istediğini not ediyor, o bilgiyi göz gezdiren birinin ilk fark edeceği yere taşıyoruz.
Sıralamayı sabitlemeden önce sayfayı hızlıca kaydırıp bıraktığı ilk izlenimi ölçüyoruz. Kanıtlar birbirini bastırıyor ya da çok aşağıda kalıyorsa yeniden diziyor, abartıya kaçmadan sakin bir doğrulama düzeni bırakıyoruz. Böylece güven duygusu tek bir vurguya değil, sayfa boyunca tutarlı biçimde dağılan küçük ayrıntılara yaslanıyor.

Mobil bilgi akışını yeniden kurgulamak

Ziyaretlerin çoğu telefondan geldiğinde, masaüstünde iyi duran bir yerleşim küçük ekranda uzun bir tünele dönüşebilir. Deneyimini ve rezervasyon ayrıntısını anlatan bir girişim için asıl mesele bilgiyi daha da kısaltmak değil, sırasını parmakla okunacak biçimde yeniden düşünmektir. Telefonda önce ne görünmeli sorusunu her bölüm için ayrı yanıtlıyoruz.
Küçük ekran kararlarını masabaşında tahmin etmiyoruz; içeriği gerçek bir telefonda, tek elle ve dışarıdaki gündelik dikkat dağınıklığıyla okuyoruz. Hangi satırın kaydırmadan görünmesi, hangi düğmenin başparmağın rahat ulaştığı yere gelmesi gerektiğini bu deneyime göre saptıyoruz.
Yayından önce sayfayı yavaş bağlantıda ve farklı ekran boylarında açıp bekleme anlarını izliyoruz. Görsel geç gelirse yazının yerinden oynamaması, dokunma alanlarının birbirine girmemesi için düzeni sıkılaştırıyor, akıcılığı gerçek kullanımda doğruluyoruz.

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

Bir formun uzunluğu çoğu zaman ihtiyaçtan değil, ne olur ne olmaz diye eklenen alanlardan doğar. Ulaşım bilgisiyle hizmet ayrıntısını birleştiren bir kuruluş için önemli olan her ziyaretçiden her şeyi istemek değil, ilk temasta gerçekten gerekeni sormaktır. Alan sayısını, talebi yavaşlatan bir engel olmaktan çıkarıp yanıtlanması kolay bir davete dönüştürüyoruz.
Hangi alanın kalacağına, gelen taleplerin gerçek içeriğine bakarak karar veriyoruz. Çoğu kişi numarasını bırakıp gerisini konuşmada tamamlıyorsa formu bu gerçeğe göre kısaltıyor; sonradan sorulabilecek her ayrıntıyı ilk adıma yığmıyoruz. Bir alanı çıkarmadan önce, o bilginin bir sonraki adımda zaten sorulup sorulmadığını da denetliyoruz.
Formu devreye almadan önce yanlış doldurma durumlarını bilerek deniyoruz: eksik alan, hatalı numara, yarıda bırakma. Uyarıların anlaşılır çıkması ve gönderim sonrası ne olacağının açıkça görünmesi, tereddüdü azaltan asıl ayrıntıdır.

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

Yerel üretimini yeni alıcılarla buluşturan bir markada görsel, süsleme değil anlatımın parçasıdır. Fındık işleyen bir tesisin düzeni ya da kıyı boyundaki bir atölyenin gerçek çalışması, hazır stok kareleriyle değil kendi fotoğraflarıyla inandırıcı olur. Ordu çevresinde üretim yapan işletmelerde görsel dili, satılan işin dokusuna sadık kalacak biçimde seçiyoruz.
Hangi karelerin kullanılacağına, markanın elindeki gerçek malzemeyi gözden geçirerek karar veriyoruz. İyi çekim yoksa bunu gizlemek yerine sade bir çekim planı öneriyor; renk ve yazı seçimini de bu görsellerin tonuyla uyumlu tutuyoruz.
Görsel bütünlüğü yayından önce farklı ekranlarda tek tek kontrol ediyoruz. Renkler cihazdan cihaza savrulmamalı, yazı görselin üstünde okunaklı kalmalı; bu dengeyi örnek metinlerle değil sayfanın gerçek içeriğiyle doğruluyoruz.

Eski bağlantıları yitirmeden yeni yapıya geçmek

Yıllardır kullanılan bir sitede adreslerin çoğu zamanla aramalarda ve paylaşımlarda birikmiştir. Bunları göz ardı ederek yeni yapıya geçmek, sessizce kaybolan ziyaretçiler demektir. Talebini çevrim içi yürüten bir marka için yenileme, görünümü değiştirmekten çok bu birikmiş değeri koruyarak taşımaktır.
Geçişten önce eski sayfaların tam bir listesini çıkarıp her birinin yeni karşılığını eşliyoruz. Karşılığı olmayanları boşta bırakmıyor, en yakın anlamlı sayfaya yönlendirerek gelen kişinin kırık bir ekranla karşılaşmasını önlüyoruz. Bu eşlemeyi geçici bir not olarak değil, taşınmadan sonra da başvurulabilecek kalıcı bir kayıt olarak saklıyoruz.
Yayın gününde yönlendirmelerin çalıştığını tek tek deniyor, eski ve yeni listeyi satır satır karşılaştırıyoruz. Bir adres yanlış yere gidiyorsa hemen düzeltiyor, taşınmanın dışarıdan hissedilmeden tamamlanmasını hedefliyoruz.

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

Bir site, ancak sahibi içeriğini rahatça güncelleyebiliyorsa yaşamaya devam eder. Üretimle bayilik bilgisini birlikte yöneten bir işletmede panel karmaşıksa en basit değişiklik bile ertelenir ve sayfa zamanla eskir. Bu yüzden nitelikli bir web tasarım, yönetim ekranını teknik terimlerle değil işletmenin gerçek görevleriyle konuşacak biçimde düzenler.
Paneli kurarken, ekipte içeriğe kimin ve ne sıklıkla dokunacağı sorusundan başlıyoruz. Sık kullanılan alanları öne alıyor, nadiren gereken ayarları arkada tutuyor; her alanın yanına kısa ve gündelik dille yazılmış bir açıklama bırakıyoruz.
Teslimden önce güncelleme adımlarını panelde birlikte deniyoruz: bir metni değiştir, bir görseli yenile, bir kaydı ekle. İşletmedeki kişi bunları desteksiz yapabildiğinde panelin hazır olduğunu kabul ediyor, aksi halde sadeleştirmeyi sürdürüyoruz.

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

Erişilebilirlik, yayından sonra eklenen bir düzeltme değil ilk karardan itibaren gözetilen bir yaklaşımdır. Yeterli renk ayrımı, okunur punto, klavyeyle gezilebilen bağlantılar ve görsele yazılan alternatif metin hem daha geniş bir kitleye hem de sıradan kullanıma yarar. Sağlam bir web tasarım, kimseyi dışarıda bırakmayan bir düzeni baştan üstlenir.
Bu kararları en başta almak için renk seçimlerini, yazı boyutlarını ve gezinme sırasını daha taslak aşamasında gözden geçiriyoruz. Bir bilgiyi yalnızca renge yükleyip bırakmıyor, aynı ipucunu yazıyla da veriyor; küçük görünen bu seçimleri sonraya ertelemiyoruz. Aynı sayfayı gündüz ışığında ve düşük parlaklıkta açıp okunurluğun her koşulda korunduğundan emin oluyoruz.
Yayından önce sayfayı yalnızca fareyle değil, klavyeyle ve büyütülmüş yazıyla da geziyoruz. Odak sırası şaşıyor ya da bir bağlantı ipucusuz kalıyorsa düzeltiyor, erişilebilirliği görünür bir alışkanlık olarak metne işliyoruz.

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

Bir sayfanın tek bir ekranda düzgün görünmesi, her yerde düzgün çalışacağı anlamına gelmez. Deneyim ve rezervasyon bilgisi taşıyan bir girişimde küçük bir kayma bile güveni zedeleyebilir. Bu nedenle yayını tasarımcının ekranındaki hâle göre değil, ziyaretçinin elindeki gerçek cihazdaki hâle göre değerlendiriyoruz.
Sınamayı rastgele yapmamak için önceden bir kontrol yolu çıkarıyoruz: hangi sayfalar, hangi ekran boyları, hangi tarayıcılar. Böylece bir yeri atladık endişesiyle değil, baştan belirlenmiş bir sırayla ilerliyor ve her adımı kaydediyoruz.
Metinleri, görselleri, formları ve dokunma hareketlerini farklı cihazlarda tek tek açıp gündelik kullanımı taklit ediyoruz. Bulunan her aksaklığı yayından önce kapatıyor; açılış gününde iyi görünen değil, sonraki günlerde de dağılmayan bir sayfa bırakıyoruz.

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

Bir sitenin ömrü açıldığı günle değil, aylar sonra ne kadar güncel kaldığıyla ölçülür. Ulaşım ve hizmet ayrıntısını birleştiren bir kuruluşta, hele Ordu gibi mevsimlik hareketin yoğun olduğu bir yerde, fiyat, saat ya da kapsam sık değişebilir. Bu yüzden teslimi bir bitiş değil, düzenli bakımın başlangıcı olarak kuruyoruz.
Bakımı belirsizliğe bırakmamak için hangi bilginin ne sıklıkla eskiyeceğini önceden konuşuyoruz. Sık değişen alanları kolay düzenlenir yapıyor, nadiren dokunulanları sabit tutuyor; böylece güncelleme bir proje değil, birkaç dakikalık bir işe dönüşüyor. Hangi işin işletmede kimin sorumluluğunda olduğunu da baştan konuşup bakımın belirli kişilere göre dağılmasını sağlıyoruz.
Teslimden önce küçük bir güncellemeyi baştan sona birlikte yapıp sürecin gerçekten kolay olduğunu görüyoruz. Zorlanılan adım varsa paneli ya da yönergeyi sadeleştiriyor, sayfayı kendi başına taze tutulabilir bir hâlde bırakıyoruz.

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

Süre çoğunlukla sayfa sayısından değil, içerik hazırlığından ve onay temposundan etkilenir. Metinler ile görseller hazır olduğunda çalışma belirgin biçimde kısalır. Kapsam, özel işlevler ve geri bildirim için gereken günler netleştiğinde aşamalı ve gerçekçi bir takvim çıkarılır.
Hayır. Bilgi sırası, düğmeler, görseller ve formlar daha ilk tasarım kararından itibaren telefon ekranıyla birlikte düşünülür. Küçük ekran, sonradan eklenen bir uyarlama değil çalışmanın çıkış noktalarından biridir.
Evet. Yönetim paneli günlük görevlere göre hazırlanır ve teslimde güncelleme adımları uygulamalı olarak birlikte denenir. Amaç, basit bir değişiklik için her seferinde dışarıya bağımlı kalmamanızdır.
Hesap sahipliği teklif ve teslim planında açıkça yazılır. Erişimlerin işletmenin kendi adına durması esas alınır; böylece ileride sağlayıcı ya da ekip değişse de denetim sizde kalır.
Uygun bir yönlendirme planıyla değer taşıyan bağlantılar korunur. Eski ve yeni sayfa listeleri yayından önce karşılaştırılır, karşılığı olmayan adresler en yakın anlamlı sayfaya bağlanır.
Fiyatı yalnızca sayfa sayısı değil; metin ve görsel hazırlığı, veri aktarımı, özel işlevler, test, eğitim ve teslim sonrası destek gibi kalemlerin toplamı belirler. Kapsam netleştiğinde bu emek başlıkları tek tek konuşulur.