Web tasarım yapmak zor değildir ama biraz karmaşık detaylarının öğrenilmesi gereken bir konudur. Bir web sitesi tasarlarken görsel görünüm, renk bütünlüğü, kurumsal kimliğe uygunluk, işlevsellik, ziyaretçi deneyimine kadar birçok şey dikkate alınmalıdır. Tasarımcılar ve Yazılımcılar görsel görünümü yani web sitesinin nasıl göründüğünü aynı zamanda işlevselliğini de yani nasıl çalıştığını ve siteyi ziyaret eden kullanıcıların zorlanmadan sitede istediklerini bulmalarını sağlamak zorundadır.
Bunları yapabilmeniz için bu kılavuzu hazırladık.
Bu makalede, web tasarım için mükemmel bir kullanıcı deneyimi oluşturmanıza yardımcı olacak temel ilkeler ve yaklaşımlara odaklanarak anlatacağız. Web sitenizin iskeletini nasıl oluşturacağımız gibi genel şeylerle başlayıp daha sonra tek tek diğer kısımlara ilerleyeceğiz (Web sayfası tasarımı sırasında nelere dikkat edilmelidir?). Ayrıca, mobil konular ve web sitesini test etme gibi tasarımın diğer önemli yönlerini de detaylıca ele alacağız.
Web tasarım yaparken dikkate alınması gereken ilk konulardan bir tanesi kullanıcıların web sitesinde rahatça gezinmelerini, istediklerini bulmalarını sağlamak olmalıdır. Sonuçta web sitesi tek tek sayfalardan oluşan bir koleksiyon oluşturmak değildir. Bu yol ziyaretçinin giriş sayfasından yani geldikleri ilk sayfadan istedikleri sayfalara ulaşmaya kadar izledikleri bir yoldur. Aşağıda anlatacağımız adımlar kullanıcıların site akışını belirlemenize yardımcı olacaktır.
Web tasarım yaparken bilgi mimarileri ziyaretçileriniz için bilgileri, içerikleri açık ve mantıklı bir şekilde düzenlemenizi sağlayan bir disiplindir. Bilgi mimarları, kullanıcıların bilgiyi nasıl yapılandırdığını ve kullanıcının sitede beklentileriyle uyumlu olup olmadığını ve bir hiyerarşi yaratıp yaratmadığınızı analiz eder. Kullanıcı araştırmasının ve kullanılabilirlik testinin bir sonucudur.
Kullanıcı ihtiyaçlarını araştırmanın birkaç yolu vardır. Çoğu zaman bilgi mimarı, kullanıcıların mevcut tasarımla nasıl etkileşimde bulunduğunu gözlemledikleri ve bu tasarımla ilgili fikirlerini paylaştıkları kullanıcı görüşmelerinde kullanabilirlik testlerinde aktif rol alırlar.
Ayrıca web sitesinde gezinme ve menülerini tanımlamak için de kullanılır. Kullanıcı deneyimi oluşturucular bir menü üzerinde çalışmayı bitirdiğinde, işe yarayacağını kanıtlamak için ağaç testi adı verilen başka bir teknik kullanırlar. Arayüz tasarlanmaya başlamadan önce ağaç testi yapılır.
Web Tasarım yaparken navigasyon oluşturmak kullanıcı deneyiminin temel unsurlarından bir tanesidir. Ziyaretçilerin sitede hangi bölümde olduklarını bilmesi bu bölümde başka hangi içeriklerin olduğunu bilmesi önemlidir aksi durumda aradıkları şeyin bu web sitesinde olmadığını düşünerek web sitesinden ayrılabilirler. Navigasyon oluşturmak için birkaç ilkeye uyulmalıdır.
Navigasyon tasarlarken göz önünde olması gerekenler.
Web tasarım yaparken linklere dikkat etmeliyiz, linkler web sitelerinde önemli bir unsurdur. Görsel ve işlevsel tasarımlarda kullanılabilirlik üzerinde doğrudan etkilidir. Bu etkileşimli öğeler için birkaç kuralı detaylandıralım.
Geri git linkleri, butonları
Web tasarım yaparken dikkat etmemiz gereken durumlardan bir tanesi de geri gitme linkleridir. Tarayıcılarda en çok kullanılan kısımlardan biridir. Ziyaretçilerimiz sitede gezerken mutlaka olması gereken bir durumdur. Navigasyonlarda kullanıcıların geri gitmelerini kolaylaştıran kısımlardan biridir. Ziyaretçiler web sitelerinde sayfalarda bağlantıları takip edip gezerken bir önceki sayfaya gitmek için geri butonuna tıkladığında geldiği sayfaya dönmeyi bekler. Aynı şekilde navigasyonda da mevcut sayfadan bir önceki geldiği sayfaya tıkladığında o sayfaya dönmeyi bekler. Özellikle içerik yoğun sitelerde bir önceki sayfaya dönmeyi bekleyen kullanıcıları ana sayfaya yönlendirmemeye dikkat edin. Kullanıcı site içerisinde aynı veya alakalı içeriği aramak için uğraşmak zorunda kalabilir buda kullanıcı deneyimini olumsuz yönde etkiler.
Web tasarım yaparken önemli olan başka bir özellik ise arama kısımlarıdır. Eğer siteniz mikro site, kartvizit site değilse mutlaka arama kısmı olmalıdır. Ziyaretçiler sitelerde aradıkları ürünleri veya yazıları bulmak için genellikle arama kısımlarını kullanırlar. Sitenizde yüzlerce ürün, blog yazıları vs varsa mutlaka arama kısmı da olmalıdır. Bazı ziyaretçiler belirli öğeleri aramak için siteleri ziyaret ederler. Bu ziyaretçiler ne istediklerini bildikleri için sitede arayıp gezinerek bulmak yerine arama kısmını kullanmayı tercih ederler. Ziyaretçiler arama kutularına aradıkları kelimeyi yazabilmeli, arama sorgularını gönderebilmeli ve aradıkları sayfayı bulabilmelidirler.
Diğer sayfaların Tasarlanıp Kodlanması
Artık genel olarak sayfaların temel özelliklerini ele aldığımıza göre, web sitesinin diğer sayfalarının nasıl tasarlanması gerektiğini öğrenme zamanı geldi.
Yazının devamında bilinmesi gereken temel web tasarım trendlerini özetleyeceğiz.
Web tasarım söz konusu olduğunda en önemli şeylerden bir tanesi hedefe göre tasarım yapmaktır. Bir E-Ticaret sitesinin tasarımı farklı, kurumsal bir web sayfasının tasarımı farklı, bir blog siteninin tasarımı farklı olmalıdır yani hedefe göre tasarım yapılmalıdır. Web sitesindeki içeriği planlama, oluşturma ve yönetmeyi ifade eden içerik stratejileri, bu alıştırmaya yardımcı olacaktır. Her sayfanın, ziyaretçileri bir şey hakkında bilgilendirmek veya dönüşüme teşvik etmek gibi kendi amacı olmalıdır. Sayfanın amacını anladıktan sonra, ancak o zaman tasarım üzerinde çalışmalı veya içeriği hazırlamalısınız.
İçerik stratejileri oluştururken birkaç ipucu üzerinden gidelim.
