Brief’e yazılabiliyor, sunumda istenebiliyor. Ama henüz hiçbir tasarım programında “wow” ayarı bulamadık.
Etkileyici bir deneyim, her şeyin hareket etmesi demek değil. Doğru anda gelen bir detay, beklenenden kolay bir işlem veya tam yerinde bir cümle de şaşırtabilir.
Biz şaşırtmayı bir sonuç olarak görüyoruz. Önce insanın neye ihtiyacı olduğunu çözüyoruz. Sonra bu ihtiyacı sıradan hissettirmeyen bir deneyime dönüştürüyoruz.
Ölçü birimimiz piksel değil. Kullanıcının bir sonraki adımı ne kadar rahat attığı.
Fikirden uygulamaya. İstediğin bölümden devam et.
Etkiden önce beklentiyi tanımla
Bir deneyimin şaşırtıcı olması için önce kullanıcının ne beklediğini bilmek gerekir. Randevu almak isteyen biri takvime hızla ulaşmayı; ürün araştıran biri anlaşılır karşılaştırmayı bekleyebilir. Etkiyi bu beklentilerin çevresinde tasarlamak, rastgele efekt eklemekten daha güçlü bir başlangıçtır.
Brief’te 'wow' sözcüğünü gördüğümüzde hedefi somutlaştırırız: daha akılda kalıcı bir giriş mi, daha açık bir ürün anlatımı mı, yoksa daha az adımlı bir işlem mi? Her biri farklı bir tasarım kararı gerektirir.
Deneyimin üç katmanı
Önce içerik: ne söylüyoruz ve hangi sırayla? Sonra etkileşim: kişi ne yapabiliyor ve sistem buna nasıl cevap veriyor? En son ifade: tipografi, renk, kompozisyon ve hareket bu iki katmanı nasıl güçlendiriyor?
Bu sırayı ters kurarsak, çok iyi görünen ama amacını açıklayamayan bir arayüz üretebiliriz. Görsel karakter değerli; kullanıcıya nerede olduğunu ve ne yapabileceğini anlatmasıyla birlikte değerli.
- İlk ekranda tek bir ana mesajı belirle.
- Ana eylemi görünür ve anlaşılır adlandır.
- Yüklenme, hata ve başarı durumlarını tasarıma dahil et.
- Klavye, küçük ekran ve azaltılmış hareket tercihinde aynı görevi tamamla.
Karakter sahnede. Görev de öyle.
Örnek senaryo: MoodVerse’te o anki ruh hâlini kaydetmek isteyen birini düşünelim. Görseldeki karakterler ve kayıt ekranı, ürünün kişiliği ile kullanıcının yapacağı işi birlikte konuşmak için bir başlangıç.
Bütün duygu karakterleri aynı anda hareket ediyor. Seçeneklerin adları geri planda; kişi bir yüzü seçince ne olacağını anlamaya çalışıyor.
Yüz ifadesi kısa bir adla eşleşiyor. Seçilen ruh hâli belli; kaydetme davranışı ve sonucunda alınacak geri bildirim aynı akışta açıklanıyor.
MoodVerse görselinde karakterler yalnız süs olarak durmuyor: kayıt ekranındaki duygularla aynı aileye aitler. Keyifli, yorgun veya gergin bir yüz, yanındaki kısa sözcüğün anlamını destekliyor. Bu ilişki ürünün sıcaklığını korurken görevi görünür tutuyor. Örnek akışı tasarlarken karakterin ne kadar hareket edeceğinden önce seçimin nasıl anlaşılacağını belirleriz. Kişi yanlış seçeneğe dokunduğunda değiştirebilmeli; kaydın alındığını da yalnız parlayan bir renkten çıkarmak zorunda kalmamalı.
Bu karşılaştırma iki olası tasarım kararını tartışıyor; mevcut uygulamanın önceki ve sonraki sürümünü göstermiyor. Değerlendirmek için birine belirli bir ruh hâlini bulup kaydetme görevi verebiliriz. Hangi etikette durduğunu, seçili durumu fark edip etmediğini ve işlemin bittiğini nasıl anladığını gözlemleriz. Görsel kişilik bu görev boyunca devam eder. Etki, rastgele bir animasyon eklemekten değil; karakter, kısa metin ve anlaşılır geri bildirimin aynı anda doğru şeyi söylemesinden doğar.
Bir butonda bile karakter olabilir
Bir görüşme butonuna ışık efekti eklemek onu farklılaştırabilir. Ancak tıklandığında belirsiz bir sayfa açılıyorsa efekt asıl deneyimi kurtaramaz. Görüşmenin süresini ve amacını açıklamak, takvimi doğru açmak ve geri dönüş yolunu korumak daha temel kararlardır.
Burada küçük bir geçiş, kullanıcının eyleminin alındığını hissettirebilir. Hareket, sistemin durumunu anlatan bir ipucu olur. Tasarımın gösterişi ile kullanımın açıklığı aynı noktada buluşur.
Revizeyi görevle değerlendir
Bir sürümü test ederken 'beğendin mi?' sorusuna ek olarak belirli bir görev ver. İlgili hizmeti bul, örneğini incele, iletişim yoluna ulaş. Nerede duraksandığını ve hangi metnin yanlış anlaşıldığını kaydet.
Bu gözlemler tasarımı yönlendirir; tek bir küçük test bütün kullanıcıların davranışını temsil etmez. Kararları farklı ekranlar ve gerçek kullanım koşullarında yeniden kontrol etmek gerekir.
İlk ekran her şeyi söylemek zorunda değil
Bir açılış ekranına bütün hizmetleri, bütün projeleri ve bütün vaatleri doldurmak, ziyaretçiyi hızlı bilgilendirmek gibi görünebilir. Gerçekte her cümle başka bir cümlenin dikkatinden pay alır. Önce ziyaretçinin nerede olduğunu anlamasına yardımcı ol. Sonra bu yerin kendisiyle ilgili olup olmadığını gösterecek kanıtı sun. Devam etmesi için gereken eylem, bu iki bilgiden doğal biçimde çıkmalı.
Bu nedenle ilk ekranı yalnız ekran görüntüsü olarak onaylamayız. Bir önceki temasın ne olduğunu ve aşağıda hangi bilginin geleceğini düşünürüz. Arama sonucundan gelen biri belirli bir soruya cevap ararken sosyal medyadan gelen kişi görsel bir merakla gelmiş olabilir. İkisini aynı anda karşılamak, iki ayrı dev başlık eklemek anlamına gelmez. Açık bir ana cümle ve anlaşılır içerik yolları, farklı girişleri aynı deneyimde buluşturabilir.
Asıl karakter, işler ters gidince görünür
Başarılı ekran tasarım sunumunda çok yer kaplar. Boş sonuç, eksik form veya geciken yanıt ise bazen son anda hatırlanır. Oysa kişi en fazla yardıma bu anlarda ihtiyaç duyar. Hata mesajı yalnız sorunu adlandırmamalı; hangi alanın düzeltilmesi gerektiğini ve girilmiş bilginin korunup korunmadığını da açık etmelidir. Sistem bir şey yapıyorsa durumu görünür olmalıdır.
Marka dili burada da devam eder, ancak espri açıklığın önüne geçmez. Bir ödeme başarısız olduğunda galaktik bir şaka yerine işlemin durumu ve yeniden deneme yolu önemlidir. Sıcaklık; suçlamayan bir cümle, korunmuş form verisi ve anlaşılır seçeneklerle kurulabilir. Bu küçük kararlar deneyimi cilalı bir vitrin olmaktan çıkarır. Kullanıcı yalnız ilk girişte değil, bütün yolculukta aynı özeni hissedebilmelidir.
Ekranın görevini duyalım.
Bir sayfa seç ve aşağıdaki üç kararı gözden geçir. İşaretlemek bir kalite puanı vermez; nereden başlayacağını belirler.
Sıradaki karar'Etkilemek' yerine kişinin yapacağı işi yaz: hizmet karşılaştırmak, örnek incelemek veya görüşme başlatmak.
Etkiyi konuşmak için doğru soruyu seç
Bir sayfada daha uzun süre kalınması her zaman olumlu değildir. İnsan yazıyı dikkatle okuyor da olabilir, aradığı bağlantıyı bulamıyor da. Tıklama sayısını yorumlarken aynı dikkat gerekir. Tasarım hedefini önceden tarif etmezsek her veri istediğimiz hikâyeye dönüşebilir. Önce davranışın anlamını, sonra hangi işaretin onu temsil edeceğini konuşmak gerekir.
Bir hizmet sayfası için kapsamın doğru anlaşılması, uygun örneğe ulaşılması ve iletişim niyetinin oluşması ayrı sorulardır. Gözlem, geri bildirim ve uygun biçimde toplanmış kullanım verisi birbirini tamamlar. Tasarım değişikliğinin tek neden olduğunu kanıtlamadan sonuçları ona bağlamayız. 'Wow' böylece ölçülmesi imkânsız bir dilek olmaktan çıkar; hangi deneyimin değişmesini beklediğimizi bildiğimiz, gerekçeli bir yaratıcı hedefe dönüşür.
Görsel sunumda bir ekranı tek başına göstermek yerine kısa bir senaryo üzerinden ilerlemek de faydalıdır. Kullanıcı nereden geliyor, ilk olarak hangi bilgiyi görüyor, hangi kararı veriyor ve sonunda ne elde ediyor? Her adımın yanına gerekli içerik ile sistem cevabını yaz. Bir adımın tek açıklaması ışık veya animasyonsa o etkinin görevini yeniden sor. Bu çalışma, tasarımın bütün heyecanını silmek için yapılmaz. Tam tersine, özgün ayrıntının en anlamlı olacağı anı seçmeye ve etkisini gereksiz tekrarlarla tüketmemeye yardımcı olur.
Deneyimin ana rotası
Dijital deneyim için bu yazı ana çerçeve. Navigasyon ve hareket yazıları, aynı kararın iki uygulama alanını açıyor.
