Web Tasarım

Web Tasarım Kararlarını Kâğıt Üzerinde Netleştirdikten Sonra Kodluyoruz

İşletmeniz için bir siteye başlamadan önce, sizinle oturup neyi neden istediğinizi uzun uzun konuşuyoruz. Web tasarım işini teknik bir süsleme değil, satışa ve güvene dokunan bir karar zinciri olarak görüyoruz. Ürününüzü kimin aradığını, hangi soruyla geldiğini ve sizden ne beklediğini anlamadan tek bir ekran çizmiyoruz. Muş’ta hizmet veren işletmelerin çoğu, telefonda tekrar tekrar aynı soruları yanıtlıyor; biz bu soruları sitenin ana omurgası hâline getiriyoruz. Rakip sitelere bakıp taklit etmek yerine, sizin gerçek fiyat aralığınızı, teslim sürenizi ve çalışma bölgenizi masaya koyuyoruz. Bu ilk konuşma bazen bir saat sürer, bazen üç; ama sonunda elimizde bir taslak değil, uygulanabilir bir plan oluyor. Baştan konuşulmayan her ayrıntının sonradan hem zaman hem bütçe kaybı olarak geri döndüğünü çok gördük. Böylece tasarım aşamasına geçtiğimizde ne yapacağımızı ikimiz de net biçimde biliyoruz. Amacımız, ilk günden ortak bir dil kurmak ve beklentileri baştan aynı yere oturtmak.
Planlamada en çok vakit ayırdığımız şey, sayfaların sıralaması ve her sayfanın tek bir işe odaklanmasıdır. Ana sayfa herkese her şeyi anlatmaya çalışırsa kimseye ulaşamaz; bu yüzden ziyaretçiyi adım adım yönlendiren bir akış kuruyoruz. Hangi bilginin üstte, hangisinin altta duracağını tahminle değil, sizin müşterinizin karar sırasına göre belirliyoruz. Bir hizmet sayfasında önce güven, sonra ayrıntı, en sonda iletişim çağrısı gelir; bu sırayı bozan bir düzen ziyaretçiyi yorar. İçerik metinlerini de bu aşamada birlikte hazırlıyoruz, çünkü boş kutulara sonradan yazı sığdırmak her zaman kötü sonuç verir. Metin önce yazılırsa tasarım ona hizmet eder; tasarım önce yapılırsa metin kutuya sıkışıp anlamını yitirir. Görselleri, başlıkları ve butonları bu iskeletin üzerine tek tek yerleştiriyoruz. Sayfa haritası netleştiğinde işin yarısı zaten bitmiş oluyor ve geri kalan kısım çok daha hızlı ilerliyor. İyi bir harita, ekip ne kadar büyürse büyüsün herkesin aynı hedefe bakmasını sağlar.
Renk, yazı tipi ve boşluk seçimlerini modaya göre değil, okunabilirliğe göre yapıyoruz. Bir web tasarım süreci ne kadar gösterişli olursa olsun, telefonun küçük ekranında metin okunmuyorsa işe yaramaz. Bu yüzden ekranı önce sade kuruyor, sonra yalnız gerektiği kadar süslüyoruz. Markanızın hazır bir kimliği varsa ona sadık kalıyor, yoksa birkaç basit kural belirleyip tutarlı bir görünüm oluşturuyoruz. Butonların rengi, tıklanabilir alanların büyüklüğü ve satır aralığı gibi ayrıntılar, kullanıcı farkında olmadan güven kurar ya da güveni sarsar. Tasarımı size ara aşamalarda gösteriyoruz; beğenmediğiniz noktayı erkenden söylemeniz, sonradan büyük değişiklik yapmaktan çok daha ucuza gelir. Aşırı süs çoğu zaman bir zayıflığı örtmek için kullanılır; oysa sade bir ekran kendine güvenir. Amacımız gözü değil, ziyaretçinin kararını hızlandıran dürüst bir arayüz kurmak. Sadelik tembellik değil; gereksiz olanı bilinçle ayıklama işidir.

Sayfa Düzenini Ziyaretçinin İlk On Saniyesine Göre Kuruyoruz

