Tasarım - UI / UX

Tasarım, bir web sitesinin yalnızca güzel görünmesini sağlamak değildir. Kullanıcının sayfaya girdiğinde nereye bakacağını, hangi bilgiyi önce göreceğini ve aradığı noktaya nasıl ulaşacağını belirleyen yapının tamamıdır. Renkler, yazı karakterleri, boşluklar ve görseller bu yapının parçalarıdır; fakat iyi bir tasarımı oluşturan asıl unsur, bütün bu parçaların aynı amaca hizmet etmesidir.

Tasarım alanıyla ilgilenmeye başladığım 1999’dan bu yana kullanılan araçlar, ekran ölçüleri ve görsel eğilimler birçok kez değişti. Bir dönem mümkün olduğunca fazla efekt kullanmak dikkat çekici kabul edilirken bugün daha sade, hızlı ve içeriği öne çıkaran arayüzler tercih ediliyor. Ancak değişmeyen bir konu var: Tasarım, kullanıcıya ne yapması gerektiğini düşündürmeden yol gösterebilmelidir.

Bu kategoride web tasarımı, kullanıcı arayüzü ve kullanıcı deneyimi üzerine içerikler paylaşacağım. Bir sayfanın görsel hiyerarşisinin nasıl kurulacağı, başlık ve metinlerin nasıl dengeleneceği, renklerin hangi amaçlarla kullanılabileceği ve boşlukların tasarım üzerindeki etkisi ele alacağım konular arasında olacak. Yalnızca iyi görünen örnekleri değil, ilk bakışta güzel görünmesine rağmen gerçek kullanımda sorun çıkaran tasarım kararlarını da inceleyeceğim.

Hazır temalar ve gerçek içerik arasındaki ilişkiye ayrıca yer vereceğim. Bir tema demo metinleri, benzer uzunluktaki başlıklar ve özenle seçilmiş görsellerle oldukça dengeli görünebilir. Gerçek projeye geçildiğinde ise başlıklar uzar, içerik miktarı değişir ve bazı bölümlerin beklenenden daha fazla bilgi taşıması gerekir. Tasarım gerçek içeriğe göre hazırlanmadığında, demo görünümündeki denge kısa sürede kaybolur.

Bu nedenle tasarıma başlamadan önce yalnızca renk paleti ve sayfa düzeni belirlemenin yeterli olduğunu düşünmüyorum. İçeriğin yapısını, kullanıcının aradığı bilgiyi ve projenin temel hedefini de anlamak gerekiyor. Bir hizmet sayfasında kullanıcıyı iletişime yönlendiren yapı ile teknik bir dokümantasyon sayfasında bilgiyi kolayca bulmasını sağlayan yapı aynı olamaz.

Mobil kullanım da bu kategorinin önemli başlıklarından biri olacak. Masaüstünde geniş bir alana yayılan ve etkileyici görünen bir tasarım, küçük ekranda aynı sonucu vermeyebilir. Öğelerin alt alta gelmesi mobil uyumluluk için tek başına yeterli değildir. İçerik sırası, butonların erişilebilirliği, görsel oranları, menü yapısı ve dokunma alanları ayrıca düşünülmelidir.

Tasarım ile geliştirme sürecinin birbirinden kopuk ilerlemesinin oluşturduğu sorunları da ele alacağım. Uygulanması mümkün olmayan veya performansı ciddi biçimde etkileyen bir arayüz hazırlamak doğru olmadığı gibi, yalnızca geliştirmesi kolay olduğu için kullanıcı deneyimini zayıflatan bir çözüm üretmek de doğru değildir. Tasarım ve yazılım aynı projenin iki ayrı aşaması değil, birbirini sürekli etkileyen parçalarıdır.

Bu kategoride zaman zaman logo, kurumsal kimlik, tipografi ve görsel içerik üretimi gibi konulara da değineceğim. Bir markanın dijital ortamda nasıl bir karakter taşıdığı, kullanılan görsellerin siteyle nasıl bütünleştiği ve farklı sayfalarda görsel tutarlılığın nasıl korunabileceği üzerine gözlemlerimi paylaşacağım.

Buradaki içerikler yalnızca “şu renk şununla uyumludur” veya “bu yıl şu tasarım moda” gibi yüzeysel önerilerden oluşmayacak. Bir tasarım kararının neden işe yaradığını, hangi durumda sorun oluşturduğunu ve projenin geri kalanını nasıl etkilediğini anlatmaya çalışacağım.

Çünkü iyi tasarım kendini göstermek için kullanıcıyla yarışmaz. İçeriği anlaşılır hâle getirir, gereksiz kararları ortadan kaldırır ve kullanıcıyı ulaşmak istediği noktaya mümkün olduğunca doğal biçimde taşır.