Tasarım geri bildirimi nasıl uygulanabilir hâle getirilir?

“Daha sade olsun” gerçek bir sorunu tarif ediyor olabilir. Ancak tasarımcıya hangi sorunu fark ettiğinizi söylemez. Sayfada birbiriyle yarışan çok fazla eylem, tuhaf bir boşluk, yoğun metin, tutarsız hizalama veya dördü birden olabilir. Bunlardan birine getirilen makul bir düzeltme, inceleyen kişide hiçbir şeyin iyileşmediği duygusunu bırakabilir.

Uygulanabilir tasarım geri bildirimi, tasarımın belirli bir bölümünü amaçlanan sonuçla ilişkilendirir ve sonraki kişinin yararlı bir karar verebilmesi için yeterli bağlam sunar. Nihai çözümü sizin vermenizi gerektirmez. Çoğu zaman en değerli yorum, sorunu açıkça anlatırken çözüm için tasarımcıya alan bırakır.

Birinin harekete geçebileceği tasarım geri bildirimi nasıl verilir?

Yararlı bir yorum genellikle bir konum, gözlemlenebilir bir sorun ve bunun neden önemli olduğunu içerir. Bir yön önermek işe yarayabilir, fakat sorunla ilgili belirsizliği gizlememelidir. “Düğmeyi taşıyın” yapılacak eylem konusunda nettir, ancak bu eylemin iyileştirmesi gereken sonuç konusunda hâlâ muğlaktır.

Kurgusal bir kurs tanıtım sayfasını düşünün. “Sayfa kalabalık hissettiriyor” bir tepkidir. “İlk bölümde kurs başlığı, indirim rozeti ve bülten formu benzer görsel ağırlığa sahip; asıl eylemin kursa kayıt mı, bültene abonelik mi olduğunu hemen anlayamıyorum” ise çatışmayı tanımlar. Tasarımcı artık inceleyenin hangi süslemeden hoşlanmadığını tahmin etmek yerine hiyerarşiyi araştırabilir.

Yorum bir soruyla veya yön önerisiyle bitebilir: Burada baskın eylem kursa kayıt mı olmalı? Öncelik üzerinde anlaşılmadıysa bu yararlı bir sorudur. Kayıt zaten onaylanmış hedefse onu baskın kılan bir sürüm isteyin. Geri bildirim biçiminde soru işareti var diye karara bağlanmış bir konuyu yeniden tartışmaya açmayın.

Nielsen Norman Group’un tasarım değerlendirmesi rehberi, tasarımı hedeflerine göre değerlendirmeyi, tartışmaya açık bir kapsam vermeyi ve değerlendirmeyi bir diyalog olarak ele almayı vurgular. Bu ilkeler yararlı geri bildirimi kişisel tercihler toplamından ayırmaya yardımcı olur. Aşağıdaki örnekler bu genel yaklaşımı somut arayüz yorumlarına dönüştürüyor.

Figma ekibi değerlendirme sürecinin kendisini yeniden tasarlaması gerektiğini gördü

Figma’nın tasarım değerlendirmesi sürecini anlattığı yazıda Noah Levin; yüzeysel tartışmalar, faydasız onaylar ve işin önünü açmayan yorumlar hakkındaki ekip geri bildirimlerini aktarıyor. Ekip bu sorunları bir Figma dosyasında topladı, grupladı ve tartışmayı özel bir Slack kanalında sürdürdü. Ardından tek toplantı biçiminin her aşamaya uymasını beklemek yerine farklı ihtiyaçlar için farklı değerlendirme biçimleri kullandı.

Ekibin teşhisi tek tek yorumların sözcüklerini aşıyor: Bir yorum somut olabilir, ancak onunla harekete geçemeyecek bir tartışmanın içine düşebilir. Yanlış soru, yetersiz bağlam veya kararı kimin vereceğinin belirsiz olması, özenli bir incelemeyi bile etkisiz bırakabilir.

Geri bildirim istemeden önce çalışmanın hangi aşamada olduğunu söyleyin. Bir konseptin sorun ve yön hakkında tartışmaya ihtiyacı vardır. Neredeyse bitmiş bir formda ise metin, durumlar ve etkileşim önemlidir. İnceleyen kişi tasarım yönünün hâlâ tartışmaya açık olduğunu, tasarımcı ise yalnızca boşluk ayarlarının kaldığını düşünüyorsa kimse yanlış davranmamış olsa bile ikisi de hayal kırıklığıyla ayrılabilir.