Ziyaretçi sitenize girdiğinde ilk saniyelerde burasının kendisine uygun olup olmadığını sorar. İyi bir web tasarım, bu soruya daha kaydırma yapmadan görünen alanda cevap verir. Bunun için en üst bölüme ne iş yaptığınızı, kime hitap ettiğinizi ve size nasıl ulaşılacağını net biçimde koyuyoruz. Slogan yerine somut bir cümle, stok fotoğraf yerine sizin işinizi gösteren gerçek bir görsel tercih ediyoruz. Menüyü kısa tutuyoruz, çünkü uzun menüler karar vermeyi kolaylaştırmak yerine zorlaştırır. Ziyaretçinin gözü doğal olarak soldan sağa ve yukarıdan aşağıya aktığı için, en önemli çağrıyı bu yolun üzerine yerleştiriyoruz. İnsan bir sayfada önce okumaz, tarar; bu taramada işine yarayan bir şey bulamazsa saniyeler içinde çıkar. İlk ekran işe yarar bilgiyle dolduğunda kalan sayfalar için de güven oluşuyor ve ziyaretçi aşağı inmeye istekli hâle geliyor. İlk izlenim bir kez oluşur ve onu sonradan düzeltmek çok daha zordur.
Ana ekranın altında ziyaretçiyi tek bir uzun sayfada boğmuyoruz. Bilgiyi mantıklı bloklara ayırıyor, her bloğa kendi başlığını veriyoruz ki göz gezdiren biri bile ana fikri yakalasın. İnsanların çoğu yazının tamamını okumaz; bu yüzden başlıklar tek başına okunduğunda bile bütün hikâyeyi anlatmalı. Uzun paragraflar yerine kısa cümleler, gerektiğinde küçük listeler kullanıyoruz. Fiyat, teslim ve iletişim gibi kritik bilgileri aratmıyor, kolay görülen yerlere koyuyoruz. Bir bilgiyi bulmak için çaba harcatmak, ziyaretçiyi çoğu zaman doğrudan rakibe yollar. Her bölümün sonunda ziyaretçiye ne yapması gerektiğini söyleyen küçük bir yönlendirme bırakıyoruz. Sayfanın en altına ulaşan biri; işletmenizin ne yaptığını, neden güvenilir olduğunu ve sizinle nasıl iletişime geçeceğini artık biliyorsa, kurduğumuz düzen görevini yapmış demektir. Okunması kolay bir sayfa, ziyaretçiye değer verdiğinizi sessizce anlatır.
Tasarımı yalnızca masaüstünde değil, elimizdeki gerçek cihazlarda kontrol ediyoruz. Ziyaretçilerin büyük kısmı siteye telefondan girdiği için, önce küçük ekranı düşünüp sonra büyüğe genişliyoruz. Bir başlık masaüstünde güzel dururken telefonda üç satıra bölünüyorsa, o başlığı yeniden yazıyoruz. Dokunmatik ekranda parmakla basılan butonların birbirine çok yakın olmaması ve formların tek elle doldurulabilmesi, bizim için ölçülebilir kalite göstergeleridir. Metin boyutunu, kullanıcı yakınlaştırma yapmadan rahatça okuyabileceği düzeyde tutuyoruz. Küçük ekranda sağa sola kayan bir sayfa, ziyaretçinin gözünde daha ilk anda özensiz görünür. Sayfa iskeletini her ekran genişliğinde tek tek gözden geçirmek zaman alır, ama bu iş atlanınca ziyaretçi sessizce çıkıp gider ve bunu size kimse haber vermez. Bu yüzden düzeni her boyutta ayrı ayrı denemeyi işin ayrılmaz parçası sayıyoruz. Küçük ekranda rahat olan bir tasarım, büyük ekranda zaten rahattır.

Mobil Hız ve Erişilebilirliği Tasarımın Merkezine Koyuyoruz

