Web Tasarım

Ziyaretçinin kararına giden yolu okumak

Bir siteye giren kişi çoğu zaman ne aradığını tam söyleyemeden ilerler; önce neyi, sonra neyi görmek istediği bu sessiz sıralamayla belli olur. Sağlam bir web tasarım süreci bu görünmeyen yolu okunur kılar ve sayfayı ziyaretçinin doğal düşünce sırasına göre kurar. Böylece gelen kişi aradığı yanıta en az çabayla ulaşır.
Çalışmaya, mevcut sayfaların hangi soruyu yanıtladığını ve nerede kişiyi yarı yolda bıraktığını inceleyerek başlıyoruz. Ardından karara götüren adımları yalın bir sıraya diziyor, her ekranın ziyaretçiyi bir sonraki mantıklı durağa taşımasını sağlıyoruz. Gezinme, tahmine değil, insanların gerçekten izlediği yola dayanıyor.
Yayından önce bu akışı farklı kişilerle deniyor, nerede duraksadıklarını ve hangi başlığın beklenenden başka anlaşıldığını not ediyoruz. Metnin doğruluğu, bağlantıların ulaştığı nokta ve formların verdiği yanıt tek tek gözden geçiriliyor. Ortaya, ziyaretçinin yön kaybetmeden ilerlediği anlaşılır bir düzen çıkıyor.

İçerik sorumlusunu en baştan netleştirmek

Bir sitenin sürdürülebilir olması, metni ve görselleri kimin hazırlayıp kimin onayladığının baştan bilinmesine bağlıdır. Sorumluluk belirsiz kaldığında sayfalar yarım kalır, güncellemeler gecikir. Tasarım kararlarını içerik akışıyla birlikte planladığımızda ise her bölümün bir sahibi olur ve iş, kişilere değil tanımlı bir düzene bağlanır.
İşe, hangi bilginin kimden geleceğini ve hangi metnin hangi aşamada hazır olacağını konuşarak başlıyoruz. Sayfa taslaklarını bu paylaşıma göre kuruyor, boş bırakılan alanların yayın gününe kadar dolmasını sağlayacak bir sıra öneriyoruz. Böylece içerik, tasarımın peşinden sürüklenen bir yük olmaktan çıkıyor.
Yayın öncesinde her bölümün gerçekten dolu olup olmadığını, metinlerin güncel ve tutarlı kalıp kalmadığını denetliyoruz. Kimin neyi değiştirebileceği panelde açıkça görünür; böylece teslimden sonra da içerik tek elde toplanmadan yürür. Sonuç, zamanla eskimeyen ve bakımı belli bir siteye dönüşüyor.

Ana sayfada güveni ilk anda kurmak

Ana sayfa çoğu ziyaretçinin gördüğü ilk ve bazen tek ekrandır; burada bırakılan izlenim, kişinin kalıp kalmayacağını birkaç saniyede belirler. Bu yüzden web tasarım yaklaşımımızda ana sayfayı bir vitrin değil, işin ne yaptığını sakin ve açık biçimde anlatan bir giriş olarak ele alıyoruz. Abartılı vaatler yerine somut bilgi öne çıkıyor.
İlk ekranı kurarken, işletmenin ne yaptığını, kime hitap ettiğini ve ziyaretçiyi hangi adıma çağırdığını tek bir bakışta anlaşılır kılmaya çalışıyoruz. Gereksiz görsel yükü azaltıyor, ilk cümleleri okuması kolay tutuyoruz. Amaç, kişinin daha aşağı inmeden temel soruların yanıtını sezmesidir.
Bu ilk izlenimi, sayfayı ilk kez gören kişilerle sınıyor; nereye baktıklarını, neyi atladıklarını ve hangi mesajın akılda kaldığını izliyoruz. Yükleme süresi, başlıkların okunurluğu ve çağrının görünürlüğü ayrı ayrı ölçülüyor. Böylece güven, süsleme yoluyla değil, netlik yoluyla kuruluyor.

Hizmetleri birbirinden ayrı ve anlaşılır sunmak

