Web Tasarım

Web Tasarım Planını Müşterinizin Aklındaki Üç Soru Belirliyor

Diyarbakır’da bir işletmenin sitesini açan ziyaretçi, ilk bakışta genellikle üç şeyi öğrenmek ister: burada ne sunuluyor, bu bana uygun mu ve size nasıl ulaşabilirim. Web tasarım sürecini bu üç sorunun cevabını netleştirerek kuruyoruz. İlk görüşmede ürün ya da hizmet listenizi, müşterilerinizin en sık sorduğu soruları ve taleplerin size hangi kanaldan ulaştığını konuşuyoruz. Telefonla arayan müşteri ile form dolduran müşteri farklı beklentilerle gelir; sitenin hangisini öne alacağı bu konuşmada belli olur. Hedef kitlenizi de yaş ya da meslek gibi genel etiketlerle değil, siteye hangi durumda ve hangi soruyla geldikleriyle tarif ediyoruz. Elinizde katalog, broşür, eski bir site ya da sosyal medya paylaşımları varsa hepsini birlikte gözden geçiriyoruz. Böylece sıfırdan içerik uydurmak yerine işletmenizin zaten kullandığı dili ve müşterinizin tanıdığı ifadeleri temel alıyoruz. Bu ilk adımda tuttuğumuz notlar, sonraki aşamalarda her tasarım kararını tartarken başvurduğumuz ortak bir ölçüye dönüşüyor.

Rakip siteleri de inceliyoruz, ancak amacımız onları kopyalamak değil. Sektörünüzde ziyaretçinin alıştığı düzeni görmek, herkesin atladığı bilgiyi fark etmek ve sizi ayıracak noktayı bulmak istiyoruz. Örneğin rakiplerin çoğu fiyat konusunu hiç açmıyorsa, fiyatı belirleyen etkenleri dürüstçe anlatan bir bölüm size güven kazandırabilir. Bu karşılaştırmanın ardından sitenin birincil eylemini seçiyoruz: telefonla arama, teklif formu, mesaj ya da mağaza ziyareti. Birden fazla eylem olabilir, ama her sayfada birinin öncelikli olması ziyaretçinin kararsız kalmasını önler. Sayfanın her noktasında görünen sabit bir iletişim düğmesi, bu önceliği ziyaretçiye sürekli hatırlatır. Aynı görüşmede siteye neleri koymayacağımıza da karar veriyoruz. Güncelliğini yitirmiş kampanyalar, kimsenin okumadığı uzun tarihçeler ya da yalnızca sizin ekibinizin anladığı kısaltmalar sayfayı kalabalıklaştırır ve asıl mesajı gölgede bırakır. Bu elemeyi baştan yapmak, tasarım aşamasında gereksiz sayfalarla uğraşmamızı engelliyor ve emeği gerçekten iş getiren bölümlere ayırmamızı sağlıyor.

Keşif aşamasını kısa bir çalışma belgesiyle kapatıyoruz. Bu belgede hedef kitleniz, sitenin birincil eylemi, sayfa listesi, hazır ve eksik içerikler ile sorumluluk paylaşımı yer alıyor. Belgenin tek sayfayı geçmemesine özen gösteriyoruz, çünkü uzun belgeler okunmaz ve kimse onlara geri dönmez. Metinleri kimin yazacağı, fotoğrafların nereden geleceği ve onayı kimin vereceği baştan yazıya geçtiğinde süreç tıkanmadan ilerliyor. Başarıyı nasıl ölçeceğimizi de burada tanımlıyoruz; gelen form sayısı, telefon düğmesine dokunma ya da belirli bir sayfada geçirilen süre gibi izlenebilir ölçütler seçiyoruz. Web tasarım işini bir kez teslim edilip unutulan bir ürün olarak görmediğimiz için bu ölçütleri, yayından sonra sizin de takip edebileceğiniz biçimde kuruyoruz. Belge onayınızla kesinleşiyor ve sonraki her tartışmada ortak başvuru noktası oluyor. Tasarım sırasında yeni bir fikir çıkarsa önce bu belgeye dönüyor, fikrin hedefe gerçekten katkı sağlayıp sağlamadığını birlikte değerlendiriyoruz.

