Konu Anlatımı
Kullanıcı Deneyimi
Kullanıcı deneyimi; bir ziyaretçinin kampanya sayfasına giriş anından hedefine ulaşmasına kadar yaşadığı bütünün adıdır. Estetik bu deneyimin yalnızca bir parçasıdır; sayfanın açılış hızı, metnin okunabilirliği, düğmelerin konumu ve kullanıcının kendini kaybolmuş hissedip hissetmemesi de aynı derecede belirleyicidir. 11. sınıf düzeyinde konu, tek ekranlı afiş mantığından çıkarılarak çok adımlı dijital süreçlerin tasarımı olarak ele alınır.
1. Brief'ten Deneyime: Sürecin Yeri
Tasarım işi, müşterinin beklentilerini içeren brief ile başlar. Geçerli bir brief dört soruyu yanıtlar: kim (hedef kitle), ne (iletilecek tek ana mesaj), nerede (yayın ortamı) ve ne zaman (teslim takvimi). Bu bilgiler yazılmamışsa tasarımcı varsayım yapar; varsayım revizyon sayısını artırır, revizyon da takvimi kaydırır. Hedef kitle, persona adı verilen kurgusal kullanıcı kartında somutlaştırılır: yaşı, bütçesi, günde geçirdiği süre ve en sık kullandığı cihaz gibi ayrıntılar kartta yer alır.
Kullanıcı tek bir anda değil, yolculuğun tamamında değerlendirilir. Ziyaretçi farkındalık, karşılaştırma, karar ve dönüşüm adımlarından geçer; her adımda farklı bilgi ihtiyacı doğar. Tasarımcı bu dört adım için ekranı ayrı ayrı kutu içi (wireframe) çizimlerle kurar, sonra bütünün akışını ziyaretçi gözüyle tekrar gezer.
2. Temel Kavramlar ve Ölçülebilir Göstergeler
Kullanılabilirlik, bir görevin hatasız ve az çabayla bitirilebilmesidir; erişilebilirlik, görme, işitme ya da motor kısıtları olan kullanıcıların da aynı görevi yapabilmesidir; memnuniyet ise deneyimin subjektif değerlendirmesidir. Bunlar ezberlenmez, ölçülür. Aşağıdaki tabloda yaygın kabul gören asgari ölçütler verilmiştir.
| Ölçüt | Asgari Değer | Gerekçe |
|---|
| Normal metin kontrast oranı | 4,5: 1 | Beyaz zemin üzerine açık gri metin çoğu zaman bu sınırın altında kalır |
| Büyük metin kontrast oranı | 3: 1 | 24 px üzeri ya da 18,66 px üzeri kalın yazılar bu sınırla yetinir |
| Dokunma alanı | 44 x 44 piksel | Küçük hedeflerde parmak hatalı basar, hüsran artar |
| Gövde metni boyutu | 16 piksel ve üzeri | Küçük yazıda kullanıcı yakınlaşmak zorunda kalır |
| Sistem yanıt süresi | 1 saniyenin altında | 1 ile 10 saniye arasında dikkat dağılır, akış korunamaz |
Kontrast oranı, tonların göreli parlaklığı üzerinden hesaplanır: (açık ton + 0,05) / (koyu ton + 0,05). Beyaz ile siyahın oranı 21: 1'dir. Beyaz zemin üzerine #999999 gri metin yaklaşık 2,85: 1 verir ve AA sınırının altına düşer; aynı metin #767676 koyuluğuna indiğinde oran yaklaşık 4,54: 1 olur ve sınır geçilir.
3. Adım Adım Yöntem: Brief'ten Prototipe
Tekrarlanabilir bir iş sırası hem zamanı hem de revizyonu azaltır:
- Brief'i dört başlıkta özetle ve tek cümlelik hedefi müşteriden yazılı teyit al.
- Hedef kitlenin ihtiyacını persona kartı ile senaryoya dönüştür.
- Bilgi mimarisini site haritası olarak çiz; her bilgi en fazla üç tıklamada erişilebilir olsun.
- Yerleşimi gri tonlardaki kutu içi çizimde kur; renk, fotoğraf ve logo bu aşamaya sonra girer.
- Yüksek çözünürlüklü prototipi en az beş kullanıcıyla test et; yaygın bulguya göre beş kullanıcı, sorunların yaklaşık %85'ini ortaya çıkarır.
- Testte tekrar eden sorunları sıklık ve şiddete göre önceliklendir, arayüzü düzelt, ancak ondan sonra görsel süsleme aşamasına geç.
4. Örnek Uygulama: Kamp Kayıt Sayfası
Bir yaz kampının kayıt sayfasında tek mesaj erken kayıt indirimidir. İlk ekranda kampanya görseli, indirim oranı ve Kayıt Ol düğmesi bulunur; telefon numarası ekranın altına sabitlenir, form ise ad-soyad, veli telefonu ve okul bilgisi olmak üzere üç alanla sınırlandırılır. Ödeme adımına geçildiğinde adım göstergesi kullanıcının nerede olduğunu sürekli gösterir. Böylece kullanıcı kaybolmaz, hata yaparsa hangi adımda olduğunu anında görür.
5. Sınav ve Atölye Odaklı Değerlendirme
Sınavda konu; ölçütlerin değeri, adımların sırası ve kontrast oranı benzeri küçük hesaplarla ölçülür. Atölye çıktısı ise brief özeti föyü, persona kartı, site haritası, kutu içi çizim ve test raporudur. Bu beş çıktı birlikte değerlendirilir; yalnızca güzel görünen ama test edilmemiş arayüz tam iş sayılır.
Ne Öğreneceğiz
11. sınıf arayüz tasarımında brief, hedef kitle, erişilebilirlik ölçütleri ve prototip-test akışını kapsar. Bu konuda ögrenme çıktıları:
- Müşteri brief'ini hedef kitle, tek mesaj, yayın ortamı ve teslim takvimi başlıklarıyla ayrıştırır.
- Persona ve kullanıcı yolculuğu haritası ile hedef kitlenin karar adımlarını belirler.
- WCAG kontrast oranı ve dokunma alanı ölçütlerini erişilebilir bir arayüzde uygular.
- Bilgi mimarisinden kullanılabilirlik testine uzanan tasarım sürecini adım adım yürütür.
- Prototip test sonuçlarını yorumlayarak arayüzde önceliklendirilmiş iyileştirme kararları alır.
Ön Bilgi
Bu konuya başlamadan önce temel kavram ve ön koşulları kavramanız yardımcı olacaktır. Konunun çerçevesinde şu kavramlar dikkat ister:
- Kullanıcı deneyimi yalnızca renk ve tipografi değil; hız, düzen, geri bildirim ve güven bileşenlerinin tamamıdır.
- Brief yazıya dökülmeden tasarım başlamaz; sözlü beklenti revizyon tartışmasının en yaygın nedenidir.
- Renk seçimi ve yerleşim, kontrast ölçütü sağlandıktan sonra yapılır; estetik ölçüyü geçmez.
- Her etkileşim öğesi bir geri bildirim verir: basılmış, yükleniyor, hata oldu ya da tamamlandı.
- Erişilebilirlik sonradan eklenen bir katman değil, taslak aşamasında karar verilen bir durumdur.
- Test bulguları sıklık ve etkiye göre önceliklendirilir; tek kullanıcının bulgusu da kayda geçer.
Basit Örnek ve Günlük Yaşam
Günlük yaşamda ve mesleki bağlamda bir uygulama:
Soru: Beyaz zemin üzerinde #999999 koyuluğunda metin kullanılmıştır. WCAG AA normal metin sınırı 4,5: 1'dir. Durumu değerlendirip düzeltme öneriniz.
- Adım 1: Beyazın göreli parlaklığı 1,00, #999999 için yaklaşık 0,319 alınır.
- Adım 2: Oran = (1,00 + 0,05) / (0,319 + 0,05) = 1,05 / 0,369 ≈ 2,85: 1 hesaplanır.
- Adım 3: 2,85 değeri 4,5 sınırının altında kaldığından metin koyulaştırılır; #767676 ile oran yaklaşık 4,54: 1 olarak sınırın üstüne çıkar.
Sonuç/cevap: Cevap: Oran yaklaşık 2,85: 1 olduğundan metin uygundur; renk #767676 koyuluğuna indirilerek (yaklaşık 4,54: 1) düzeltilir.
İleri Örnek
Daha ileri bir uygulama:
Soru: Her kullanıcı 30 dakika test ve 10 dakika görüşme yapacaktır. Beş kullanıcının test süresine 2 saatlik raporlama süresi eklendiğinde toplam iş süresi kaçtır?
- Adım 1: Kullanıcı başına süre 30 + 10 = 40 dakika bulunur.
- Adım 2: Beş kullanıcı için 5 x 40 = 200 dakika, yani 3 saat 20 dakika hesaplanır.
- Adım 3: 120 dakikalık raporlama süresi eklenince 200 + 120 = 320 dakika, yani 5 saat 20 dakika olur.
Sonuç/cevap: Cevap: Test turları 3 saat 20 dakika, raporlama ile birlikte toplam 5 saat 20 dakikadır.
Karşılaştırma Tablosu
| Kavram | Açıklama |
|---|
| Kullanıcı deneyimi yalnızca renk ve tipo | Kullanıcı deneyimi yalnızca renk ve tipografi değil; hız, düzen, geri bildirim ve güven bileşenlerinin tamamıdır. |
| Brief yazıya dökülmeden tasarım başlamaz | Brief yazıya dökülmeden tasarım başlamaz; sözlü beklenti revizyon tartışmasının en yaygın nedenidir. |
| Renk seçimi ve yerleşim, kontrast ölçütü | Renk seçimi ve yerleşim, kontrast ölçütü sağlandıktan sonra yapılır; estetik ölçüyü geçmez. |
| Her etkileşim öğesi bir geri bildirim ve | Her etkileşim öğesi bir geri bildirim verir: basılmış, yükleniyor, hata oldu ya da tamamlandı. |
| Erişilebilirlik sonradan eklenen bir kat | Erişilebilirlik sonradan eklenen bir katman değil, taslak aşamasında karar verilen bir durumdur. |
| Test bulguları sıklık ve etkiye göre önc | Test bulguları sıklık ve etkiye göre önceliklendirilir; tek kullanıcının bulgusu da kayda geçer. |
Sık Yapılan Hatalar
Kontrast oranını renk seçildikten sonra kontrol etmek: Oran sınırsın altındaysa palet baştan değişmelidir, aksi hâlde tüm görseller yeniden düzenlenir.
Brief'i sözlü alıp yazıya dökmemek: Hatırlanan brief ile istenen iş farklıdır; revizyon tartışmalarının en sık kaynağı budur.
Kutu içi çizim yerine doğrudan renkli tasarıma başlamak: Yerleşim hatası renkli tasarımda fark edilmez, düzeltme maliyeti katlanır.
Erişilebilirliği ayrı bir özellik saymak: Görme kısıtlı kullanıcı ekran okuyucu ile okur; sıra dışı başlık atlamaları ve kontrastsız metin okumayı imkânsız kılar.
Testi tasarımcının kendisiyle yapmak: Tasarımcı işin nasıl çalıştığını bildiği için adımları tamamlar; gerçek bulgu ancak işi ilk kez gören kullanıcıdan gelir.
Kendini Dene
Soru: Bir müşteriden şu brief alınmıştır: 15-18 yaş öğrenciler için yaz kampı tanıtımı, Instagram story ve web sayfası, tek mesaj erken kayıt indirimi, 5 Haziran teslimi. Brief'i kim, ne, nerede ve ne zaman başlıklarıyla ayrıştırarak yazınız; ardından ana sayfada gövde metninin 14 piksel, kayıt düğmesinin dokunma alanının 38 x 38 piksel olduğu görülmüştür. Bu iki bulguyu WCAG ölçütüne göre değerlendirip düzeltme önerilerinizi belirtiniz.
Örnek cevap: Puanlama anahtarı: Kim başlığının 15-18 yaş öğrenci ve velisi olarak yazılması 2 puan; ne başlığının yaz kampı tanıtımı ve tek mesajın erken kayıt indirimi olması 3 puan; nerede başlığının Instagram story ve web sayfası olarak yazılması 2 puan; ne zaman başlığının 5 Haziran teslimi olarak yazılması 1 puan; gövde metni 14 pikselin 16 piksel sınırının altında olduğunun tespiti ve en az 16 piksele çıkarılması önerisi 4 puan; dokunma alanının 38 x 38 pikselin 44 x 44 piksel sınırının altında olduğunun tespiti ve büyütülmesi önerisi 4 puan; iki bulgunun da erişilebilirlik ölçütüne dayandırılarak gerekçeli yazılması 4 puan. Toplam 20 puan.
Özet
Kullanıcı deneyimi; brief ile başlayan, persona ve kullanıcı yolculuğu ile şekillenen, bilgi mimarisi, kutu içi çizim ve prototiple kurulan, kullanılabilirlik testiyle doğrulanan ölçülebilir bir süreçtir. Kontrast 4,5: 1, dokunma alanı 44 x 44 piksel, erişim en fazla üç tıklama ve test beş kullanıcı gibi sayısal ölçütler, deneyimin kalitesini fikir düzeyinden çıkarıp denetlenebilir hâle getirir.