Birden çok iş kolu yürüten bir kuruluş, Iğdır ve çevresindeki farklı müşteri gruplarına aynı sayfada seslendiğinde mesaj bulanıklaşır. Her hizmetin kendi başlığı, kendi açıklaması ve kendi çağrısı olduğunda ziyaretçi hangi kapıyı çalacağını hemen görür. Ayrımı baştan kurmak, sonradan eklenen bölümlerin de düzeni bozmamasını sağlar.
Önce sunulan işleri kâğıt üzerinde ayrıştırıyor, hangisinin ayrı bir sayfayı, hangisinin tek bir bölümü hak ettiğini birlikte kararlaştırıyoruz. Birbirine karışan başlıkları sadeleştiriyor, her hizmeti kendi bağlamında anlatan bir yapı kuruyoruz. Böylece ziyaretçi, ilgilendiği konudan uzaklaşmadan derinleşebiliyor.
Yapıyı yayına almadan önce, bir hizmeti arayan kişinin yanlışlıkla başka bir bölüme düşüp düşmediğini deniyoruz. Menü adları, iç bağlantılar ve sayfa geçişleri gerçek senaryolarla kontrol ediliyor. Sonuçta her iş kolu, kendi ziyaretçisini karışıklık olmadan karşılayan bağımsız bir alana kavuşuyor.

Görsel dili işin işleviyle buluşturmak

Renk, yazı ve boşluk yalnızca estetik değil, aynı zamanda yön gösteren birer işarettir; hangi bilginin önemli olduğunu okumadan önce göze anlatırlar. Bu nedenle web tasarım çalışması boyunca her görsel kararı bir işlevle eşleştiriyoruz. Bir vurgunun neden orada olduğunu açıklayamıyorsak, o vurguyu yeniden düşünüyoruz.
Tipografiyi okunurluk üzerine kuruyor, başlık ile metin arasındaki farkı gözü yormayacak biçimde ayarlıyoruz. Renkleri, dikkatin gitmesi gereken yere yönelmesini sağlayacak kadar sınırlı tutuyoruz. Görsel bütünlük, markanın havasını korurken kullanıcının işini kolaylaştıracak bir denge üzerine oturuyor.
Tasarımın işe yarayıp yaramadığını, farklı içerik uzunluklarıyla ve gerçek görsellerle sınayarak görüyoruz; boş kutular ve örnek metinlerle değil. Kontrast, tıklanabilir alanların büyüklüğü ve okuma akışı gözden geçiriliyor. Böylece görünüm, ilk günkü kadar düzenli kalan işleyen bir yapıya dönüşüyor.

Mobilde bilgi sırasını yeniden düşünmek

Ziyaretçilerin çoğu siteye telefondan bakar ve küçük ekranda her şey alt alta dizilir; masaüstünde yan yana duran bilgiler burada bir sıraya girmek zorundadır. Bu sıra yanlış kurulduğunda, en gerekli bilgi en alta düşebilir. Küçük ekranı, sonradan uyarlanan değil, baştan düşünülen bir alan olarak ele alıyoruz.
Mobil düzeni kurarken, kişinin telefonda en çok ihtiyaç duyduğu bilgiyi öne çıkarıyor; adres, ulaşım ve çağrı gibi ögeleri parmak uzağında tutuyoruz. Uzun bölümleri, kaydırmayı yormayacak biçimde bölüyoruz. Amaç, dar ekranda da kişinin aradığını aramadan bulmasıdır.
Sayfayı yayından önce farklı boyutlardaki gerçek cihazlarda açıyor, dokunma alanlarının rahat kullanılıp kullanılmadığını deniyoruz. Metnin yakınlaştırmadan okunması, görsellerin taşmaması ve formların rahat doldurulması ayrı ayrı kontrol ediliyor. Böylece telefon, masaüstünün eksik bir kopyası değil, kendi başına eksiksiz bir deneyim oluyor.

İletişim formunu amaca göre sadeleştirmek

