Mood Board: UX Projesinde Nasıl Kurulur, Nerede Tıkanır
Mood board, bir ürünün nasıl görünmesi gerektiğini değil nasıl hissettirmesi gerektiğini konuşmak için kurulan görsel bir kolaj: renk, fotoğraf, doku, tipografi örneği, bazen tek bir kelime. UX tarafında işe yarayıp yaramaması tek bir şeye bağlı. Pano bir karar aracı olarak mı kuruluyor, yoksa kimseyi bağlamayan bir ilham galerisi olarak mı.
Pano neyi çözer, neyi çözmez
Panonun gerçek işi, ekibin aynı görsel dili konuşmasını sağlamak. Tasarımcının kafasındaki "sıcak ve ferah" ile pazarlamanın kafasındaki "sıcak ve ferah" aynı şey değil; ikisini yan yana görsele dökmeden fark da ortaya çıkmaz.
Mood board anlatan metinlerin neredeyse tamamı "anlaşmazlıkları en aza indirir" der. Pratikte sık sık tersi oluyor. Etiketsiz bir görsel yığını herkesin kendi okumasını yapmasına izin verir, toplantıdan "anlaştık" diye çıkılır, ayrışma ilk gerçek ekran tasarımında patlar. Panoyu yanlış anlaşılmaya kapalı hale getiren şey görsellerin kalitesi değil, her kümenin yanına neden orada olduğunu yazmak. "Bu fotoğraflar ışık için, kompozisyon için değil" notu bir cümle, kurtardığı iş bir hafta.
Önce sıfatları yaz, sonra görsel topla
Pano kurmanın en kötü başlangıcı Pinterest'i açmak. Görsel seçmeye başladığınız anda beğendiğiniz şeyleri değil, projeye uyanı seçtiğinizi sanırsınız. Onun yerine iki ya da üç sıfatla başlayın.
Kullanışlı sıfatın testi basit: karşıtını bir başkası tercih edebiliyor mu? "Modern" ve "temiz" bu testi geçmez, çünkü kimse "eski ve kirli olsun" demez; bunlar sıfat gibi görünen boşluklar. "Sakin" sıfatı geçer, karşısında "enerjik" duruyor ve bir finans uygulaması için birincisi, bir spor uygulaması için ikincisi savunulabilir. Sıfatları yazdıktan sonra topladığınız her görsel için şunu sorabilir hale gelirsiniz: bu, listedeki hangi kelimenin kanıtı?
Panoyu kurma sırası
- Varsa mevcut kurumsal kimliği ve stil rehberini aç. Pano sıfırdan bir dünya kurmuyorsa zaten verilmiş kararları tekrar tartışmanın anlamı yok.
- Sıfatları belirle ve yaz. Panonun görünür bir yerinde dursunlar.
- Malzeme topla. Fotoğraf ve renk paleti güvenli; ikon seti ve tipografi örneği değil.
- Kümele ve her kümeye tek satır not düş.
- Ekibe göster, ama "nasıl buldunuz" diye sorma. "Burada hangi sıfatı görüyorsun" diye sor, cevaplar listenle uyuşmuyorsa pano henüz çalışmıyor.
Üçüncü maddedeki ayrım, mood board tavsiyelerinin kendi içinde çeliştiği yer. Aynı metin hem "ayrıntıya girmeyin, pano genel hissi anlatır" der hem de malzeme listesine tipografi örneklerini ve ikonları koyar. Oysa panoya bir yazı tipi koyduğunuz anda ayrıntıya girmiş olursunuz; o pano onaylandığında ekip o yazı tipinin onaylandığını da düşünür. Koymak yanlış değil, farkında olmadan koymak yanlış.
Dijital mi, fiziksel mi
Fiziksel pano, dergi kesmek ve kumaş yoklamak, hâlâ en iyi düşünme biçimi; dağınık ekipte işe yaramaz. Dijitalde seçim panonun sonraki adımına göre yapılır. Pano doğrudan tasarım dosyasını besleyecekse Figma, çünkü renkleri ve görselleri oradan alıp bileşene taşıyabilirsin. Pano bir tartışma zemini olarak kalacaksa Miro ya da FigJam daha rahat; yorum ve sticker akışı Figma'da ağırlaşıyor. Pinterest toplama aşaması için iyi, sunum için kötü: kendi görsel dili o kadar baskın ki panonuzun karakterini yutuyor.
Panonun uygulamaya çıkardığı fatura
Burası genelde hiç konuşulmuyor. Pano bir his anlatır, ama hisler koda dönüşürken fiyat etiketi taşır. Yarı saydam katmanlar, arka plan bulanıklığı, yumuşak büyük gölgeler ve gradyanla kurulmuş bir "ferah" hissi, mobil tarayıcıda kaydırma performansını düşürür; fotoğraf ağırlıklı bir pano ise gerçek içerikle doldurulduğunda sayfa ağırlığını katlar. Panoda bunu çözmek gerekmiyor, fark etmek yeterli. Panoyu bir geliştiriciye on dakika gösterip "burada seni zorlayacak bir şey var mı" diye sormak, aynı soruyu tasarım bittikten sonra sormaktan çok daha ucuz (bu adımı atlamanın bedelini birkaç kez ödedim).
Persona ile birlikte kullanmak
Panonun persona çalışmasına eklenen hali farklı bir iş yapar: orada ürünün hissini değil kullanıcının dünyasını toplarsınız. Kullandığı diğer uygulamaların ekran görüntüleri, çalıştığı ortam, günlük nesneleri. Bu ikisini aynı panoda karıştırmamak gerekiyor, yoksa kullanıcının zevkiyle ürünün dili birbirine geçer ve pano hangi soruyu cevapladığını kaybeder.