Görevi Belli Sayfalar, Sade Metinler, Arama Motoruna Hazır Altyapı

Site haritasını çizerken sayfa sayısıyla değil, her sayfanın üstleneceği görevle başlıyoruz. Ana sayfa ziyaretçiyi doğru yere yönlendirmeli, hizmet sayfası karar vermeye yetecek bilgiyi sunmalı, iletişim sayfası ise ziyaretçiyi hiç bekletmeden size ulaştırmalıdır. Birbirinin görevini tekrar eden sayfaları birleştiriyor, tek sayfaya sığmayan konuları ayırıyoruz. Kurumsal sitelerde hakkımızda, hizmetler, referanslar ve iletişim gibi bilinen bölümler bulunur, ama bunların sırası ve derinliği her işletmede farklıdır. Menüde az sayıda ana başlık bırakıyoruz, çünkü seçenek çoğaldıkça ziyaretçinin aradığını bulması zorlaşır. Her sayfa için kısa bir içerik taslağı hazırlıyoruz: hangi soruya cevap verecek, hangi ara başlıklar yer alacak ve sayfanın sonunda ziyaretçiyi hangi adıma davet edecek. Bu taslak, tasarımcı ile metin yazarının aynı hedefe bakmasını sağlıyor. Siz de sayfaların ne işe yarayacağını tasarım ekrana gelmeden görmüş oluyor, itirazlarınızı henüz her şey kolayca değiştirilebilirken dile getirebiliyorsunuz.

İçerik yazımında sizinle ortak çalışıyoruz. Sektörünüzün inceliklerini siz biliyorsunuz; biz bu bilgiyi ziyaretçinin hızla tarayabileceği bir dile çeviriyoruz. Uzun paragrafları bölüyor, ara başlıklar ekliyor, sık sorulan soruları sayfanın ilgili yerine yerleştiriyoruz. Teknik terimleri gerektiği yerde koruyor, yanına sade bir açıklama ekliyoruz. Bütün sayfalarda aynı hitap biçimini ve aynı terimleri kullanmaya dikkat ediyoruz, çünkü tutarsız bir dil ziyaretçide dağınıklık hissi bırakır. Fotoğraf konusunda gerçek görüntüleri tercih ediyoruz; işletmenizin mekânı, ekibi ve ürünleri, hazır görsellerden çok daha güçlü bir güven duygusu yaratır. Çekim imkânı yoksa hazır görselleri dikkatle seçiyor, sayfanın konusuyla doğrudan ilgili olanları kullanıyoruz. Özenli bir web tasarım çalışması içerik hazır olmadan tamamlanamaz, bu nedenle metin ve görsel takvimini tasarım takvimiyle birlikte planlıyoruz. Eksik bir metin yüzünden bütün sitenin beklemesini önlemek için önce en kritik sayfaların içeriğini tamamlıyoruz. Sitede yer alacak her bilginin doğruluğunu da yayından önce sizinle tek tek teyit ediyoruz.

Arama motorlarının sitenizi doğru anlaması için gereken temel altyapıyı da bu aşamada kuruyoruz. Her sayfaya konusunu anlatan bir başlık etiketi ve açıklama metni yazıyoruz. Bu etiketleri yazarken kelimeleri yığmak yerine, arama sonucunda tıklamaya değer görünen doğal cümleler kuruyoruz. Sayfa adreslerini kısa ve okunur tutuyor, başlık hiyerarşisini içerik taslağına göre düzenliyoruz. Görsellere içeriklerini tarif eden alternatif metinler ekliyoruz; bu hem arama motorlarına hem de ekran okuyucu kullanan ziyaretçilere yardımcı olur. İşletmeniz fiziksel bir adreste hizmet veriyorsa adres, telefon ve çalışma saatlerini bütün sayfalarda aynı biçimde gösteriyor, harita profilinizle uyumlu olmasını sağlıyoruz. Site haritası dosyasını oluşturup arama motorlarının doğrulama araçlarına bildiriyor, dizine girmemesi gereken yönetim sayfalarını kapalı tutuyoruz. Eski bir siteden taşınıyorsanız önceki adreslerin yeni sayfalara yönlendirilmesini planlıyoruz ki bugüne kadar kazanılmış ziyaretler kaybolmasın. Bu hazırlık bir sıralama vaadi değildir; sitenin arama tarafında engelsiz bir başlangıç yapmasını sağlayan sağlam bir zemindir.