Kurs sayfası örneğinde etkili bir açılış şöyle olabilir: “Birincil eylemin kayıt olması konusunda anlaştık. Hedef kitle ve fiyat kesinleşti. Bugün ilk bölümün, kullanıcıdan karar vermesini istemeden önce ön koşulları açıklayıp açıklamadığını belirlemek için yardım istiyorum.” Bu ifade inceleyenlere güncel bir soru verir ve kesinleşmiş bilgileri korur. Yerleşimi onaylamalarını istemez.

Aynı yayımlanmış tartışmadaki başka bir mesaj, sunan kişinin istediği ve istemediği geri bildirimleri belirten bir değerlendirme formu hazırlamayı ve yöntemi oturumdan önce netleştirmeyi öneriyor. Aceleye gelen tartışmaya yararlı bir karşılık: Kapsam belirlemeyi toplantının telaşlı ilk dakikalarından çıkarın. Kurs sayfası için kayıt hedefini ve ön koşul sorusunu davete yazın; oturumu gerçek ekranı incelemeye ayırın. Kısa bir kapsam açıklaması, yapıcı davranmaya ilişkin uzun bir kural listesinden daha çok iş görür.

Ekranı değiştirmeden önce yorumu sınıflandırın

İyi bir değerlendirme yalnızca daha fazla not değil, daha az çözümsüz soru bırakmalıdır. Yorumları topladıktan sonra her birinin gerektirdiği yanıt türüne göre ayırın.

Bu ayrım iki yorum çatıştığında pratikleşir. “Sayfayı kısaltın” ve “katılım koşullarını açıklayın” talepleri, tekrar eden arka plan bilgisini kaldırıp koşulları öne alarak birlikte karşılanabilir. “İki farklı eylemi önceliklendirin” ise bir iş kararı gerektirebilir. İkinci çatışmayı eşit parlaklıkta iki düğmeyle çözüp adına uzlaşma demeyin.

Gözlem, yorum ve öneriyi ayırın

Bu üç parça çoğu zaman kendinden emin tek cümleye sıkışır. “Kullanıcılar bu düğmeyi görmezden gelir, o yüzden turuncu yapın” hem bir tahmini hem çözümü, ikisinin arkasındaki gözlemi göstermeden birleştirir. İnsanların onu görmezden geldiğine dair kanıtınız yoksa bu tahmin araştırılacak bir kaygı olarak kalmalıdır.

Gözlem, düğmenin üç ikincil bağlantıyla aynı soluk kenarlığı kullanması olabilir. Yorum, önceliğinin anlaşılmasının zor olabileceğidir. Öneri, birincil eylemi daha güçlü vurgulamaktır. Bu sıra başka birinin verimli biçimde itiraz etmesine izin verir: Belki eylem bilerek ikincildir; belki de kontrast yeterlidir, asıl sorun konumdur.

Her yorum için başlıklandırılmış üç paragraf yazmanız gerekmez. Doğal bir cümle de ayrımı taşıyabilir: “Kayıt düğmesi ders programı bağlantısıyla aynı biçimde gösteriliyor. Bu sayfanın ana görevi kayıt olduğuna göre önceliğini daha görünür kılabilir miyiz?”

Araştırma kanıtınız varsa onu doğru tanımlayın. İnceleyenin zorlanması bir gözlemdir. Kaydedilmiş bir kullanılabilirlik oturumu başka tür kanıttır. Analitik verideki örüntü de başkadır. “Burada duraksadım” ifadesini “kullanıcılar bu görevi tamamlayamıyor”a çevirmeyin; yalnızca resmî araştırma değil diye duraksamayı da yok saymayın. Dayanağını belirtmek, onu uygun güven düzeyinde yararlı kılar.

Aşağıdaki OpenDesign örneği, gönderilmemiş bir öğe yorumu taslağıdır: Seçili sözcüğü, yerine gelecek sözcüğü ve korunacak biçimi belirtir.

Sık kullanılan altı yorumu uygulanabilir hâle getirin

“Sayfa daha sade olsun”

Önce nelerin dikkat için yarıştığını belirleyin. Kurgusal kurs sayfasının ilk bölümünde kayıt düğmesi, bülten formu, video düğmesi, üç rozet ve bir sıra iş ortağı logosu var. Rastgele öğe kaldırmak ekranı sakinleştirebilir; ziyaretçinin karar vermek için ihtiyaç duyduğu bilgiyi de silebilir.

