Tasarımcısı Olmadan Ayakta Kalan Girişimler İçin Pratik UX İyileştirme Yöntemleri

• Material UI gibi bileşen kütüphanelerini kullanmak kolay bir yol olabilir, ancak bunlar temel yapı taşlarını sağlar; tüm kullanıcı akışının tasarımı için ayrıca çalışma gerekir
• Ürünü benzersiz kılmaya zaman ayırmanız gerekiyorsa, olabildiğince hızlı şekilde iyi bir kullanıcı deneyimini tanımlamak için ne yapmalısınız?

Boş sayfa bir tuzaktır

• Boş bir tuvale bakıp "E-posta giriş alanı nasıl görünmeli?" diye düşünmeyin
• Büyük şirketlerde zaten doğrulanmış kalıplardan yararlanabilirsiniz
  • Zamandan tasarruf etmenizi ve kullanıcı deneyimini iyileştirmenizi sağlar

• Kaçınılması gereken yaklaşımlar

  • Tasarım ödülü siteleri – özgünlük vardır ama kullanılabilirlik garantisi yoktur
  • Dribbble – estetik unsurlara odaklanır, işlevsellikle doğrudan ilgili değildir

• Başvurulması gereken yaklaşımlar

  • Rakip siteleri – hesap oluşturun ve ekran görüntüleriyle kaydedin
  • Kalıp derleme siteleri – PageFlows, Mobbin gibi yerlerden hızlıca referans alabilirsiniz

• Yaygın UI kalıplarını not alın

  • E-posta, parola alanı, doğrulama akışı gibi ortak UI öğeleri
  • Görsel ve yerleşim kuralları:
    • Ortalanmış form
    • Duyarlı tasarım
    • Net butonlar
    • Üstte logo

• Amaçlı sürtünme (Friction)

  • Bazı şirketler kredi kartı bilgisi ister → ciddi kullanıcıları çekme stratejisi
  • Hızlı deneyim her zaman iyi deneyim değildir

Hedefi net tanımlayın

• Hedef yalnızca "kayıt sayfası yapmak" değil → "kaydolmayı olabildiğince kolaylaştırmak" olmalı
• Bunu bir soruya dönüştürün:

  "Kullanıcının kolayca kaydolmasını nasıl sağlayabiliriz?"

• Çözüm örnekleri

  • Parola gücünü giriş sırasında gösterin
  • Kayıt formunu neden doldurduğunu açıklayın

• Ek sorular

  • Kayıttan hemen sonra giriş mi yapılsın, yoksa e-posta doğrulamasından sonra mı?
  • Kayıttan sonra onay sayfası mı gösterilsin, yoksa başarı mesajı mı?

Edge case'leri (istisnai durumları) hesaba katın

• Gerçek kullanıcılar beklendiği gibi davranmaz → acele eder, yönergeleri görmezden gelir, hata yapar
• Sorun çıkma ihtimalini sorularla kontrol edin:
  • Kullanıcı hızlı yazarken hata yaparsa ne olur?
  • Giriş alanındaki hata kullanıcıya net şekilde iletiliyor mu?

• Sorun ortaya çıktığında düzeltme yöntemleri

  • Parola oluştururken dikkatsizlik → ileride hesabın kilitlenmesine yol açabilir
    • → yeniden giriş istemek için "parola doğrulama alanı" ekleyin
  • Parolalar eşleşmediğinde → hata mesajı gösterin
    • → ikinci parola girişinde anında uyarı gösterin

Yapay zeka kullanarak UX sorunlarını bulun

• ChatGPT gibi araçlarla UX sorunları kontrol edilebilir
• Mükemmel değildir ama hızlı ve etkili bir kontrol sağlar

• Yararlı prompt örnekleri

  • Red Team vs Blue Team:

    "Bu kayıt akışında kullanıcı hangi noktalarda takılabilir?"
    "Bu tasarımın sezgisel olmasının nedeni nedir?"

  • Sektör standardı:

    "Önde gelen SaaS şirketleri kayıt akışlarını nasıl tasarlıyor?"

  • Edge case'ler:

    "Kullanıcı e-posta adresini yanlış girdiyse ve bunu fark etmediyse ne olur?"

Diğer UX iyileştirme ipuçları

• Ölçüm metrikleri belirleyin
  • Dönüşüm oranı, kullanıcı tutma oranı, kullanıcı memnuniyeti vb. → sonuçları nesnel metriklerle değerlendirin
• Basit renkler kullanın
  • Ana renk, yardımcı renk, vurgu rengi → Coolors önerilir
• Tanıdık bir dil kullanın
  • "Veritabanı hatası" yerine → "Değişiklikler kaydedilemiyor"

Sonuç

• Girişimlerde hız önemlidir → mükemmeliyetçilikten kaçının
• UX'te özgünlükten çok kullanılabilirlik önceliklidir
  • Karmaşık ve özgün tasarımlardan ziyade sezgisel ve net kullanıcı akışları daha etkilidir
• Yalnızca temel değerde yenilik yapın → geri kalanında doğrulanmış kalıpları kullanın
• Kullanıcının zaten bildiği kalıpları izlemek, öğrenme yükünü azaltır

[GN⁺]

Hacker News görüşü

