Ürün Tasarımının 7 Ölümcül Günahı (Ve Bunlardan Nasıl Kaçınılır)

Zaman çizelgemizin bu noktasında, kötü ürün tasarımı için kesinlikle hiçbir mazeret yok. Yazılım ürünlerinin sürekli rekabet hâlindeki dünyasında, kullanıcı arayüzü ve kullanıcı deneyimi tasarımınızı doğru yapmak tartışmaya kapalı bir gerekliliktir. Kullanıcılarınızın sorunlarını çözebilen harika bir teknolojiniz olsa bile, kötü bir kullanıcı deneyimi kullanıcıların ürününüzden kaçmasına neden olur—ya nasıl kullanacaklarını anlayamadıkları için ya da açıkçası üründen nefret ettikleri için.

Kendinizi hazırlayın; ürün tasarımının yedi ölümcül günahını sıralayarak ve en kötü örneklerden bazılarını açığa çıkararak kullanıcı deneyiminin nasıl tasarlanmaması gerektiği konusunda biraz "sert sevgi" sunmak üzereyim.

Günah #1: “Noel Ağacı”

Çocukluğuma dair en güzel anılarımdan biri, kız kardeşimle birlikte Noel ağacını süslediğimiz zamandır. İşimiz biter bitmez, bizim için kesinlikle muhteşem görünen ağaca hayranlıkla bakardık. En azından biz böyle görüyorduk. Peki gerçek hayatta nasıl görünüyordu? Şuna benzer bir şey.

Nereye varacağımı bildiğinizi varsayıyorum. Çocuklarınızın Noel ağacını gönüllerince süslemesini gerçekten istediğiniz ağacın aksine, kullanıcı arayüzünüz ve kullanıcı deneyiminiz her yere dağılmış devasa bir öğe ve renk karmaşası gibi görünmemelidir.

Şimdi “Noel ağacı” gibi görünen gerçek bir ürüne bakalım.

Bir anlığına sadece buna bakın ve bana bu ürünün ne hakkında olduğunu açıklamaya çalışın. Eminim siz de kullanıcı arayüzünde kayboldunuz ve bir süre boyunca ne olduğunu anlayamadınız. Bu ekranda o kadar çok şey oluyor ki nerede olduğunuzu ve ne yapmanız gerektiğini anlamak neredeyse imkânsız.

Bu arayüzde gördüğüm sorunlar şunları içeriyor:

• Rengin aşırı kullanımı: Renk, becerikli ürün tasarımcılarının elinde güçlü bir araçtır; kullanıcıları doğru yöne yönlendirebilir. Ancak kullanıcı arayüzünüzde çok fazla renk kullanırsanız bu güç zayıflar ve her renkli öğe dikkat çekmek için rekabet etmeye başlar.
• Harekete geçirici mesajların aşırı yüklenmesi: Şu anda tıklamam gereken en önemli şey ne? Açıkçası hiçbir fikrim yok—her yerde düğmeler var.
• Kafa karıştıran düzen: Yani ekran temelde üç sütuna ayrılmış; ortadaki sütunda iki sekme var ve alt bölümde ayrıca büyük bir zaman çizelgesi bulunuyor. Tasarımcılar tek bir ekrana mümkün olduğunca çok şey sığdırmaya çalışmış.

Bunun Yerine Bunu Yapın

Bu, büyük miktarda bilgiyi bir tür düzene sokarak kullanıcı deneyimine yaklaşmaya çalışmanın bir örneği. Bunun yerine, kullanıcı deneyiminizi kullanıcılarınızdan beklediğiniz davranışın haritası olarak düşünün. Renk, harekete geçirici mesajlar ve düzenin, kullanıcınızı doğru sonraki adımlara yönlendirmek için birlikte çalışması ürün tasarımının temel kuralıdır.

Günah #2: Kötü Görsel Hiyerarşi

Görsel hiyerarşi, aralarındaki hiyerarşik ilişkiyi açıkça ifade edecek şekilde kullanıcı arayüzünüzdeki öğelerin düzenlenmesini ifade eder.

Örneğin şu anda okumakta olduğunuz makale, başlığın en üstte büyük puntolarla yer alması, alt başlıkların başlıktan daha küçük puntolu ancak paragraflardan çok daha kalın olması ve benzeri özellikler sayesinde net bir görsel hiyerarşiye sahiptir.

Her iki durumda da başlıkları ya daha büyük ya da daha kalın hâle getirerek öne çıkarıyoruz—böylece paragrafların ilgili alt başlıklarda belirtilen konular hakkında olduğunu açıkça gösteriyoruz.

