Web Tasarım

İş hedefini ölçülebilir sayfa görevine bağlamak

Bir üretim ya da teknoloji firmasının sitesi, ziyaretçiye ne yaptırmak istediğini net bilmeden kurulduğunda dağınık kalır. Kahramanmaraş’taki ekiplerle önce tek bir ölçüt belirliyoruz: teklif isteği mi, katalog incelemesi mi, yoksa bayi başvurusu mu önceliklidir. Bu ölçüt seçildikten sonra her bölüm, o görevi kolaylaştırıp kolaylaştırmadığına göre değerlendirilir; süsleme değil, işlev karar verir.

Üretim ve lojistikle uğraşan bir işletmede karar veren kişi genelde acele eder; aradığı bilgiye birkaç saniyede ulaşamazsa geri döner. Bu yüzden web tasarım süreci, sevkiyat kapasitesi ya da teslim süresi gibi somut soruların yanıtını ana akışa yerleştirmekle başlar. Sayfayı, sahadaki bir müşterinin telefonuyla açıp aradığını bulabilmesi ölçüsüyle sınıyoruz.

Ürününü başka şehirlere gönderen markalarda başarı, uzaktaki bir alıcının güven kurup kurmadığına bağlıdır. Burada ölçüt, iletişim kutusunu dolduran ziyaretçi oranı olabilir; hedef belirlenince gereksiz alanları kaldırıp yolu kısaltırız. Ölçütü baştan yazıya dökmek sonraki tartışmaları da sakinleştirir, çünkü herkes aynı tanıma bakar.

İçerik kaynağını kim besler, kim onaylar

Bir hizmet firmasında metinlerin kimden geleceği belirsizse, site yarım kalır. İşe başlarken içerik sahibini, düzelten kişiyi ve yayına onay vereni ayrı ayrı yazıyoruz. Böylece bir fiyat değiştiğinde ya da yeni bir referans eklendiğinde, kimin dokunacağı bellidir ve güncelleme aylarca ertelenmez.

Onikişubat, Dulkadiroğlu ve Türkoğlu’ndaki işletmelerin çoğunda içerik birden çok kişinin kafasında dağınık durur. Bu bilgiyi tek bir yerde toplayıp sorumluları eşleştirmek, teslimden sonra da düzeni korur. Yazının kaynağı netleşince tasarım da o kaynağa göre biçim alır; boşluğu sonradan doldurmak yerine gerçek metinle çalışırız.

Kurumsal müşteriye çalışan tedarikçilerde onay zinciri uzundur; bunu görmezden gelmek gecikme üretir. Kimin neyi değiştirebileceğini baştan sınırlarsak, hem içerik tutarlı kalır hem de sorumluluk kişilere bağlanır. Bu ayrım, ekip değişse bile sitenin bakımsız kalmamasını sağlar.

Ana ekranda güveni ilk saniyelerde kurmak

İlk ekran, ziyaretçinin doğru yerde olduğuna karar verdiği yerdir. Sanayi ve teknoloji tarafında bu kararı hızlandırmak için web tasarım çalışması, ne yaptığınızı tek cümlede söyleyen bir giriş ve elle tutulur bir kanıt üzerine kurulur. Varsayım yerine, gerçek ziyaretçilerin nereye baktığını ölçüp giriş bölümünü ona göre düzeltiriz.

Üretim ve lojistik ekipleri için güven, çoğu zaman kapasiteyi ve sürekliliği gösteren somut ayrıntılardan doğar. Ana ekrana ağır görseller yığmak yerine, bir bakışta okunan kısa bir kanıt bırakırız. Bu seçimin işe yarayıp yaramadığını, ziyaretçinin aşağı inip inmediğine bakarak sınıyoruz.

Uzaktaki alıcı markayı ilk kez görüyorsa temkinlidir; ona hızlı bir dayanak noktası vermek gerekir. Giriş bölümünü sade tutup asıl mesajı öne almak, kararı kolaylaştırır. Hangi girişin daha çok yanıt getirdiğini deneyerek görür, sezgiyle değil veriyle ilerleriz.

