Kullanıcı Deneyimi (UX) Nedir? Güzel Site ile İyi Site Farkı

Kullanıcı deneyimi (UX, user experience), bir ziyaretçinin sitenizde, uygulamanızda ya da markanızla kurduğu her temasta yaşadığı deneyimin bütünüdür: aradığını ne kadar çabuk bulduğu, bir işlemi ne kadar zahmetsiz tamamladığı ve sonunda ne hissettiği. Güzel bir site göze hoş gelir; iyi bir site ise ziyaretçiyi hedefine, sizi de müşteriye ulaştırır. UX, bu ikinci tarafla ilgilenir.

Kullanıcı deneyimi nedir?

Kullanılabilirlik alanının bilinen isimleri Don Norman ve Jakob Nielsen'in (Nielsen Norman Group) tanımına göre UX, son kullanıcının bir şirketle, onun hizmetleri ve ürünleriyle etkileşiminin tüm yönlerini kapsar.

Bu tanımın önemli bir sonucu var: UX yalnız ekrandaki tasarım değildir. Nielsen Norman Group'un örneğiyle; bir film arama sitesinin arayüzü kusursuz olsa bile, aradığınız film veri tabanında yoksa deneyiminiz kötüdür. Bir işletme sitesine uyarlarsak: Siteniz çok şık olabilir, ama fiyat bilgisi, teslim süresi ya da telefon numarası bulunamıyorsa kullanıcı deneyimi kötüdür.

Nasıl çalışır? Bir mağaza benzetmesi

Web sitenizi bir mağaza gibi düşünün:

• Vitrin ve dekorasyon göze hoş gelir. Bu, işin görsel tarafıdır (arayüz, UI).
• Reyonların düzeni, tabelalar, kasanın yeri, kuyruğun uzunluğu, satış görevlisinin sorunuza cevap verip vermediği ise mağazadan memnun çıkıp çıkmayacağınızı belirler. Bu, deneyimdir (UX).

Çok güzel dekore edilmiş ama aradığınız ürünü bulamadığınız bir mağazadan eli boş çıkarsınız. Web'de de durum aynıdır, tek farkla: Ziyaretçinin "çıkış kapısı" yalnızca bir dokunuş uzaklıktadır.

UX süreci: hangi adımlardan oluşur?

UX çalışması sezgiye değil, gözleme ve teste dayanır. Tipik adımlar şunlardır:

1. Araştırma: Kullanıcılar kim, siteye hangi amaçla geliyor, en sık sorduğu sorular neler? Satış ve müşteri hizmetleri ekibiniz bu konuda en değerli kaynaktır.
2. Bilgi mimarisi: Sayfalar ve menü nasıl düzenlenmeli? Kullanıcı bir bilgiye en fazla kaç adımda ulaşmalı?
3. İskelet (wireframe): Renk ve görselden arındırılmış, yalnız içeriğin ve butonların yerini gösteren taslak. Tartışmayı "renk güzel mi"den "bilgi doğru yerde mi"ye taşır.
4. Prototip: Tıklanabilir, gerçeğe yakın bir model. Kodlamadan önce akışın denenmesini sağlar.
5. Kullanılabilirlik testi: Gerçek kullanıcılara bir görev verip ("Bu siteden teklif isteyin") nerede zorlandıklarını izlemek.
6. Ölçüm ve iyileştirme: Yayından sonra form tamamlama, arama tıklamaları gibi verilere bakıp düzeltmeler yapmak.

İşinize etkisi: UX neden bir maliyet değil, yatırımdır?

Bir kurumsal sitenin işletmeye katkısı genellikle birkaç somut eylemle ölçülür: arama, WhatsApp mesajı, teklif formu, mağaza yol tarifi. UX, bu eylemlerin önündeki engelleri kaldırır. Örneğin:

• Telefon numarası mobilde tek dokunuşla aranabiliyor mu, yoksa ziyaretçi numarayı kopyalamak zorunda mı?
• Teklif formu yalnız gerekli alanları mı soruyor, yoksa ziyaretçiyi on beş alanla mı karşılıyor?
• Hizmet sayfaları "Bu hizmet ne, kime uygun, nasıl işliyor, nasıl iletişime geçerim?" sorularını sırayla cevaplıyor mu?
• Hata mesajları neyin yanlış gittiğini ve nasıl düzeltileceğini söylüyor mu?

Bu soruların her biri küçük görünür; ama ziyaretçinin siteden ayrılıp ayrılmayacağına karar verdiği anlar tam olarak bunlardır.

İyi UX'in temel ilkeleri

Jakob Nielsen'in 1994'te yayımladığı ve bugün de yaygın olarak kullanılan 10 kullanılabilirlik ilkesi, UX'i değerlendirmek için iyi bir başlangıçtır. İşletme siteleri için en sık karşılaştığımız birkaçı:

• Sistemin durumunu göstermek: Form gönderildiğinde "Mesajınız alındı" geri bildirimi verilmeli.
• Gerçek dünyayla uyum: Kullanıcının dilini kullanın; iç jargon yerine müşterinin aradığı kelimeleri seçin.
• Tutarlılık ve standartlar: Aynı işlev her sayfada aynı yerde ve aynı görünümde olmalı.
• Hataları önlemek: Telefon alanına harf girilmesini engellemek, hatayı sonradan bildirmekten iyidir.
• Estetik ve sade tasarım: Her ek öğe, önemli bilginin görünürlüğünü azaltır.

Bunlara iki güncel başlık eklemek gerekir:

• Mobil öncelik: Google, dizine ekleme ve sıralama için sitelerin mobil sürümünü kullanır. Mobil deneyim artık "ikinci sürüm" değil, asıl sürümdür.
• Erişilebilirlik: W3C'nin WCAG yönergeleri, normal metin ile arka plan arasında en az 4,5:1 kontrast oranı ister. Okunaklı metin, yalnız erişilebilirlik değil, herkes için daha iyi bir deneyimdir.

Güzel site ile iyi site arasındaki fark

Burada estetiği küçümsemiyoruz: Görsel kalite güven oluşturur ve marka ile kurumsal kimliğin web'deki yüzüdür. Ama güzellik, kullanılabilirliğin yerine geçemez; ikisi birlikte çalışmalıdır.

Sık yapılan UX hataları

• Kaydırarak geçen dev slaytlar (slider): Ana mesaj birkaç saniyede bir değişir, ziyaretçi hiçbirini okuyamaz.
• Gizlenmiş iletişim bilgileri: Telefon ve adres yalnız sayfanın en altında.
• Gereksiz uzun formlar: İlk temasta vergi numarası istemek gibi.
• Mobilde küçük dokunma alanları: Birbirine çok yakın, parmakla isabet ettirilemeyen bağlantılar.
• Yavaş açılan sayfalar: Büyük, sıkıştırılmamış görseller ve gereksiz betikler. Google'ın etkileşim hızını ölçen INP ölçütü, Mart 2024'te Core Web Vitals'a dahil edildi.
• Test etmeden yayına almak: Tasarımı yapan ekip, siteyi ilk kez gören biri gibi kullanamaz.

Kullanılabilirlik testi pahalı mı?

Mutlaka değil. Nielsen Norman Group'un 2000 tarihli ve hâlâ sık başvurulan makalesine göre, nitel kullanılabilirlik testlerinde yaklaşık beş kullanıcıyla yapılan küçük testler, sorunların büyük kısmını ortaya çıkarmaya yeter; asıl önerilen, tek bir büyük test yerine küçük testleri tekrarlamaktır. Makale, farklı kullanıcı gruplarınız varsa her gruptan birkaç kişiyle test yapılmasını da öneriyor.

İşletme ölçeğinde bu şu anlama gelir: Sitenizi hiç görmemiş birkaç müşterinize ya da tanıdığınıza "Bu siteden bizden teklif isteyin" deyin ve hiç yardım etmeden izleyin. Takıldıkları her an, düzeltilmesi gereken bir noktadır.

Bizim deneyimimiz

Web projelerimizde tasarıma iskelet aşamasıyla başlıyoruz: Önce her sayfada hangi sorunun cevaplanacağını ve ziyaretçinin bir sonraki adımının ne olacağını belirliyoruz, renk ve görsel kararlarını sonra veriyoruz. Telefon ve WhatsApp gibi doğrudan iletişim aksiyonlarını mobilde kolay ulaşılır tutmayı, formları yalnız gerekli alanlarla sınırlamayı standart yaklaşım olarak benimsiyoruz. Yayından önce siteyi farklı telefon boyutlarında ve projeyi ilk kez gören kişilerle deniyoruz.

Sık sorulan sorular

Sonuç

Kullanıcı deneyimi, sitenizin ne kadar güzel olduğundan çok, ziyaretçinin onu ne kadar kolay kullandığıyla ilgilidir. Hedefi net, akışı sade, mobilde hızlı ve gerçek kullanıcılarla denenmiş bir site, güzel ama kullanışsız bir siteden işletmenize daha fazla katkı sağlar. Yeni bir site planlıyorsanız kurumsal web sitesi yaptırmadan önce dikkat edilecekler rehberimiz de işinize yarayabilir.

Sitenizin kullanıcı deneyimini birlikte değerlendirmek isterseniz web tasarım hizmetimize göz atabilir, panel ya da uygulama gibi daha kapsamlı ihtiyaçlar için yazılım ve dijital çözümler sayfamızı inceleyebilir ya da bizimle iletişime geçebilirsiniz.