• Kullanılabilirliğin zirvesi 25 yıl önceydi; çoğu uygulamanın standart kalıpları izleyen araç çubukları ve menüleri vardı

  • Sık kullanan uzman olmayan kullanıcılar araç çubuğunu kullanır, seyrek kullanan uzman olmayan kullanıcılar ise menüler üzerinden işlem yapardı
  • Uzman kullanıcılar, menü etiketlerindeki altı çizili harfler sayesinde kısayolları hatırlardı
  • Ayarları değiştirmek için ayarlar iletişim kutusu açılır, burada "Genel", "Yazı Tipleri ve Renkler" gibi sekmeler bulunurdu
  • O dönemde çoğu insanın bilgisayar bilgisi azdı, ama yine de çoğu uygulamayı neredeyse hiç yardım almadan kullanabiliyordu
  • O zamanki amaç, kullanıcının uygulamada geçirdiği süreyi en aza indirip işi verimli biçimde tamamlamasını sağlamaktı
  • Modern UX ise kullanıcıyı olabildiğince fazla "etkileşimde" tutmayı hedefliyor; bu tüketici uygulamalarında kabul edilebilir olabilir ama kurumsal uygulamalara da uygulanınca sorun yaratıyor
  • Fortune 100 şirketlerinden birinde teknik olmayan çalışanların, yeni SPA'nın işlerini yavaşlattığından şikayet edip eski terminali geri istedikleri bir örnek var

• Grafik tasarımcı işe alındıktan sonra en göze çarpan değişiklik, uygulama/web sitesinin daha güzel görünmeye başlamasıdır

  • UX, etkileşim akışlarından tek bir özellik bileşenine kadar uzanan daha geniş bir alanı kapsar
  • Çoğu insan, bir sistemin genel UX'ini öngörmekte iyi değildir
  • UX ya mevcut çözümleri kopyalayarak ya da yeni bir şey deneyerek geliştirilir
  • Bir sistemi hayal ederek değerlendirmek, onu hayata geçirmekten çok daha zordur
  • Backend sistem tasarımında hatalar, temel ilkeler ve akıl yürütme yoluyla öngörülüp önlenebilir
  • UX konusunda olağanüstü sezgiye sahip tasarımcılar veya mühendisler çok değerlidir, ama böyle birini bulana kadar beklemek mümkün değildir

• Kullanılabilirlik sorunlarını bulmak için en iyi araç, Gemini ile ekran paylaşmak ve sesli olarak yapmak istediğiniz görevi anlatmaktır

  • Gemini, UI'ye bakıp görevin nasıl yapılacağını bulur ve size sesli olarak nereye tıklamanız gerektiğini söyler
  • Gemini çözemiyorsa ortada bir kullanılabilirlik sorunu vardır

• "Jakob's Law"a göre kullanıcılar zamanlarının çoğunu başka sitelerde geçirir; bu yüzden zaten bildikleri diğer sitelerle aynı şekilde çalışan ürünleri tercih ederler

  • Kullanıcılar, aşina oldukları ürünlere dair beklentilerini benzer diğer ürünlere taşır
  • Mevcut zihinsel modellerden yararlanarak, kullanıcıların yeni bir model öğrenmek yerine işe odaklanmasını sağlayan daha iyi bir kullanıcı deneyimi yaratılabilir
  • Değişiklik yapılırken, kullanıcıların alışık oldukları sürümü sınırlı bir süre daha kullanabilmesine izin verilerek tutarsızlık en aza indirilmelidir

• Tüm ürünlerin benzer şekilde çalışmasının bir nedeni vardır; farklı çalışıyorsa bunun kasıtlı mı yoksa bir hata mı olduğunu kendinize sormalısınız

  • Kullanıcıya tanıdık gelen kalıplarla yeni fikirler arasında denge kurulmalıdır
  • Örneğin Amazon'un ödeme deneyimini iyileştirmeye çalışırken, aşinalığın sağladığı avantajlar kaybedilebilir
  • Onay kutuları, radyo düğmeleri, açılır listeler ve metin alanlarını tercih etmek, kullanıcıya durumu okuma ve durumu değiştirme konusunda alışık olduğu yöntemleri bedelsiz olarak sunar
  • "Sezgisel değil" ifadesi çoğu zaman "bu kalıba aşina değilim" anlamına gelebilir

• UX sorunlarını belirlemek için yapay zeka kullanılabilir; ChatGPT gibi araçlar, gözden kaçabilecek UX sorunlarını öne çıkarabilir

  • Kusursuz değildir ama tahminden iyidir

• Genel tasarım ilkelerine ve düşünme biçimine odaklanılması tavsiye edilir

  • Donald Norman'ın "The Design of Everyday Things" kitabını okumak, iyi tasarımla kötü tasarım arasındaki farkı anlamaya yardımcı olabilir
  • Jesse Schell'in "The Art of Game Design" kitabı, sürükleyici deneyimlerin nasıl oluşturulacağını tartışır; oyunlar bu konuda özellikle affetmez

• Büyük şirketlerin yaptıklarını taklit etmek, kargo kültü tarzı bir düşünce yapısına yol açabilir

  • Sistemin her parçasını neden inşa ettiğinizi tam olarak bilmeniz gerekir
  • Google kullandı diye can sıkıcı bir CAPTCHA'yı kopyalamanız gerekmez
  • Güvenle iyileştirebileceğiniz alanları düşünmelisiniz

• Bootstrapped durumda bile UX tasarımcısı işe alınabilir ve bu son derece değerli bir yatırımdır

  • Bunu tam zamanlı yapmak gerekmez; bir design sprint ile birkaç kavram tasarlanabilir, UX workshop'ları yapılabilir ve ardından seçilen seçenek tıklanabilir bir prototipe dönüştürülebilir
  • Bu, frontend geliştirme bütçesinden $5k tasarruf etmeye değer ve ilk yılda kullanıcı tutma oranındaki artışla $5k'dan fazla kazanç sağlayacaktır

• Özel bir tasarımcıyla birlikte çalıştığıma dair son bir anım yok

  • DevOps da benzer bir yoldan gidiyor; sanki kod yazanların bunu kod derlenirken yapması bekleniyor
  • Sıradakiler kod yazarlar
  • Uzman işe almak çok rahatsız edici