Hız, çoğu ziyaretçinin fark etmeden ölçtüğü ama sabrını doğrudan belirleyen bir unsurdur. Açılması üç saniyeyi geçen bir sayfa, ziyaretçinin ilgisini daha içeriği görmeden tüketir. Bu nedenle görselleri işe başlamadan sıkıştırıyor, ekranda göründüğü boyuttan büyük dosya yüklemiyoruz. Gereksiz eklentileri, ağır animasyonları ve kullanılmayan yazı tiplerini baştan eliyoruz. Sunucudan gelen her isteğin bir bedeli olduğunu bildiğimiz için, sayfayı olabildiğince az parçayla kuruyoruz. Muş çevresinde mobil bağlantı her noktada aynı güçte olmayabilir; bunu göz önüne alarak siteyi zayıf bağlantıda da açılacak biçimde hafif tutuyoruz. Hızı yayından önce gerçek bir telefonla ölçüyor, neyi yavaşlatıyorsa onu tek tek buluyoruz. Bir saniyelik gecikme bile, kararsız bir ziyaretçinin geri dönmesine yetebilir. Böylece ziyaretçi beklemekten vazgeçmeden içeriğe ulaşıyor. Hafif bir site, hem ziyaretçinin sabrını hem de kullandığı veriyi korur.
Erişilebilirliği sonradan eklenen bir özellik gibi görmüyoruz; siteyi herkesin kullanabilmesi demek bu. Erişilebilir bir web tasarım, ekran okuyucu kullanan, renkleri zor ayıran ya da yalnız klavyeyle gezen biri için de çalışmalı. Bunun için metinle arka planı yeterli kontrastla ayırıyor, görsellere açıklama yazıyor ve başlık sıralamasını anlamlı tutuyoruz. Formların her alanına etiket koyuyoruz ki ekranı göremeyen biri de hangi kutuya ne yazacağını bilsin. Bağlantıların yazısı buraya tıkla değil, nereye gittiğini anlatan gerçek bir ifade oluyor. Bir düğmeye yalnız fareyle değil klavyeyle de ulaşılabilmesi, sandığınızdan çok daha geniş bir kitleyi kapsar. Bu ayrıntılar hem daha fazla kişiye ulaşmanızı sağlıyor hem de arama motorlarının sayfayı doğru anlamasına yardım ediyor. Erişilebilir bir site, sonuçta herkes için daha rahat kullanılan bir sitedir. Herkesi düşünen bir tasarım, uzun vadede size çok daha geniş bir kapı açar.
Hız ve erişilebilirliği bir kez ayarlayıp bırakmıyor, yayından sonra da izliyoruz. Yeni eklenen bir görsel ya da küçük bir güncelleme sayfayı fark ettirmeden yavaşlatabilir; bunu görmek için siteyi düzenli aralıklarla ölçüyoruz. Kullanıcıların hangi sayfada takıldığını ve nerede geri döndüğünü verilerle görüp buna göre düzenlemeler yapıyoruz. Tarayıcılar ve telefonlar sürekli değiştiği için, bugün kusursuz görünen bir düzen birkaç ay sonra bozulabilir; ara kontrolleri bu yüzden ihmal etmiyoruz. Bir sorun çıktığında bunu ziyaretçiden önce biz görmek istiyoruz, çünkü şikâyet eden değil sessizce giden ziyaretçi çoğunluktadır. Sizden gelen geri bildirimleri de küçük görmüyoruz, çünkü sahada siteyi asıl kullanan sizsiniz. Bu sürekli bakım, sayfanın ilk günkü hızını ve rahatlığını uzun süre korumasını sağlıyor. Düzenli bakım, büyük onarımların önüne geçen en ucuz önlemdir.
Yayın Sonrası Sahipliği ve Denetimi Sizde Tutuyoruz
Bir web tasarım işini bitirmek, siteyi yayına almakla sona ermiyor; asıl mesele onu kimin kontrol ettiğidir. Alan adını ve barındırma hesabını sizin adınıza açıyor, tüm şifreleri size teslim ediyoruz. Sitenin sahibi bizim değil, sizin hesabınız oluyor; böylece yarın bizimle çalışmasanız bile siteniz yine sizde kalıyor. Bu, bağımlılığı bitiren ve sizi rahatlatan bilinçli bir tercih. Yönetim paneline nasıl girileceğini, basit bir metni ya da fotoğrafı nasıl değiştireceğinizi tek tek gösteriyoruz. Her küçük değişiklik için bizi aramak zorunda kalmayın istiyoruz. Teknik ayrıntıları arka planda biz hallederken, günlük içerik denetimini sizin elinizde tutmanızı sağlıyoruz. Sahiplik en baştan netse, ileride yaşanabilecek pek çok anlaşmazlık daha ortaya çıkmadan çözülmüş oluyor. Bir aracın anahtarı sizde değilse, o araç tam anlamıyla sizin sayılmaz.
Yayın sonrası bakımı belirsiz sözlerle değil, açık bir çerçeveyle konuşuyoruz. Hangi güncellemelerin bizim, hangilerinin sizin sorumluluğunuzda olduğunu baştan yazılı hâle getiriyoruz. Site altyapısının güvenlik güncellemelerini takip ediyor, yedeklerin düzenli alınmasını sağlıyoruz ki bir sorun çıkarsa geriye dönmek mümkün olsun. İçerik ekleme, kampanya sayfası açma ya da yeni bir hizmet tanıtma gibi işleri talebinize göre yapıyoruz. Aylarca kimsenin dokunmadığı bir site zamanla hem güvenlik açığı hem de itibar kaybı olur. Ziyaretçi, güncellenmeyen bir sitede eski bir bilgiyle karşılaşınca duyduğu güveni yitirir. Bu yüzden siteyi bir kez kurulup unutulan bir pano değil, canlı bir araç gibi görmenizi öneriyoruz. Ne zaman neyi güncelleyeceğimizi önceden konuştuğumuz için, beklenmedik bir fatura ya da ani bir kesinti yaşanmıyor. Açık bir anlaşma, iyi günde de zor günde de iki tarafı birden korur.
Uzun ömürlü bir web tasarım ilişkisi, karşılıklı güvene ve şeffaflığa dayanır. Yaptığımız her işi, kullandığımız araçları ve verdiğimiz kararları size sade bir dille anlatıyoruz; teknik terimlerin arkasına saklanmıyoruz. Siteniz büyüdükçe yeni ihtiyaçlar çıkabilir: bir randevu formu, bir ürün listesi ya da başka bir dilde sayfa. Bunları önceden öngörüp altyapıyı esnek kuruyoruz ki ileride her şeyi baştan yapmak gerekmesin. İşletmeniz değiştiğinde siteniz de zorlanmadan değişebilsin istiyoruz. Sizinle kurduğumuz iletişimi projenin bittiği gün kesmiyor, ihtiyaç oldukça yanınızda oluyoruz. Bir sorun çıktığında kime ulaşacağınızı bilmeniz, tek başına büyük bir rahatlıktır. Amacımız tek seferlik bir teslimat değil, işinizin internetteki yüzünü yıllarca ayakta tutan bir çalışma ortaklığı kurmak. Sağlam bir ortaklık, sorun çıkmadan önce de sonra da aynı biçimde yanınızdadır.