Görsel hiyerarşi, kullanıcı arayüzünüzü düzenlemek ve gezinmeyi kolaylaştırmak için harika bir yoldur. Ancak bunun olmaması, kullanıcılarınızın arayüzünüzde yollarını bulmakta zorlanmasını sağlamanın harika bir yoludur.

Görsel hiyerarşinin günlük olarak beni rahatsız eden en belirgin başarısızlıklarından biri Quora'nın yanıtlar bölümüdür.

Quora, kullanıcıları diğer sorulara göz atmaya ve web sitesinde daha uzun süre kalmaya teşvik etmek için şu anda göz attığınız soruyla ilgili soru ve yanıtları da eklemiş.

Bundan rahatsız değilim. Bu, mevcut bir kullanıcı davranışı ve Quora bundan faydalanmanın doğal bir yolunu bulmuş.

Ancak ilgili soru ve yanıtları tasarlama biçimleri rahatsız edici. Bunlar sayfadaki gerçek yanıtlarla neredeyse aynı görünüyor ve görsel hiyerarşiden yoksun. Yukarıdaki ekran görüntüsüne bakın ve hangisinin yanıt, hangisinin ilgili soru olduğunu söyleyin. Bunu fark etmek için gerçekten yavaşça okumanız gerekiyor.

Bunun Yerine Bunu Yapın

İdeal olarak, ilgili sorular arayüzde daha az öne çıkmalı ve görsel hiyerarşi açısından ana yanıtlardan daha aşağıda yer almalıdır (örneğin beyaz yerine grimsi bir arka plana sahip olmalıdır).

Günah #3: 2000'lerden Kalma Bir UI

Biliyorum, biliyorum; Craigslist'in UI'ı korkunç derecede eski görünüyor ve yine de tamamen sorunsuz çalışıyor. Ancak bu, kuralın bir istisnasıdır ve 2023'te böyle bir şeye sahip olmanın hâlâ gayet iyi olduğunu düşünmemelisiniz.

Sorun şu ki Craigslist'in aksine, ürününüz çok popüler olmayacak ve herkesçe tanınan bir markaya sahip olmayacaktır. Bu nedenle insanlar web sitenizi ziyaret ederken veya uygulamanızı kullanırken modası geçmiş bir şey görürlerse sizi ciddiye almayacaklardır. Bununla birlikte, yaratıcı logo tasarımınız ve markalaşmanız sayesinde her zaman tanınma şansınız vardır.

Ne yazık ki bazen bu günahı işlemekten en “ciddi” kuruluşlar sorumlu oluyor.

Birkaç yıl önce Ermenistan Merkez Bankası ile çalışma fırsatım oldu. Orada alanındaki en yetenekli finansal analistlerden ve para politikası uzmanlarından bazıları çalışıyor. Ayrıca bu kurumun başkanı (Harvard mezunu) benim profesörüm olmuştu ve muhtemelen hayatımda tanıdığım en zeki kişi.

Ancak Merkez Bankası'nın web sitesi o kadar kötü görünüyor ki bunun son derece saygın ve çok yetenekli çalışanlara sahip bir kuruluş olduğuna inanmanız zor olacaktır.

Günah #4: Karanlık Tasarım Kalıpları (Ya da UX'i Kullanıcılarınızın Aleyhine Kullanmak)

UX dünyasında “karanlık tasarım kalıpları”, kullanıcıyı yanlış bilgilendiren ve farkında olmadığı bir eylemi gerçekleştirmeye yönlendiren kullanıcı akışları ve UI öğeleridir.

Turuncu ok şeklinde bir logoya sahip olan ve karanlık tasarım kalıplarını uygulamasıyla özellikle “ünlü” belirli bir e-ticaret mağazası var. FCC kurallarına uymadıkları gerekçesiyle aleyhlerinde devam eden şikâyetler ve soruşturmalar bulunacak kadar suçlular.

Bu kategoriye giren en ünlü kullanıcı deneyimlerinden biri, bir Prime üyeliğini iptal etmeniz gerektiğinde izlenen yoldur.

Adil olmak gerekirse, kullanıcılarınız ücretli aboneliklerini iptal ederken onlardan geri bildirim istemenin veya onlara “lütfen gitme” indirimi sunmanın hâlâ iyi bir fikir olduğunu düşünüyorum. Ancak kullanıcılarınızın zamanına ve sabrına saygı göstermeniz gerekir.

Aboneliğinizi iptal etmek isteyen kişilerin büyük olasılıkla size kızgın veya memnuniyetsiz olduğunu göz önünde bulundurun. Bu nedenle iptal etmelerini zorlaştırmak onları daha da öfkelendirecektir (ve gelecekte bir gün geri dönmelerini sağlamayı unutabilirsiniz).