Hizmet metnini gerçek müşteri sorularıyla yazmak

Hizmet sayfaları çoğu zaman firmanın kendini anlattığı yerdir; oysa ziyaretçi kendi sorusunun yanıtını arar. Satış ve destek ekibinin en sık duyduğu soruları toplayıp metni onların diliyle kuruyoruz. Böyle yazılan bir bölüm hem okunur hem de arama yapan kişinin kelimeleriyle örtüşür.

İlçelerdeki işletmelerde sunulan hizmet zamanla değişir, ama metin genelde eski kalır. Bunu önlemek için baştan bir güncelleme kuralı koyuyoruz: hangi bilgi ne sıklıkta gözden geçirilecek, kim hatırlatacak. Kural yazılı olduğunda sayfa yıllar içinde de gerçeği anlatmayı sürdürür.

Tedarikçi tarafında ayrıntı çoktur, ama hepsini aynı anda göstermek okuyucuyu yorar. Gerçek soruları önceliklendirip yanıtları katman katman diziyoruz; meraklı olan derine iner, aceleci olan üstte kalır. Güncelleme kuralı da bu katmanları dağıtmadan yenilemeyi kolaylaştırır.

Her görselin anlatımda bir işi olsun

Görsel, sayfada boşluk doldurmak için değil, bir şeyi anlatmak için durmalı. Sanayi işletmelerinde bir üretim hattının ya da parçanın fotoğrafı, cümlelerin söyleyemediğini gösterebilir. Her kareyi seçerken tek soru sorarız: bu görsel olmasa anlatım eksik kalır mı; kalmıyorsa yükü artırmadan çıkarırız.

Ağır ve gereksiz görseller özellikle telefonda sayfayı yavaşlatır, ziyaretçi de beklemez. Bu yüzden her karenin hem işlevini hem boyutunu ölçüyoruz; anlatıma katkısı olmayanı ya sadeleştirir ya kaldırırız. Ölçüt basittir: görsel açılırken kullanıcı gitmiyorsa doğru seçim yapılmış demektir.

Uzaktan alışveriş yapan biri ürünü elleyemediği için görsele daha çok güvenir. Burada amaç çokluk değil, doğru açıdan çekilmiş birkaç net karedir. Hangi görselin gelen soruları azalttığını izleyip seçimi ona göre güncelleriz.

Mobilde okuma sırasını baştan kurgulamak

Ziyaretçilerin çoğu siteyi telefonda açtığı için, tasarımı önce dar ekrana göre düşünüyoruz. Masaüstünde yan yana duran bölümler mobilde alt alta iner; bu sıralamayı şansa bırakmak kafa karıştırır. Hangi bilginin önce görüneceğine, ekranda kimin karar vereceğini de belirleyerek yön veririz.

İlçelerdeki işletmelerin müşterileri sıklıkla hareket hâlinde, tek elle telefon kullanır. Bu yüzden butonların yeri, yazı boyu ve dokunma alanları ayrı ayrı düşünülür. İçeriği hazırlayan ile mobil düzeni denetleyen kişinin ayrı olması, gözden kaçan ayrıntıyı azaltır.

Kurumsal ziyaretçi telefonda hızlı tarar, ilgilendiği yeri bulunca masaüstüne geçebilir; iki deneyim de tutarlı olmalı. Mobil sırayı kurarken önce amacı, sonra ayrıntıyı yerleştiriyoruz. Kimin hangi ekranı kontrol edeceğini paylaştırmak, teslimden sonra da düzeni korur.

Formu yalnızca gereken bilgiyle sınırlamak

Uzun bir form, ilgilenen ziyaretçiyi bile caydırır; her ek alan bir kişiyi daha kaçırır. Bir web tasarım projesi içinde formu kurarken tek soru sorarız: bu bilgi ilk temas için gerçekten şart mı. Şart değilse çıkarır, kalanları da sahadaki gerçek doldurma oranına bakarak sınarız.