Görsel Dili Önce Telefon Ekranında, Sonra Hız Testinde Sınıyoruz

Görsel tasarıma masaüstü ekranla değil, telefon ekranıyla başlıyoruz. Ziyaretçilerinizin önemli bir kısmı sitenize yolda, iş arasında ya da bir mesajdaki bağlantıya dokunarak gelir. Dar ekranda başlığın, iletişim düğmesinin ve ana mesajın kaydırmadan görünmesi, bu ziyaretçinin sitede kalıp kalmayacağını büyük ölçüde belirler. Masaüstü görünümü bu dar düzenin genişletilmiş hali olarak kuruyoruz; böylece hiçbir önemli bilgi küçük ekranda gizli kalmıyor. Renkleri ve yazı karakterlerini kurumsal kimliğinizden alıyoruz; logonuz yoksa ya da ekranda zor okunuyorsa bunu açıkça söylüyor, basit bir çözüm öneriyoruz. Yazı boyutunu okunabilirliğe göre seçiyor, zemin ile metin arasındaki kontrastı ölçüyoruz. Düğmeleri parmakla rahatça dokunulabilecek büyüklükte ve birbirinden yeterince uzak tasarlıyoruz. Görsellerin süs olarak kalmamasını, her birinin anlatılan konuyu desteklemesini istiyoruz. Bu kararların her biri tek başına küçük görünür, ama bir araya geldiklerinde web tasarım kalitesini ziyaretçinin gözünde belirleyen asıl unsurlar bunlardır.

Tasarımı tek tek sayfalar olarak değil, tekrar kullanılabilen parçalardan oluşan bir sistem olarak kuruyoruz. Başlık düzeni, kart yapısı, form alanları, uyarı kutuları ve düğmeler her sayfada aynı kurallarla davranıyor. Bu tutarlılık, ziyaretçinin sitenizi birkaç tıklamada öğrenmesini sağlıyor; sonradan yeni sayfa eklemek de kolaylaşıyor. Renk, boşluk ve yazı ölçülerini bir stil rehberinde topluyoruz; bu rehber, ileride sitede çalışacak herkesin aynı düzeni korumasına yardım ediyor. Onay için size önce ana sayfanın ve bir iç sayfanın taslağını gösteriyoruz. Geri bildiriminizi bu iki ekran üzerinden topladıktan sonra kalan sayfalara geçiyoruz, böylece yanlış bir yönde bütün siteyi tasarlayıp zaman kaybetmiyoruz. Taslakları durağan resimler yerine tıklanabilir önizlemeler olarak paylaşıyoruz. Telefonunuzdan açıp gezindiğinizde, gerçek kullanımda neyin rahat neyin zor olduğunu kendiniz görebiliyorsunuz. Revizyon turlarını da baştan konuşuyor, her turda hangi geri bildirimlerin uygulandığını tek bir listede gösteriyoruz.