Örneğin Prime üyeliğinizi iptal etmeye çalışırsanız Amazon sizden kararınızı yeniden değerlendirmenizi isteyecektir.

Bu ekran benim için sorun değil, herkes bunu yapıyor.

Ancak iptal edebilmek için seçiminizi iki(!) kez daha onaylamanız gerekmesini kabul etmiyorum (şaka yapıyorsunuz, değil mi?). Ayrıca CTA'larında kullandıkları ifadeler ve renkler, üyeliği devam ettirmek yerine iptal edecek seçeneği bulmanızı zorlaştıracak şekilde tasarlanmış.

Bunun Yerine Bunu Yapın

Kullanıcılarınızı niyetlerinin aksine bir eyleme yönlendirmeye çalışmayın veya iptal etmeyi aşırı derecede zorlaştırarak onları “yıpratmaya” çalışmayın. İnsanlar bunu bilerek yaptığınızı anlayacak kadar zekidir ve bu yalnızca rakiplerinizin daha çekici görünmesine yol açar. Bunun yerine, sizden ayrılma nedenleri hakkında kısa bir anket yapın ve geri dönmeleri için kapıyı açık bırakırken süreci verimli hâle getirin.

Günah #5: Formlar İçin En İyi Uygulamaları İzlememek

Formlar web sitelerinin temel unsurlarından biridir ve geliştiricilerin oluşturmayı, tasarımcıların ise tasarlamayı öğrendiği ilk şeylerdendir.

Formlar için harika bir kullanıcı deneyimi oluşturmak, tasarımcılar arasında muhtemelen en çok tartışılan konulardan biridir ve bununla ilgili en iyi uygulamaları, kılavuzları ve dersleri neredeyse her yerde bulabilirsiniz.

Author's Tip

Not: Bu konu hakkında daha fazla bilgi edinmek için Jessica Enders tarafından yazılan “Designing UX: Forms” kitabını kesinlikle tavsiye ederim.

Formlar hakkında bu kadar çok eğitim materyali bulunması ve bunları doğru şekilde hazırlamanın önemi göz önüne alındığında (sonuçta bu durum, ediniminizi ve diğer önemli metrikleri doğrudan etkileyecektir), formlar için yerleşik UX en iyi uygulamalarını takip etmemenin bir günah olduğunu söyleyebilirim.

Şimdi size formlar için kötü ürün tasarımına bir örnek vereyim.

Gözlerim sızlamadan bu sayfaya bakamıyorum bile. Burada yanlış olan o kadar çok şey var ki. Birkaçını saymak gerekirse:

Boşluğun yanlış kullanımı: Alan adlarının alanların kendisinden neden bu kadar uzakta olması gerekiyor? Alım ve teslimat için iki küçük açma/kapatma düğmesi yerleştirmek için neden koca bir blok kullanıyorsunuz? Buradaki tüm bilgileri içeren, en az 4 kat daha küçük ve taranması çok daha kolay bir form oluşturabilirsiniz.

Alanların yanlış biçimlendirilmesi: Rakamları, okunmalarını kolaylaştıracak bir telefon numarası biçiminde (ör. +1 (555) 123-1234) göstermeyen bir telefon alanı var. Bu o kadar yaygın bir durum ki tasarım araçlarının çoğunda bunun için hazır bileşenler bile bulunuyor.

Yer tutucunun bulunmaması: “Ek Teslimat Talimatları” bölümünde bir metin alanı olduğunu zar zor fark edebilirsiniz. Ayrıca oraya ne yazmanız gerektiğinden de emin değilim. İyi bir form UX'i, "Lütfen paketi ön verandaya bırakın." gibi size ipucu veren yer tutucuların bulunacağını her zaman varsayar.

Bunun Yerine Şunu Yapın

Bu sorunların her biri için çözüm oldukça açık, ancak bu durum, bu formu test eden tek kişilerin onu oluşturanlar olduğunu gösteriyor. Tasarımcılar, formu kullanıma sunmadan önce bu UX hakkında gerçek bir kullanıcı geri bildirimi almış olsalardı çok daha iyi olurdu.

Günah #6: Yanlış UI Öğelerini Kullanmak

Bahsetmek istediğim bir sonraki günah, bir öncekinin devamı niteliğinde. Ürününüzde yerleşik kuralları ve en iyi uygulamaları takip etmesi gereken tek UI öğeleri formlar değildir. Açma/kapatma düğmeleri, onay kutuları ve diğerleri gibi yaygın öğeler de vardır.

Aslında kullanıcılar, bu öğelerin her birinin çalışma şekline ilişkin yerleşik zihinsel modellere zaten sahiptir ve bunları doğru şekilde kullandığınızdan emin olmanız gerekir.