Daha yararlı yorum şöyle olur: “İlk ekran, kursun kime yönelik olduğunu açıklamadan kayıt olmayı, abone olmayı ve video izlemeyi istiyor. Önce hedef kitlenin ve kayıt yolunun okunmasını kolaylaştırıp bülten davetini daha sonra koyabilir miyiz?” Böylece tasarımcıya muğlak bir estetik hedef değil, iyileştirilecek bir sıra verirsiniz.

Düzeltmeyi aynı kaygıya göre inceleyin. Artık hedef kitle ve ana eylem anlaşılabiliyor mu? Evetse rozet biçimiyle ilgili yeni bir tercih ortaya atmadan önce bu iyileşmeyi kabul edin. Başarı ölçütünü sürekli değiştirmek, her yorum tek başına makul görünse bile tasarım sürecini keyfî hissettirir.

“Boşluklar yanlış hissettiriyor”

Boşluk geri bildirimi, hangi ilişkinin belirsiz olduğunu söylediğinde yararlıdır. “Daha fazla boşluk ekleyin” yoğun bir bölümü iyileştirebilir; yararlı gruplamayı bozup ilişkili bilgileri kopuk da gösterebilir.

Aylık fiyatın, altındaki faturalama notundan çok ilk özelliğe yakın olduğu bir fiyat kartı düşünün. Somut yorum şudur: “Faturalama notu görsel olarak özellik listesine katılıyor. Tutar ve dönem birlikte okunsun diye fiyata yaklaştırın; özelliklerden önce daha belirgin bir aralık bırakın.” İstenen sonuç yalnızca daha çok boş alan değil, farklı bir gruplamadır.

Sorun gruplama değil rahatlıksa bunu söyleyin. “Dar yerleşimde paragrafla eylem düğmesi neredeyse birbirine değiyor. Ayrı öğeler olarak okunacak kadar ayırın; düğmenin bu bölüme ait olduğu da belli kalsın.” Başka genişliklerde kontrol edilmemiş bir piksel değeri uydurmadan da uygulanabilir bir yorumdur.

“Daha üst segment görünmeli”

“Üst segment”; ölçülü, editoryal, teknik, lüks veya yalnızca pahalı görünen anlamına gelebilir. Ekip istenen nitelikleri somutlaştırdığında geçerli bir marka niyetine dönüşür. Aksi hâlde biri altın gradyan eklerken diğeri bütün süslemeyi kaldırabilir.

Kurgusal mimarlık portföyü için daha iyi yorum şöyledir: “Proje fotoğrafları güçlü, fakat parlak rozetler ve yuvarlak tanıtım düğmeleri sayfaya perakende hissi veriyor. Görsel ağırlığı daha çok işlerin taşımasını istiyorum. Mevcut yazı ailesini koruyarak daha sakin kontroller, ölçülü bir renk dengesi ve daha büyük proje görselleri deneyin.” İstenen nitelik artık görünür seçimlere bağlıdır.

Referans görsel yardımcı olabilir, ama hangi özelliği kastettiğinizi açıklayın. “Kompozisyonu ve başlıkla görselin yakın ilişkisini kullanın”, “paleti, yazı tipini ve konuyu kopyalayın”dan farklıdır. İlgili özelliğe kısa bir not eklemek, referansın içindeki her şeyi taklit etmeye yönelik kazara bir talimata dönüşmesini önleyebilir.

Niteliği henüz ifade edemiyorsanız iki somut seçeneği karşılaştırın. Aralarındaki izlenimi neyin değiştirdiğini sorun. Kontrast miktarını veya fotoğrafın baskınlığını konuşmak, sayfanın yeterince sofistike olup olmadığını tartışmaktan kolaydır. Amaç zevki ortak yöne dönüştürmektir; zevkin hiç rolü yokmuş gibi davranmak değil.

“Metin çok uzun”

Bazen sorun uzunluk, bazen sıradır. Yararlı yanıt dördüncü cümlede gömülüyken ilk üç cümle şirketin hedeflerini anlatıyor olabilir. Her cümleyi eşit kısaltmak temel zayıflığı korur.

Kayıt sayfasında şöyle deneyin: “Paragraf, ziyaretçiye kayıt sonrasında ne olacağını söylemeden yaklaşımımızı açıklıyor. Önce ilk yararlı sonucu ve sonraki adımı verin; basitlikle ilgili tekrarı kaldırın.” Bu, yazara net bir editoryal karar verir. Ziyaretçinin ihtiyaç duyduğu bilgi için fazla katı olabilecek bir sözcük sınırından da kaçınır.