Hız, görsel tasarımdan ayrı düşünülemez. Güzel görünen ama geç açılan bir sayfa, ziyaretçi onu görmeden kapattığı için hiçbir işe yaramaz. Fotoğrafları ekran boyutuna uygun ölçülerde ve yeni nesil dosya biçimlerinde sunuyor, görünür alana gelmeyen görselleri sayfa açıldıktan sonra yüklüyoruz. Kullanılmayan kod dosyalarını ve gereksiz eklentileri siteye hiç almıyoruz. Yazı karakterlerini sınırlı sayıda ağırlıkla yüklüyor, animasyonları yalnızca anlam kattığı yerde kullanıyoruz. Barındırma tarafında önbellek ve sıkıştırma ayarlarını açarak sunucunun cevap süresini kısaltıyoruz. Yayından önce siteyi farklı telefon modellerinde, tarayıcılarda ve yavaş bağlantı koşullarında deniyoruz. Formların doğru adrese ulaştığını, telefon numarasına dokununca aramanın başladığını ve harita bağlantısının doğru konumu açtığını tek tek kontrol ediyoruz. Klavyeyle gezinmeyi, form hata mesajlarını ve bağlantı metinlerinin anlaşılırlığını da erişilebilirlik açısından gözden geçiriyoruz. Ölçüm araçlarının verdiği puanları takip ediyoruz, ama asıl ölçütümüz sayfanın gerçek bir telefonda gecikmeden açılması ve rahatça kullanılabilmesidir.

Site Yayına Girdikten Sonra Anahtarlar Sizin Elinizde

Siteyi açmadan önce alan adı ve barındırma hesabının kimin adına kayıtlı olduğunu netleştiriyoruz. Tercihimiz, ikisinin de işletmeniz adına açılması ve giriş bilgilerinin sizde durmasıdır. Yönetim paneline tam yetkili bir hesapla erişebiliyorsunuz; bizim hesabımız ise bakım için ayrıca tanımlanıyor. Alan adının yenileme tarihini ve barındırma paketinin kapsamını size yazılı olarak bildiriyoruz. Bu sayede yenileme tarihinin fark edilmeden geçmesi ve sitenin kapanması gibi bir sürprizle karşılaşmazsınız. Güvenlik sertifikasını kuruyor, otomatik yedeklemeyi açıyor ve yedeklerin sunucudan bağımsız bir yerde de saklanmasını sağlıyoruz. Web tasarım hizmetimizin bir parçası olarak arama motoru doğrulama araçlarını ve ziyaret istatistiklerini de sizin hesabınıza bağlıyoruz. Böylece ileride farklı bir ekiple çalışmaya karar verseniz bile hiçbir veri ya da erişim bize bağımlı kalmıyor. Kurumsal e-posta adreslerinizi de alan adınız üzerinden açıyor, eski adreslerden yeni adreslere yönlendirmeleri kuruyoruz. Eski sitenin kapanması ile yeni sitenin açılması arasında boşluk kalmaması için geçişi trafiğin sakin olduğu bir saatte yapıyoruz.

Site açıldığında size kısa bir kullanım eğitimi veriyoruz. Metin değiştirmek, fotoğraf eklemek, duyuru yayınlamak ya da bir hizmetin açıklamasını güncellemek gibi günlük işleri kendiniz yapabileceksiniz. Bunun için ekran kayıtlarıyla desteklenmiş sade bir rehber de bırakıyoruz. Hangi değişikliği sizin, hangisini bizim yapmamızın daha güvenli olduğunu eğitimde açıkça ayırıyoruz. Örneğin menü yapısını ya da tasarım ayarlarını değiştirmek yerine bize yazmanız, sitenin düzeninin bozulmasını önler. Eğitimi tek bir kişiye değil, sitede içerik güncelleyecek herkese veriyoruz; çalışan değişse bile bilgi işletmenin içinde kalıyor. Açılıştan sonraki ilk dönemde formları, telefon tıklamalarını ve hata kayıtlarını yakından izliyoruz. Gerçek ziyaretçi davranışı çoğu zaman planladığımızdan farklı çıkar; örneğin insanlar beklediğimiz sayfa yerine sık sorulan sorular bölümünde uzun süre kalabilir. Bu tür gözlemler, küçük düzenlemelerle sitenin daha iyi çalışmasını sağlar. Değişiklik önerilerimizi gerekçeleriyle birlikte sunuyor, onayınız olmadan yayındaki hiçbir içeriğe dokunmuyoruz.

