Proje galerisi tasarımı: ziyaretçi doğru işi nasıl bulur?
Proje sayfası çok sayıda güzel görsel içerdiği halde ziyaretçi kendi işiyle ilgili örneği bulamayabilir. Galeri tasarımında önce şu soruyu çözün: kişi etkileyici bir seçki mi görmek istiyor, yoksa benzer kapsamda yapılmış işleri karşılaştırmak mı? Aynı sitede bu iki ihtiyaca farklı alanlar ayrılabilir.
Vitrin ile arşivin görevlerini ayırın
Ana sayfada birkaç seçili iş için hareketli bir sunum kullanılabilir. Bütün işleri incelemek isteyen ziyaretçiye ise kolay taranan bir arşiv sunun. Örneğin bir mimarlık ofisi, girişte bir konutu öne çıkarırken arşivde konut, ofis ve konaklama ayrımı yapabilir. Bu örnek bir içerik kararıdır; ölçülmüş başarı iddiası değildir.
Hareketli kartı tek erişim yolu haline getirmeyin. Kullanıcı vitrini beğenip ayrıntıya geçmek istediğinde proje adı ve açık bir inceleme bağlantısı bulunmalıdır.
Kategorileri müşteri sorusundan çıkarın
“Hangisi bana benziyor?” sorusuna yanıt veren bir ayrım seçin: sektör, yapılan iş veya proje türü. İlk sürümde birbiriyle yarışan üç ayrı filtre sistemi açmak yerine anlaşılır bir başlangıç yapın. Aynı proje birkaç kategoriye girebiliyorsa sayıları ve etiketleri buna göre tutarlı gösterin.
Filtre sonrasında hiç iş kalmadığında “sonuç bulunamadı” mesajına tümünü göster seçeneğini ekleyin. Kategori adını sırf farklı görünmek için ajans içi bir terimle değiştirmeyin; müşterinin kullandığı sözcükleri tercih edin.
Kartın üzerinde karar vermeye yetecek bilgi bırakın
Kartta marka adı, işin türü ve okunabilir bir görsel başlangıç için yeterli olabilir. Logo odaklı bir kapak kullanıyorsanız alttaki ekran görüntüsünün bulanıklığı bir sunum tercihi olarak kalsın; detay sayfasında ziyaretçinin gerçek işi inceleyebileceği net görseller bulunsun.
Aynı kartın bütün yüzeyine çok uzun metin yerleştirmek yerine ayrıntıyı proje sayfasına taşıyın. “Projeyi incele” bağlantısının erişilebilir adı hangi projeyi açtığını da açıklayabilir. Mobil kırpmada marka işaretinin kenardan kesilmediğini kontrol edin.
Hareketin kontrolünü ziyaretçide tutun
W3C carousel örüntüsü, önceki ve sonraki kontrollerini ve otomatik dönen içerikte durdurma kontrolünü ele alır. Otomatik dönüş, klavye odağı içeri girdiğinde durmalı; kullanıcı istemeden yeniden başlamamalıdır. Bu koşullar, animasyon kararının teknik teslim listesine girmelidir.
Bizim önerimiz: kullanıcı bir işi okumaya başladığında kart sabit kalsın. Parmakla sürükleme yanında görünür yön düğmeleri de sunun. Hızlı hareketten rahatsız olan ziyaretçiler için azaltılmış hareket davranışını ayrıca deneyin; yalnızca masaüstü videosuyla onay vermeyin.
Önizleme penceresi ile kalıcı proje adresini birlikte planlayın
Popup, görsele hızlı bakmak için kullanılabilir; paylaşılabilir proje sayfası daha ayrıntılı bağlam sağlar. Pencereyi kapatan kişi aynı kart ve konuma dönebilmeli. “Siteyi aç” bağlantısının gerçekten hedef adresi olmalı; boş bağlantı bir teslim eksikliğidir.
Proje arşivimizi içerik türlerini karşılaştırmak için inceleyebilirsiniz; burada bir performans testi sonucu ileri sürmüyoruz. Kendi galeriniz için ajansa bir proje kartı, bir boş filtre durumu ve bir detay sayfasını birlikte tasarlatın. Uygulama kapsamını web tasarım çalışması içinde netleştirin.
Sık sorulan sorular
Her proje galerisi carousel olmalı mı?
Hayır. Seçili birkaç işin vitrini için hareketli sunum, karşılaştırmalı tarama için ızgara daha uygun olabilir. Kararı ziyaretçinin görevine göre verin.
Popup varsa ayrı proje sayfasına gerek var mı?
Paylaşılabilir adres, ayrıntılı kapsam ve doğrudan erişim istiyorsanız ayrı sayfa yararlıdır. Popup hızlı önizleme olarak bu yapıyı tamamlayabilir.