Yerleşim gerçek bir kısıt getiriyorsa belirtin. “Dar görünümde giriş metni ilk alanı başlangıç ekranının altına itiyor. İş e-postasının zorunlu olduğu bilgisini koruyup tekrar eden bağlamı azaltabilir miyiz?” Kısıt somuttur, fakat geri bildirim göreve önemli bir bilgiyi korur.

Her açıklayıcı cümleyi fazlalık saymayın. Önemli koşulu gizleyen kısa form, taahhüdü açıkça anlatan uzun formdan daha az kullanılabilir olabilir. Kişinin harekete geçmeden önce ne bilmesi gerektiğini inceleyin, hangi sözcüklerin yerini hak ettiğine sonra karar verin.

“Form kafa karıştırıyor”

Bu yorum etiketleri, soru sırasını, beklenmedik gereksinimi veya gönderim sonrası geri bildirimi kastedebilir. Belirsizliğin nerede başladığını sorun. Formun tamamı daire içine alınmış bir ekran görüntüsü, sorunu nadiren yeterince daraltır.

Kurgusal iletişim formu “Şirket büyüklüğü” sorusuna çalışan mı müşteri mi olduğunu söylemeden aralıklar sunuyor olsun. Uygulanabilir yorum şudur: “Şirket büyüklüğü seçenekleri birim olmadığı için muğlak. Sorunun çalışan sayısını sorduğunu belirtin; seçenek etiketlerinin de aynı anlamı kullandığını kontrol edin.” Net bir içerik değişikliği ve kolay bir inceleme ölçütüdür.

Başka bir kaygı şu olabilir: “Gönderimden sonra bir yanıtın eksik olduğu söyleniyor, ama hangisi gösterilmiyor. İlgili soruyu belirtip ona doğrudan dönüş sağlayın.” Sorun ilk alan tasarımından çok toparlanma yoluyla ilgilidir. Bu geri bildirim bütün soruları yeniden tasarlamaya yol açmamalıdır.

Nielsen Norman Group’un uygulanabilir kullanılabilirlik bulguları yazısı, somut ve betimleyici bulguların neden ekipleri harekete geçirdiğini ve gözlemlerin kullanıcıyı suçlamak yerine tasarım sorununu neden belirtmesi gerektiğini açıklar. Gayriresmî incelemede de bu disiplini uygulayın. “Etikette birim yok”, “İnsanlar dikkatli okumuyor”dan yararlıdır.

“Mobil çalışmıyor”

Mobil yorumun konuma ve koşula ihtiyacı vardır. Sayfa bir dar genişlikte okunabilir, fakat metin büyüyünce, menü açılınca veya uzun başlık gelince bozulabilir. “Mobili düzeltin” sorunu yeniden üretmeye yarayacak kanıtı gizler.

Yararlı yorum şöyle olabilir: “Dar önizlemede proje başlığı üç satıra taşıyor ve indirme eylemini kartın dışına itiyor. Başlığın tamamını okunur tutun; eylem sınırların içinde kalsın diye kartın büyümesine izin verin.” Tasarımcı artık hem tetikleyiciyi hem amaçlanan sonucu bilir.

Bir başka örnek: “Gezinme menüsü açıkken kapatma kontrolü sayfa başlığıyla örtüşüyor. Bu genişlikte açık menü durumunu inceleyip kontrole sabit bir konum verin.” Sorun tüm mobil sayfa değil, belirli koşuldaki bir etkileşim durumudur.

Biliyorsanız görünüm veya cihaz bağlamını ekleyin. “390px’de, gezinme açıkken” sonraki kişiye yeniden üretilebilir koşul verir; “mobilde” ise hatayı belirsiz bırakır.

Sıradaki adımın düzeltme, karar veya test olduğuna karar verin

Her yararlı yorum anında düzenlemeye dönüşmemelidir. Bazıları eksik ürün kararını, bazıları kanıt gerektiren varsayımı gösterir. Hepsini uygulama işine çevirmek, tasarımı daha tutarlı yapmadan ekibi çok meşgul edebilir.

Onaylanmış hedef netse ve tasarım görünür biçimde çelişiyorsa genellikle düzeltme uygundur. Yorum iki rakip hedefi ortaya çıkarıyorsa biri önceliği seçmelidir. Yeterli kanıt olmadan davranış öngörüyorsa küçük test veya inceleme doğru adım olabilir.