Bir formda istenen her fazladan alan, kişinin vazgeçme ihtimalini biraz daha artırır; oysa çoğu zaman birkaç bilgi işi başlatmaya yeter. Bu yüzden web tasarım hizmeti kapsamında formu, toplanması gereken en az bilgiyle sınırlıyoruz. Soruların her biri, gerçekten gerekliyse formda kalıyor.
Formu kurarken, işletmenin ilk temasta neyi bilmesi gerektiğini konuşuyor, gerisini sonraki adıma bırakıyoruz. Alanları anlaşılır biçimde adlandırıyor, hata durumunda kişinin ne yapması gerektiğini açıkça gösteriyoruz. Gönderim sonrasında ne olacağını da baştan belirterek belirsizliği ortadan kaldırıyoruz.
Formu yayından önce hem eksik hem de hatalı bilgilerle doldurarak deniyor; mesajın doğru adrese ulaşıp ulaşmadığını kontrol ediyoruz. Onay ekranının görünürlüğü ve gelen bildirimin okunaklılığı gözden geçiriliyor. Böylece iletişim, gönderildikten sonra havada kalmayan güvenilir bir adıma dönüşüyor.

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

Yenilenen bir sitede en sık gözden kaçan şey, eski adreslerin bir karşılığının kalıp kalmadığıdır; bağlantılar boşa düştüğünde hem ziyaretçi hem arama sonuçları zarar görür. Yıllar içinde biriken sayfaları göz ardı etmeden taşımak, yeni yapının görünmeyen ama önemli bir parçasıdır. Bu geçişi en baştan planlıyoruz.
Taşımadan önce mevcut adreslerin bir listesini çıkarıyor, hangisinin karşılığının yeni yapıda nereye denk geldiğini eşleştiriyoruz. Karşılığı değişen sayfaları doğru yönlendirmelerle bağlıyor, tekrar eden ya da eskimiş içerikleri ayıklıyoruz. Böylece geçmişte kazanılan görünürlük yeni siteye taşınıyor.
Yayından sonra bağlantıları tek tek izliyor, boşa düşen bir adres kalıp kalmadığını hem araçlarla hem elle kontrol ediyoruz. Yönlendirmelerin doğru çalıştığını, eski bir bağlantıya tıklayan kişinin doğru yere ulaştığını doğruluyoruz. Sonuç, geçmişini kaybetmeden yenilenmiş sağlam bir yapı oluyor.

Yönetim panelini günlük işe göre hazırlamak

Bir site teslim edildikten sonra asıl yaşamı, onu her gün güncelleyen kişilerin elinde başlar; panel karışıksa, en basit değişiklik bile ertelenir. Bu nedenle web tasarım emeğinin önemli bir bölümünü, yönetim tarafını sade ve anlaşılır kılmaya ayırıyoruz. Panel, teknik bilgisi olmayan biri için de rahat kullanılabilmeli.
İçerik güncellemesini kendi ekibiyle yürütmek isteyen Iğdır merkezli bir kuruluş için paneli, yalnızca gerçekten kullanılacak alanlarla sınırlıyoruz. Sık yapılan işleri öne alıyor, nadiren dokunulan ayarları göz önünden çekiyoruz. Her alanın ne işe yaradığını, teknik terimlere boğmadan kısa açıklamalarla belirtiyoruz.
Teslimden önce paneli, siteyi ilk kez yönetecek kişilerle birlikte deniyor; bir yazının nasıl değiştirileceğini, bir görselin nasıl ekleneceğini uygulamalı gösteriyoruz. Yanlış bir tıklamanın kalıcı zarar vermemesi için güvenli bir düzen kuruyoruz. Böylece güncelleme, dışarıya bağımlı olmadan içeride yürüyebiliyor.

Erişilebilirliği baştan gözeten bir yapı kurmak

Bir siteyi herkesin rahatça kullanabilmesi, sonradan eklenen bir düzeltme değil, baştan alınan bir karardır; yeterli kontrast, okunur yazı boyu ve klavyeyle gezinme bunun temelidir. Görme, işitme ya da hareket açısından farklı ihtiyaçları olan kişileri dışarıda bırakmayan bir yapı, aslında herkes için daha kullanışlıdır. Bu ayrıntıları en baştan gözetiyoruz.
Tasarımı kurarken renk seçimlerini yalnızca renge bağlı kalmadan anlaşılır kılıyor, bağlantıları ve düğmeleri ayırt edilebilir tutuyoruz. Görsellere açıklama ekliyor, başlık düzenini ekran okuyucuların takip edebileceği bir sıraya oturtuyoruz. Amaç, aynı içeriğe farklı yollarla ulaşılabilmesidir.
Yayından önce sayfayı yalnızca klavyeyle, ardından ekran okuyucuyla dolaşarak deniyor; hiçbir işlevin yalnızca fareyle erişilebilir kalmadığını doğruluyoruz. Kontrast oranları ve odak sırası ölçülüyor. Böylece site, farklı koşullardaki kullanıcıları da dışarıda bırakmayan bir zemine oturuyor.