İşte bu öğelerin hangi amaçlarla oluşturulduğuna ve onları doğru şekilde nasıl kullanmamanız gerektiğine dair birkaç örnek:

Açma/kapatma düğmeleri: Bu öğe size bir “mantıksal” durumu (bir şeyin Açık/Kapalı veya Etkin/Devre Dışı olması gibi) gösterir. Akıllı telefonunuzdaki Bluetooth anteninin durumunu kullanıcılara göstermek ve anteni açıp kapatmalarını sağlamak için harikadırlar.

Ancak önceki formda, kullanıcının alım ile teslimat arasında seçim yapmasını sağlayan iki açma/kapatma düğmesi bulunuyor.

Bunu bir an düşünürseniz, tasarımcının düşündüğünden daha uzun süre düşünmüş olursunuz. Bu açma/kapatma düğmeleri, “teslimat” seçeneğini belirlemek için “alım”ı KAPATMANIZ ve “teslimat”ı AÇMANIZ gerektiği anlamına geliyor! Bunun yerine radyo düğmeleri kullanabilirlerdi. Bir kullanıcının ikisini de aynı anda açması durumunda ne olacağını gerçekten merak ediyorum.

Filtreleme Olmadan Seçim Menülerinin Kullanılması: Web sitelerinde görülen en eski öğelerden biri olan seçim menüleri, doğru kullanıldıklarında hâlâ popüler ve son derece kullanıcı dostudur. 

Bunun Yerine Şunu Yapın

En iyi uygulamalar, kullanıcının 5-15 seçenekten oluşan bir listeden tek bir seçenek belirlemesi gerektiğinde seçim menüsü kullanmanız gerektiğini belirtir. 5'ten az seçenek varsa radyo düğmelerini tercih etmelisiniz.

Seçilecek kapsamlı bir seçenek listesi varsa (ör. 50 ABD eyaleti veya yaklaşık 200 ülke), seçim menünüze filtreleme eklemeniz gerekir. Aksi takdirde kullanıcınız, istediği seçeneği bulmak için bu uzun listede kaydırma yapmak zorunda kalır.

Günah #7: Kullanıcılarınızın Kim Olduğunu ve Ne İstediklerini Göz Ardı Etmek

Son olarak, hepsinin en büyük günahı: kullanıcılarınızın ihtiyaçlarına ve ilgi alanlarına uymayan bir UX tasarımına sahip yeni bir ürün oluşturmak. Bu, yalnızca başarısızlığa davetiye çıkarır.

Bunun Yerine Şunu Yapın

İyi bir ürün tasarım süreci her zaman kullanıcı araştırmasıyla başlar. Kullanıcılarınızın kim olduğunu ve neye ihtiyaç duyduklarını bilmediğiniz sürece, ne kadar güzel bir kullanıcı arayüzü oluşturursanız oluşturun, büyük olasılıkla kötü tasarlanmış bir ürün ortaya çıkarırsınız.

Kullanıcı araştırmasının kolay bir iş olmadığını biliyorum. Ne de olsa Apple, iPhone'un hem endüstriyel tasarımında hem de kullanıcı deneyiminde olağanüstü bir kullanılabilirlik düzeyine ulaşmak için yıllarca kullanıcı testleri gerçekleştirdi. Ancak bana güvenin; ürününüzün başarısını güvence altına almak için yapabileceğiniz en etkili çalışma budur.

Tasarım Günahları İşlemekten Kaçınmak Gerçekten Çok Kolay

Web siteleri oluşturma alanında çalışıyorsanız, başlangıç konumunuz daha iyi demektir. Neden mi? Çünkü web tasarım araçları genellikle burada sıralanan günahlardan bazılarını zaten önleyen şablonlar sunar. Ancak ister dijital ürünler geliştiren bir girişim, ister fiziksel ürünler (klavyeler veya hareket sensörleri gibi) üreten bir kuruluş olun, kötü tasarımdan kaçınmak aslında oldukça kolaydır.

Ürün geliştirme süreciniz kullanıcılarınızın ihtiyaçlarına ve sorun yaşadıkları noktalara odaklandığı ve doğru ürün tasarım yazılımını kullandığınız sürece, önemli tasarım kusurlarından kaçınabilir ve kötü tasarlanmış bir ürünle sonuçlanmanın önüne geçebilirsiniz (bu, yapay zekâ tasarım yazılımının birçok avantajından da biridir).

Umarım bu örnekler kendi ürünleriniz hakkında daha iyi hissetmenizi sağlamış veya en azından sizi biraz güldürmüştür. Daha fazla UX ipucu ve ürün alanında çalışanlara yönelik diğer makaleler için bültenimize abone olmayı unutmayın!