Üretim tarafında gelen talebin niteliği önemlidir, ama bunu öğrenmek için on soru sormak gerekmez. Genelde iletişim bilgisi ve kısa bir ihtiyaç notu yeterlidir; gerisi görüşmede netleşir. Formu kısalttıktan sonra dolan ve yarım kalan oranını izleyip dengeyi ayarlarız.

Uzaktaki bir alıcı, çok bilgi isteyen bir formda tereddüt eder ve vazgeçer. Bu yüzden alanları en aza indirip yalnızca yanıt vermeye yetecek kadarını isteriz. Hangi alanın terk edilmeye yol açtığını ölçüp o alanı ya kaldırır ya sona alırız.

Yenilenirken eski bağlantıları kaybetmemek

Bir site yenilendiğinde en sık yapılan hata, eski adreslerin sessizce kaybolmasıdır; bu da yıllarca biriken erişimi bir gecede silebilir. Taşımadan önce mevcut tüm bağlantıları listeliyor, her birinin yeni karşılığını eşliyoruz. Karşılığı olmayan sayfaları da doğru yere yönlendirerek ziyaretçiyi boş ekranla karşılaştırmayız.

İlçelerde uzun süredir yayında olan sitelerin dış kaynaklardan gelen bağlantıları vardır; bunları korumak yeni yatırımı boşa çıkarmamak demektir. Taşıma sırasında bir eşleme kuralı yazıp her eski adresin nereye gittiğini kayıt altına alıyoruz. Yayından sonra kırık bağlantı taraması yaparak gözden kaçanı yakalarız.

Kurumsal sitelerde bağlantı sayısı çoktur ve bazıları sözleşmelerde ya da basılı belgelerde geçer. Bu adreslerin çalışmaya devam etmesi için taşımayı bir kurala bağlıyoruz, rastgele silmiyoruz. Güncelleme kuralı, ileride eklenecek sayfaların da aynı düzeni bozmadan yerleşmesini sağlar.

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

Bir sitenin arka tarafı, onu her gün kullanacak kişiye göre düzenlenmezse zamanla terk edilir. Kahramanmaraş’taki teknoloji ekipleriyle paneli sadeleştirip yalnızca gereken alanları bırakıyoruz. Ölçüt nettir: içerik sorumlusu kimseye sormadan bir haberi ya da fiyatı tek başına güncelleyebiliyorsa panel işini yapıyor demektir.

Üretim ekiplerinde siteyi güncelleyecek kişi çoğu zaman teknik biri değildir; panel de buna göre yalın olmalı. Sık kullanılan işleri öne alıp nadir ayarları arka plana çekiyoruz. Bir ürünü ya da belgeyi eklemek birkaç adımda bitiyorsa güncelleme ertelenmez ve site canlı kalır.

Farklı pazarlara satış yapan markalarda içerik sık değişir; panelin buna ayak uydurması gerekir. Alanları anlaşılır adlandırıp yanlış yere yazma ihtimalini azaltıyoruz. Bir kişinin ayrıntılı eğitim almadan da güncelleme yapabilmesi, panelin doğru kurulduğunun ölçüsüdür.

Erişilebilir kullanım ayrıntılarını denetlemek

Bir site, yalnızca kusursuz koşullarda değil, düşük ışıkta ya da yavaş bağlantıda da okunabilmeli. Yazı ile arka plan arasındaki ayrımı, buton boyutlarını ve dokunma alanlarını tek tek denetliyoruz. Bu ayrıntılar küçük görünür ama ziyaretçinin bir kısmı için sayfayı kullanılır kılan tam da onlardır.

İlçelerdeki işletmelerin ziyaretçileri farklı yaş ve alışkanlıklardan gelir; herkesin gözü aynı değildir. Renk seçimini, yazı boyunu ve bağlantıların ayırt edilebilirliğini denetlerken bunu göz önünde tutuyoruz. Bu denetimi kimin yapacağını da belirliyoruz ki iş kişilere değil sürece bağlansın.