Yayından önce her cihazda bütünlüğü denemek

Bir site kendi bilgisayarımızda kusursuz görünse de, gerçek kullanıcı farklı bir tarayıcı, farklı bir ekran ya da farklı bir bağlantı hızıyla karşımıza çıkar. Yayın anında ortaya çıkan sorunların çoğu, tek bir ortamda çalışmaktan doğar. Bu yüzden bütünlüğü tek bir cihaza güvenerek değil, çeşitliliği hesaba katarak sınıyoruz.
Denemeyi yaygın tarayıcılarda, farklı ekran boyutlarında ve hem hızlı hem yavaş bağlantılarda tekrarlıyoruz. Görsellerin yüklenme sırasını, yazıların kaymadan yerleşmesini ve etkileşimli ögelerin her ortamda çalışmasını izliyoruz. Beklenmedik bir davranış çıktığında nedenini bulana kadar üzerinde duruyor, bir yerde bozulan düzeni yayın beklemeden düzeltiyoruz.
Son aşamada içeriğin doğruluğunu, bağlantıların çalışır durumda olduğunu ve yönetim işlerinin sorunsuz yürüdüğünü gerçek kullanım örnekleriyle bir kez daha gözden geçiriyoruz. Yayın, ancak bütün bu denetimlerden geçtikten sonra açılıyor. Böylece açılış günü, sürprizlerle değil önceden görülmüş bir güvenle karşılanıyor.

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

Sayfa sayısı sabit bir kurala değil; sunulan işlerin çeşidine, ziyaretçilerin en çok sorduğu sorulara ve elinizdeki içeriğin miktarına göre belirlenir. Önemli olan sayının çokluğu değil, her sayfanın belirgin ve gerekli bir görevinin olmasıdır. Gereksiz sayfalar hem bakımı zorlaştırır hem de ziyaretçiyi yorar.
Telefon ve tablet uyumu ayrı bir ek değil, projenin temel parçasıdır; sitenin küçük ekranlarda düzgün çalışması baştan kapsama dahildir. Teklifte, farklı ekranlarda yapılan uyum ve kontrollerin neleri içerdiği açıkça belirtilir. Böylece sonradan beklenmedik bir kalem çıkmaz.
Güncel ve doğruluğu teyit edilmiş metinler ile görseller yeni yapıya taşınabilir. Eskimiş, tekrar eden ya da birbiriyle çelişen kayıtlar ise yayın öncesinde ayıklanır. Amaç, geçmiş içeriği olduğu gibi aktarmak değil, işe yarayanı koruyarak düzenli bir bütüne kavuşturmaktır.
Evet; yönetim paneli, ekipteki görev dağılımına göre hazırlanır ve yalnızca kullanacağınız alanları içerir. Teslim sırasında, bir yazının değiştirilmesi ya da bir görselin eklenmesi gibi temel işlemler uygulamalı olarak gösterilir. Böylece basit güncellemeler için dışarıya bağımlı kalmazsınız.
Süre; içeriğin ne kadar hazır olduğuna, istenen özel işlevlere ve onayların ne hızda verildiğine göre değişir. Sabit bir gün söylemek yerine, aşamaları gerçek teslim noktalarına bağlayan bir takvim oluştururuz. Böylece hangi işin ne zaman biteceği baştan görünür olur.
Alan adı ve barındırma hesaplarının doğrudan işletmenin adına açılması önerilir; böylece bu hakların sahipliği size ait olur. Erişim bilgileri, teslim sırasında güvenli biçimde aktarılır. Yenileme tarihleri ve bu işlerin kimin sorumluluğunda olacağı ise teklif üzerinde açıkça yazılır.