Web Tasarım Hakkında Sık Merak Edilenler

Çoğu durumda evet. Öncelikli hizmetlerin ana hatları belliyse, tasarım ile metin yazımı birbirine paralel ilerleyebilir. Eksik kalan bölümler için bir hazırlık listesi çıkarıyor, her alanın ne zaman kesinleşeceğini önceden belirliyoruz. Böylece bekleme, işi tümüyle durdurmak yerine yönetilebilir bir sıraya bağlanır.
Genellikle kullanılabilir. Mevcut alan adının durumu ve daha önce nasıl kullanıldığı incelendikten sonra, yeni siteyle nasıl sürdürüleceği kararlaştırılır. Adres üzerinde bir kısıt yoksa mevcut ad korunabilir; bir engel çıkarsa da seçenekleri birlikte değerlendiririz.
Bu, teslimde birlikte belirlediğimiz yetkilere bağlıdır. Sık güncellenen alanlar, örneğin hizmet açıklamaları ya da iletişim bilgileri, panelden kolayca değiştirilebilecek biçimde ayarlanır. Sitenin genel düzenini etkileyen ayarlar ise yanlış bir dokunuşla bozulmaması için ayrı tutulur, gerektiğinde birlikte ele alınır.
Evet. Sayfanın yalnızca ekranı küçültülünce değil, gerçek telefon ve tabletlerde de beklendiği gibi göründüğünü kontrol ediyoruz. Yazının okunurluğu, düğmelerin dokunulabilirliği ve görsellerin sırası küçük ekranda ayrıca değerlendirilir. Bir aksaklık görülürse yayından önce düzeltilir.
Mevcut içerikler taranır ve kullanılmaya devam edecek adresler belirlenir. Yeni yapıya geçen sayfalar için eski adreslerin karşılığı hazırlanır; böylece daha önce paylaşılan ya da bir yerde kayıtlı kalan bağlantılar boş bir sayfaya değil doğru içeriğe ulaşır. Hangi adresin kalacağına birlikte karar veririz.
Teslim sırasında panelin nasıl kullanılacağını ve sık yapılan güncellemelerin nasıl gireceğini birlikte gözden geçiriyoruz. Sonrasında bir soru çıktığında ya da yeni bir ihtiyaç doğduğunda hangi yolla ulaşabileceğiniz baştan belli olur. Desteğin kapsamı ve süresi de teslimden önce yazılı olarak netleşir.