Kurumsal sitelerde erişilebilirlik çoğu zaman en son düşünülür, oysa sonradan eklemek daha pahalıdır. Klavyeyle gezinme, okunabilir metin ve yeterli boşluk gibi ayrıntıları baştan denetliyoruz. Sorumluluğu içerik ekibi ile teknik ekip arasında paylaştırmak, hiçbir maddenin sahipsiz kalmamasını sağlar.

Yayına çıkmadan önceki son kontrol

Bir sitenin canlıya alınması, işin bitmesi değil sınanmaya başlaması demektir. Kahramanmaraş’taki sanayi projelerinde web tasarım süreci, yayından önce baştan sona bir kontrol listesiyle kapanır: bağlantılar, formlar ve telefon görünümü tek tek denenir. Yayından sonra da gerçek ziyaretçi davranışına bakıp aksayan yeri hızla düzeltiriz.

Üretim tarafında yayın günü genelde yoğundur; bu yüzden kontrolü ertelemek yerine listeye bağlıyoruz. Her form gerçekten mesaj gönderiyor mu, her buton doğru yere gidiyor mu, önceden sınanır. Yayından sonraki ilk günlerde gelen taleplerin ulaşıp ulaşmadığını izleyerek listeyi doğrularız.

Uzaktaki alıcıya açılan bir sitede küçük bir hata bile güveni zedeler; o yüzden son kontrol titiz olmalı. Farklı cihaz ve bağlantı hızlarında sayfayı açıp okunurluğunu deniyoruz. Yayından sonra sahadan gelen ilk yanıtları toplayıp kararlarımızı gerçek veriyle tartıyoruz.

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

Evet, mobil görünüm ayrı bir aşama olarak ele alınır. Web tasarım kapsamı içinde sayfa, farklı ekran genişliklerinde tek tek açılır; yazı boyu, buton yeri ve okuma sırası bu görünümlere göre ayarlanır. Yayın öncesinde de gerçek cihazlarda bir kez daha denenir.

Taşımadan önce mevcut adresler tek tek listelenir ve her birinin yeni karşılığı belirlenir. Karşılığı olmayan sayfalar, konu olarak en yakın yere yönlendirilir; böylece dışarıdan gelen bağlantılar boşa düşmez. Yayından sonra kırık bağlantı taraması yapılarak gözden kaçan varsa düzeltilir.

Teslim sırasında panelin nasıl kullanılacağı ekibe adım adım aktarılır ve yazılı bir özet bırakılır. Sonrasında ortaya çıkan sorular için destek yürür; kapsamı ve süresi başlangıçta birlikte kararlaştırılır. Böylece bir ihtiyaç doğduğunda kime başvurulacağı belirsiz kalmaz.

Küçük ekranlarda önce okuma sırası gözden geçirilir: hangi bilgi önce görünüyor, dokunma alanları yeterince büyük mü, yazılar sıkışıyor mu diye bakılır. Yavaş bağlantıda sayfanın açılma süresi de ölçülür. Amaç, tek elle kullanan birinin aradığını zorlanmadan bulmasıdır.

Yenileme sırasında eski adreslerin karşılıkları korunacak biçimde eşlenir, bu yüzden birikmiş değer aktarılır. Zorunlu bir adres değişikliği olduğunda yönlendirme tanımlanır ve ziyaretçi doğru sayfaya ulaşır. Yayından sonra da bağlantıların çalıştığı bir süre boyunca izlenir.

Evet, yayından sonra içerik eklemek ya da değiştirmek için yol gösterilir. Çoğu güncelleme, panel üzerinden birkaç adımda kendi ekibinizce yapılabilecek biçimde kurulur. Daha kapsamlı değişikliklerde ise nasıl ilerleneceği önceden konuşulur ve yazılı hâle getirilir.