Uzun vadede sitenin sağlıklı kalması düzenli bakıma bağlıdır. Bakım kapsamında yazılım güncellemelerini önce deneme ortamında test ediyor, sorun çıkmazsa canlı siteye uyguluyoruz. Güvenlik taramalarını ve yedeklerin gerçekten geri yüklenebildiğini dönemsel olarak kontrol ediyoruz. Kırık bağlantıları, bozulan formları ve yavaşlayan sayfaları raporlayıp düzeltiyoruz. Yapılan işleri ve dikkat edilmesi gereken noktaları düzenli aralıklarla sade bir raporla size iletiyoruz. Acil bir sorun çıktığında bize hangi kanaldan ulaşacağınız da baştan belli oluyor. İşletmeniz büyüdükçe yeni hizmet sayfaları, kampanya alanları ya da çok dilli bölümler gerekebilir. Tasarım sistemini baştan bu genişlemeye uygun kurduğumuz için bu eklemeler mevcut düzeni bozmadan yapılabiliyor. Diyarbakır’daki işletmelerle çalışırken en çok önem verdiğimiz nokta, sitenin sahibinin kendini ona yabancı hissetmemesidir. Bir web tasarım projesini teslim ettiğimizde, sitesinin nasıl çalıştığını bilen, dosyalarına erişebilen ve gerektiğinde kendi kararını verebilen bir işletme sahibi bırakmak istiyoruz.

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

Hayır, bütün metinlerin en baştan hazır olması gerekmez. Önce sayfaların amacını ve her bilginin sahibini belirlemek yeterlidir. Eksik kalan metinler için teslim tarihi, onay sorumlusu ve gerekli kaynak kayda alınır; doğrulanmamış cümleler yalnızca boşluğu doldurmak amacıyla yayına konmaz.

Alan adının sahipliği ve barındırma erişimi doğrulanabiliyorsa mevcut adres korunabilir. Sunucu sürümü, depolama ya da güvenlik koşulları yeni yapıyı karşılamıyorsa taşıma seçenekleri, olası kesinti riski ve sorumluluklar önceden açıkça anlatılır. Diyarbakır’daki bir işletmenin yıllardır tanınan adresini gereksiz yere değiştirmemeye çalışırız.

Sık güncellenen hizmet metinleri, görseller, duyurular ve geçmiş işler için kontrollü düzenleme alanları açılabilir. Teknik düzeni etkileyebilecek seçenekler ise yetkiye bağlanır. Teslim sırasında doğru görsel oranı ve uygun başlık uzunluğu uygulamalı olarak gösterilir; böylece güncelleme yapan kişi ne yaptığından emin olur.

Evet, telefon görünümü ayrı olarak ele alınır. Masaüstü düzeni yalnızca küçültülmez; menü, kart dizilimi, buton aralığı, form mesajları ve uzun içeriklerin akışı farklı ekran boyutlarında tek tek denenir. Öne çıkan sayfalarda gerçek cihaz davranışı da incelenerek dar ekrandaki aksaklıklar yayına çıkmadan giderilir.

Yayındaki adresler önce çıkarılır, değer taşıyan her sayfa için yeni bir hedef belirlenir. Yönlendirmeler döngü, yanlış hedef ve kayıp içerik açısından taranır. Karşılığı kaldırılan sayfalara gelen ziyaretçiye ise boş bir ekran yerine anlamlı bir sonraki adım sunulur.

Hata giderme, küçük içerik desteği ve yeni geliştirme birbirinden ayrı işler olarak yazılır. Dahil edilen süre, iletişim yöntemi ve yanıt koşulu teklifte belirtilir. Kapsamı büyüten talepler için ayrı bir plan oluşturulur; böylece hem işletme hem de biz aynı beklentiyle ilerleriz.