Kurs sayfasında “Kaydı birincil eylem yapın”, öncelik önceden kararlaştırılmışsa düzeltmedir. “Kaydı mı bülten büyümesini mi öncelemeliyiz?” karardır. “Ziyaretçiler kursun canlı mı kayıt mı olduğunu anlamayabilir” ise önce metin üzerinden incelenebilecek, belirsizlik kalırsa olası okuyucularla test edilebilecek bir kaygıdır.

Notlarınızda bunları ayrı tutun. Tasarımcının daha parlak düğme seçerek iş önceliğini çözmesi beklenmemelidir. Benzer şekilde ürün yöneticisinin her küçük boşluk düzeltmesini onaylaması gerekmez. Açık sonraki adımlar herkesin doğru düzeyde katkıda bulunmasını sağlar.

Çelişen geri bildirimde göreve dönün

Her yorumun neyi korumaya çalıştığını sorun. Ardından sıralama, gruplama veya aşamalı açıklamayla iki kaygının birlikte karşılanıp karşılanamayacağını inceleyin. Belki katılım koşulu ana eylemin yanında olmalı, tekrarlanan şirket geçmişi aşağı taşınmalı veya kaldırılmalıdır. Sonuç sözcük sayısıyla ölçülen uzlaşma değil, daha net bilgi yapısıdır.

Hedefler gerçekten çatışıyorsa seçimi ve nedenini kaydedin. Örneğin uygun kurumsal alıcılara yönelik bir sayfa, sıradan ziyaretçinin ihtiyacı olmayan ayrıntıları bilerek içerebilir. Karar son konuşanın kıdeminden değil, hedef kitleden ve amaçtan gelmelidir.

Uyumsuz estetik talimatların sessizce ortalamasını almayın. Neşeli ile ciddi arasında kalan bir tasarım ikisini de ifade etmeyebilir. Somut örnekle ödünleşimi gösterin; yeni tam sürümden önce yönü belirleyin. Odaklı bir karar, birkaç yüzeysel düzeltme turunu önleyebilir.

OpenDesign yorumlarıyla tartışmayı somut tutun

Desteklenen HTML önizlemesinde OpenDesign, konuşulan gerçek metin ve yerleşimi incelemenize yardımcı olabilir. Metin, bağlantı, görsel ve stilleri elle değiştirebilir, görünüm boyutu önayarlarını inceleyebilir ve yorumları sohbete gönderebilirsiniz. Sayfanın nasıl görünebileceği üzerine soyut tartışma taşımak yerine kaygıyı görünür çalışmaya bağlayın.

İyi yorum yine tek başına anlaşılacak bağlam ister. Etkilenen öğeyi belirtin, gözleminizi ve amaçlanan iyileştirmeyi söyleyin. Referans görsel eklerseniz hangi özelliğin yol göstermesi gerektiğini belirtin. Araç yorumu taşır; muğlak yorumu kendiliğinden kesinleştirmez.

Düzeltmeden sonra aynı öğeyi aynı koşulda karşılaştırın. İlk sorun uzun başlığın düğmeyi kart dışına itmesiyse o uzun başlığı yeniden kullanın. Yerine kısa başlık koymak sorunu çözmeden gizleyebilir. İyileşmeyi anlayabilmek için kanıtı yeterince sabit tutun.

Geri bildirim döngüsünü görünür bir sonuçla kapatın

Son adım, yoruma ne olduğunu söylemektir. Kısa yanıt; çözümü, belirtilen nedenle değiştirilen öneriyi veya hâlâ açık kararı kaydedebilir. Farklı zamanlarda birden çok kişi inceleme yaptığında özellikle yararlıdır.

Fiyat örneğinde yararlı kapanış şöyledir: “Faturalama notu artık fiyatla birlikte, özellik listesi ise daha büyük boşluktan sonra başlıyor. Dar yerleşimde de aynı gruplama korunuyor.” “Tamamlandı”dan bilgilendiricidir; değişimi ilk kaygıya bağlar, inceleyene somut doğrulama konusu verir.

Olumlu geri bildirim de aynı kesinlikte olmalıdır. “Yeni gruplama fatura dönemini bulmayı kolaylaştırıyor; diğer kartlarda bu ilişkiyi koruyun” tasarımcıya neyin çalıştığını ve sonraki değişimlerde neyin kalması gerektiğini anlatır. Başarılı tercihi belirten övgü, yalnızca nezaket değil, kaliteyi sürdürmenin parçasıdır.