KULLANICI DENEYİMİ TASARIMI – BÖLÜM 2: Tasarım Süreci Bileşenleri

⚠️ Bu içerik, Anadolu Üniversitesi AÖF Bilgisayar Programcılığı programındaki ilgili ders için kendi ders çalışma sürecimde hazırladığım, sınav odaklı kişisel ders notlarımdan oluşmaktadır. Sınava hazırlanan öğrencilere ek bir çalışma kaynağı sunmak amacıyla paylaşılmaktadır.

KULLANICI DENEYİMİ TASARIM SÜRECİ

Günümüzde ürün ve hizmetlerin başarısı, kullanıcıların bu ürün veya hizmetlerle kurdukları etkileşimlere ve yaşadıkları genel deneyimlere doğrudan bağlıdır. Bazı ürünler sezgisel tasarımları ve kullanıcı dostu arayüzleriyle etkileşim oranlarını yükseltirken, bazıları ise karmaşık yapılarıyla kullanıcıları sistemden uzaklaştırabilir. Bu tutarsızlığın temel kaynağı, kullanıcı deneyimi tasarım sürecinin doğru yapılandırılmamasıdır.

Bu içerikte öne çıkan temel tanımlar şu şekildedir:

• Kullanıcı Deneyimi (User Experience, UX): Kullanıcıların ürün ve hizmetlerle arayüzler, etkileşim yapıları ve yaşatılan deneyim yoluyla gerçekleştirdiği iletişimdir.
• Kullanıcı Deneyimi Tasarımı: Kullanıcıların algılarını ve davranışlarını etkilemek amacıyla, kullanıcıların belirli bir ürün ya da hizmetle olan deneyimlerini etkileyen unsurların oluşturulması ve tüm bu unsurların senkronize edilmesidir. Amaç, işlevsel bir ürün sunmanın yanı sıra kullanıcılara ilgi çekici, verimli ve keyifli bir deneyim yaşatmaktır.
• Kullanıcı deneyimi tasarım süreci: Ekipler için yol haritası işlevi gören, projelerin hayata geçirilmesinde takip edilen ve kurumlara zaman, maliyet ile kaynak tasarrufu sağlayan yinelemeli (iterative) bir döngüdür.

Kullanıcı Deneyimi Tasarım Sürecinin Önemi

Kullanıcı deneyimi tasarım sürecini benimsemek, ürün ve hizmetlerin kullanıcı odaklı, kaliteli ve pazarda rekabet edebilir olmasını sağlar. Bu sürecin gerekliliği ve kurumlara sağladığı temel avantajlar 7 ana başlık altında toplanmaktadır:

1. Kullanıcı İhtiyaçlarının Derinlemesine Anlaşılması: Hedef kitlenin gerçek ihtiyaçlarını, davranışlarını, beklentilerini ve karşılaştıkları zorlukları detaylı analiz ederek tasarım kararlarının kullanıcı bakış açısıyla alınmasını sağlar.
2. Tutarlılık ve Kalite: Aşamaların sistematik takibi sayesinde belirlenmiş kalite standartlarının yakalanmasına ve farklı ürünler arasında tutarlı bir kullanıcı deneyimi sunulmasına olanak tanır.
3. Ekip Çalışması ve İş Birliği: Tasarım, geliştirme ve yönetim ekipleri arasında iş birliğini teşvik eder; paydaşların projenin ilerleyişini şeffaf bir şekilde takip etmesini sağlar.
4. Yüksek Kabul Oranları: Ürün veya hizmetin kullanıcı beklentilerini tam olarak karşılamasını sağlayarak pazarda benimsenme ve yüksek kabul oranlarına ulaşmasına katkıda bulunur.
5. Rekabet Üstünlüğü: Yoğun rekabet ortamında farklı tasarım fikirlerinin test edilip geliştirilmesine imkân vererek firmanın rakiplerinden ayrışmasını sağlar.
6. Maliyet Tasarrufu: Hatalı tasarımların, gereksiz özelliklerin ve verimsiz adımların önüne geçer. Protokoller sayesinde yeniden çalışma ( re-work ) ihtiyacını en aza indirerek zamandan ve kaynaktan tasarruf sağlar.
7. Risk Yönetimi: Potansiyel zorluk ve fırsatları önceden belirleyerek hem tasarım aşamasında hem de ürün piyasaya sürüldükten sonra oluşabilecek risklerin yönetilmesine yardımcı olur.

🎯 Sınavlık Hap Bilgiler:

• Kullanıcı Deneyimi (Sharma & Tiwari): Kullanıcının ürün/hizmetle arayüzler ve etkileşim yoluyla kurduğu iletişimdir.
• Keşif Döngüsü: Don Norman, kullanıcı deneyimi tasarım sürecini bu kavramla ifade etmiştir.
• Yinelemeli Döngü: UX tasarım süreci doğrusal değil, sürekli geri bildirimlerle kendisini besleyen yinelemeli (iterative) bir süreçtir.
• Sürecin Maliyete Etkisi: Erken aşamada yapılan testler ve prototipler, canlıya geçiş sonrası ortaya çıkacak yüksek maliyetli yeniden çalışma (re-work) riskini önler.

---

Kullanıcı Deneyimi Tasarım Sürecinin Bileşenleri (Temel Katmanlar)

Kullanıcı deneyimi tasarımı; ekranların ve teknolojinin ötesinde, yüzeyin altında görüneninden çok daha fazlası saklı olan bir buzdağına benzetilmektedir. Jesse James Garrett (2011), The Elements of User Experience adlı eserinde kullanıcı deneyimi tasarım sürecini birbirine bağlı, soyuttan somuta doğru sıralanan 5 temel bileşen (katman) ile açıklamaktadır:

1. Strateji Katmanı (Soyut Katman)

Strateji katmanı en alt ve en soyut katmandır; diğer tüm katmanların üzerine inşa edildiği temeli oluşturur. Hem işletme hem de kullanıcılar açısından ürünün genel amaç ve hedeflerini tanımlar. Bu katmanda iki temel soruya yanıt aranır:

1. İşletme Hedefleri: “Bu üründen ne elde etmek istiyoruz?” (Organizasyonun iç hedefleri).
2. Kullanıcı İhtiyaçları: “Kullanıcılarımız bundan ne elde etmek istiyor?” (Dışarıdan ürüne dayatılan kullanıcı hedefleri).

2. Kapsam Katmanı

Kapsam katmanında, strateji katmanında tanımlanan hedefleri gerçekleştirmek için ürün veya hizmet aracılığıyla sunulacak özellikler ve işlevler belirlenir. Tasarımcılar ve paydaşlar iş birliği içinde iki ana boyuta odaklanır:

• Fonksiyonel Özellikler: Ürün özelliklerinin ve işlevlerinin ayrıntılı açıklamaları (Örnek: Bir e-ticaret sitesinde kullanıcının kayıtlı teslimat adreslerini saklayabilmesi özelliği).
• İçerik Gereksinimleri: İhtiyaç duyulan metin, görsel ve medya unsurlarının tanımları.

3. Yapı Katmanı

Yapı katmanı, ürünün mantıksal çerçevede nasıl çalışacağını ve sistem ile kullanıcı etkileşimlerinin nasıl gerçekleşeceğini tanımlar. İskelet katmanının somutlaştıracağı soyut yapıyı hazırlar. Bu katmanda iki temel süreç işe koşulur:

• Etkileşim Tasarımı: Kullanıcıların görevleri gerçekleştirmesi ve tamamlamasıyla ilgili seçenekleri düzenler.
• Bilgi Mimarisi: Kullanıcılara bilginin nasıl iletileceğini ve içerik kategorilerinin neleri kapsayacağını tanımlar.

4. İskelet Katmanı

İskelet katmanı, ürün veya hizmetin temel yapısını ve arayüz ögelerinin (logo, menü, düğme, form vb.) yerleşimini tanımlar. Kullanıcıların rahatça gezinmesini sağlayan ilk somut arayüzler bu aşamada oluşturulur. İskelet katmanında üç alana odaklanılır:

1. Bilgi Tasarımı.
2. Arayüz Tasarımı.
3. Gezinim (Navigasyon) Tasarımı.

5. Yüzey Katmanı (Somut Katman)

Yüzey katmanı, kullanıcının doğrudan etkileşime girdiği en üst ve en somut katmandır. İskelet katmanındaki mantıksal düzenlemelerin duyusal tasarımı ve sunumu ile ilgilenir. Resimler, renkler, tipografi, düğmeler ve görsel estetik bu katmanın konusudur.

Jesse James Garrett’ın 5 Katmanlı UX Modeli

Katman	Yapısal Niteliği	Odak Noktası ve İlgilendiği Alanlar	Örnek İnceleme
Yüzey (Surface)	Somut (En Üst)	Duyusal tasarım, görsel estetik, renkler, tipografi.	Düğmenin rengi, yazı tipi ve görsel stili.
İskelet (Skeleton)	Somutlaşan	Arayüz tasarımı, navigasyon düzeni, bilgi tasarımı.	Ekrandaki düğmenin ve menünün konumu/yerleşimi.
Yapı (Structure)	Mantıksal	Etkileşim tasarımı ve bilgi mimarisi.	Kullanıcının düğmeye bastığında nereye yönlendirileceği.
Kapsam (Scope)	İşlevsel	Fonksiyonel özellikler ve içerik gereksinimleri.	Adres kaydetme özelliğinin sitede var olması kararı.
Strateji (Strategy)	Soyut (En Alt)	İş hedefleri ve kullanıcı ihtiyaçları.	Ürünün neden yapıldığı ve kullanıcıya faydası.

🎯 Sınavlık Hap Bilgiler:
Strateji Katmanı Soruları: “Bu üründen ne elde etmek istiyoruz?” ve “Kullanıcılarımız bundan ne elde etmek istiyor?”.
Kapsam Katmanı: Fonksiyonel özellikler (özellik listesi) ve içerik gereksinimlerini belirler.
Yapı vs. İskelet Farkı: Ödeme butonunun ekrandaki yeri İskelet katmanında; butona basınca kullanıcının hangi sayfaya gideceği ve sistemin vereceği tepki Yapı katmanında belirlenir.

---

Kullanıcı Deneyimi Tasarım Sürecinin Adımları

Don Norman bu süreci şöyle özetler: “Hiçbir ürün tek başına var olmaz. Bir ürün, birbirine bağlı, bütünleşik bir deneyimler bütünüdür. Bir ürün veya hizmetin tüm aşamalarını düşünün ve sorunsuz bir şekilde birlikte çalışmasını sağlayın”.
Yaygın kabul gören tasarım süreci adımları (10 adım) şunlardır:

1.Adım; Keşif ve Araştırma

Kullanıcıları, iş hedeflerini ve pazar bağlamını anlamak amacıyla veri toplama aşamasıdır.

• Derinlemesine Kullanıcı Görüşmeleri: Kullanıcıların günlük yaşamlarını ve sorunlarını anlamak için kendi ortamlarında gözlemlenip sorular sorulmasıdır.
• Uzman Görüşmeleri ve Odak Grupları: Sektör uzmanlarının ve potansiyel kullanıcı gruplarının görüşlerinin alınmasıdır.
• Anketler ve Rekabet Analizi: Geniş kitlelere ulaşmak ve rakiplerin güçlü/zayıf yönlerini saptamak için uygulanır.
• Bağlamsal Gözlemler: Kullanıcıların doğal kullanım ortamlarında gözlemlenerek verilerin doğrulanmasıdır.

2. Adım; Tanımlama

Binanın temelinin atılmasına benzetilen bu aşamada, araştırma verileri sentezlenir, problem ifadeleri netleştirilir ve tasarım gereksinimleri tanımlanır. Tanımlanan gereksinimlerin hem kullanıcı ihtiyaçlarıyla hem de iş hedefleriyle uyumlu olması esastır. Bu aşamanın özenle yürütülmesi ve tüm paydaşların sürece dahil edilmesi büyük önem taşır.

Tanımlama aşaması işlem adımları aşağıdaki gibidir:

1. Sentez: Araştırma verilerinin sentezlenmesi,
2. Belirleme: Temel sorun, zorluk, ihtiyaç ve fırsatların belirlenmesi,
3. Tanımlama: Problem ifadesinin tanımlanması,
4. Netleştirme: Gereksinim ve özelliklerin netleştirilmesi,
5. Uyumluluk: Tanımlanan gereksinimlerin hem kullanıcı ihtiyaçları hem de iş hedefleriyle uyumlu olmasının sağlanması.

3. Adım: Fikir Üretme

Tasarım ekibinin yaratıcı çözümler geliştirdiği canlı ve dinamik aşamadır. Bu noktada önemli olan yeni fikirlere açık olmak, açık düşünmeyi teşvik etmek ve fikirleri erken eleştirmek veya reddetmekten kaçınmaktır.

• Kullanılan Teknikler:
  • Beyin fırtınası,
  • Hızlı eskiz çizimleri (sketches),
  • Hikâye tahtaları (storyboards) ve
  • SCAMPER (Yerine koyma, Birleştirme, Uyarlama, Değiştirme/Büyütme, Başka amaçla kullanma, Ortadan kaldırma, Yeniden düzenleme) tekniğidir.
• Fikir Değerlendirme Kriterleri: Uygulanabilirlik (teknik/maddi gerçekçilik), kullanıcı ihtiyaçlarına uygunluk ve UX ilkeleriyle uyumdur.
  Fikir üretme aşamasında, başlangıçta geniş tutulan fikir havuzu daha sonra bir dizi uygulanabilir konsepte dönüştürülür. Bu konseptler:
• Uygulanabilirlik: Fikir gerçekçi bir şekilde uygulanabilir mi?
• Kullanıcı ihtiyaçlarına uygunluk: Fikir hedef kitlenin ihtiyaçlarını, özelliklerini ve sorunlarını ne kadar iyi ele alıyor?
• Kullanıcı deneyimi tasarım ilkeleri ile uyum: Fikir, olumlu bir kullanıcı deneyimi yaratmak için kullanılabilirlik, erişilebilirlik ve kullanıcı memnuniyeti gibi ilkeleri destekliyor mu?

4. Adım: Kullanıcı Analizi ve Personaların (Kullanıcı Kişileri) Oluşturulması

Toplam verilerden hareketle hedef kitleyi temsil eden kurgusal ancak gerçekçi karakterler olan Personalar oluşturulur.

• Empati Haritası (Dave Gray, 2017 / Gibbons, 2018): Kullanıcıyla empati kurmak için kullanılan 4 çeyrekli görsel araçtır: Söylüyor, Düşünüyor, Yapıyor, Hissediyor. Gözlemlenen ve çıkarımsal boyutları içerir.
• Kullanıcı Senaryoları ve Kullanım Örnekleri: Senaryolar belirli kullanıcı yolculuklarını, kullanım örnekleri (use cases) ise daha geniş işlevsellik yelpazesini inceler.
  Her iki yaklaşım da tasarım ekibinin potansiyel sorunları erken aşamada tespit etmesine ve tasarımı iyileştirmesine yardımcı olur.

5. Adım: Kullanıcı Akışları ve Bilgi Mimarisinin Oluşturulması

• Kullanıcı Akışları ( User Flows ): Kullanıcının bir görevi (örneğin uçak bileti alma) tamamlamak için attığı adımların haritalandırılmasıdır.
• Bilgi Mimarisi ( Information Architecture ): İçeriğin kullanıcı zihinsel modellerine göre hiyerarşik organizasyonudur (İyi yapılandırılmış kütüphane benzetmesi).
• Önerilen yapıları görselleştirmek ve test etmek için kullanılan araçlar:
  • Site haritaları (site maps): Farklı sayfa ve bölümlerin birbiri ile nasıl bağlı olduğunu gösterir. Bilgi hiyerarşisini görselleştirmeye ve genel gezinme şemasının anlaşılmasına yardımcı olur.
  • Şema tasarımları (wireframes): Temel sayfa düzeni ve etkileşimleri tasarımlamak için kullanılır.
  • Prototipler: Kullanıcı akışının ve gezinmenin daha gerçekçi bir ortamda test edilmesine olanak sağlar.

6. Adım: Etkileşim Tasarımı

Kullanıcının sistemle girdiği etkileşimin davranışsal kurallarını tanımlar. Arayüz elemanlarının (butonlar, menüler) tasarımı, geri bildirim mekanizmaları ve erişilebilirlik ilkeleri bu aşamada şekillenir.
Etkileşim tasarımcıları, kullanıcıların yapmak istedikleri işlemleri kolayca ve sezgisel olarak yapabilmelerini sağlama hedefine ulaşabilmek için izlediği süreçler aşağıdaki gibidir:

• Davranışların ve etkileşimlerin tanımlanması,
• Kullanıcı arayüz elemanlarının tasarımlanması,
• Erişilebilirlik ilkelerinin uygulanması,
• Yüksek doğrulukta prototipler veya modeller oluşturulması.

Prototip Oluşturma

Soyut fikirleri test edilebilir somut yapılara dönüştürme adımıdır. Nihai ürünün kullanıcı deneyimini ve kullanıcı ihtiyaçlarını karşılamasını sağlayabilir.

Tasarım sürecinde kullanılan 3 temel prototip seviyesi bulunmaktadır:

Prototip Türü	Üretim Materyali / Detay Düzeyi	Kullanım Amacı ve Odak Noktası
Düşük Detaylı ( Low-Fidelity )	Kağıt, kalem veya temel çizim araçları.	Hızlı fikir doğrulaması, temel kullanıcı akışları ve erken geri bildirim.
Orta Detaylı ( Medium-Fidelity )	Temel dijital araçlar, ikonlar ve şematik düzenler.	Kullanıcı etkileşimleri ve bilgi hiyerarşisinin testi.
Yüksek Detaylı ( High-Fidelity )	İnteraktif dijital araçlar, son görsele yakın detaylar.	Gerçekçi kullanılabilirlik testleri ve nihai görünüm/hissiyat değerlendirmesi.

7. Adım: Kullanılabilirlik Testi ve İyileştirme

Gerçek kullanıcıların tasarımı kullanırken gözlemlenmesiyle sistemin etkinlik, verimlilik ve memnuniyet boyutlarında değerlendirilmesidir. Süreç 5 aşamadan oluşur:

1. Katılımcı bulma,
2. Kullanıcı davranışlarını gözlemleme (vücut dili, mimikler, sözlü ifadeler),
3. Kullanıcı geri bildirimlerini analiz etme,
4. Erişilebilirlik ve iyileştirmeleri önceliklendirme,
5. Sürekli iyileştirme döngüsü.

8. Adım: Görsel Tasarım ve Markalaşma

Ürün veya hizmetin ayırt edici görsel kimliğini oluşturma sürecidir. Tasarımın görsel dili üç temel bileşenden oluşur:

• Tipografi: Markanın tonunu ve kişiliğini yansıtan, okunabilirlik ve hiyerarşi odaklı font kullanımıdır.
• Renk Şemaları: Kullanıcı algısını ve duygularını yönlendirerek etkileşim atmosferini ve marka tanınırlığını belirler.
• İkonografi: Bilgiyi ve işlevselliği net, öz bir şekilde ileten “görsel kısayollar”dır.
  

Bu görsel dil, markanın temel değerlerini (misyonunu) yansıtan Marka Kimliği ve pazardaki ayrıştırıcı duruşunu ifade eden Marka Konumlandırması ile birebir uyumlu olmalıdır. Görsel tutarlılığı ve kullanıcı güvenini sağlamak için iki temel standart kullanılır:

• Tasarım Kuralları: Renk, logo ve tipografi kullanımındaki “yapılması ve yapılmaması gerekenleri” belirleyen kapsamlı üst belgelerdir.
• Stil Kılavuzları: Tasarım kurallarının alt kümesidir. Düğmeler, formlar veya düzen yapıları gibi belirli arayüz ögelerine odaklanarak platformlar arası bütünlüğü sağlar.

9. Adım: Geliştirme ve Yayımlama

Tasarımın koda ve işlevsel bir ürüne dönüştürüldüğü aşamadır. Tasarım ve geliştirme ekiplerinin sıkı iş birliğine dayanır.

• İş Birliği ve Aktarım: Sonlandırılmış tasarım dosyaları, stil kılavuzları ve prototiplerin geliştirici ekiple eksiksiz paylaşılmasıyla süreç başlar.
• Yayımlama Öncesi: Hataları tespit etmek için gerçek kullanıcılarla kullanılabilirlik testleri ve çeşitli cihazlarda sorunsuz çalışmayı teyit etmek için kapsamlı kalite güvence (QA) kontrolleri yapılmalıdır.
• Yayımlama Sonrası İzleme: Ürün piyasaya sürüldükten hemen sonra anketler, mağaza incelemeleri ve web performans metrikleri üzerinden kullanıcı verileri toplanarak iyileştirme alanları belirlenmelidir.

10. Adım: Sürekli İyileştirme

Dijital dünyanın hızına ayak uydurmak ve başarılı bir kullanıcı deneyimi sunmak için tasarımın yayımlandıktan sonra da güncellenmeye devam ettiği yinelemeli (iteratif) aşamadır.

• Veri ve Geri Bildirim Odaklılık: Sürecin temeli; anketler, uygulama analizleri ve temel performans göstergeleri (KPI) aracılığıyla kullanıcı davranışlarını aktif olarak dinlemeye ve kullanım örüntülerini analiz etmeye dayanır.
• Önceliklendirme ve Kapsayıcılık: Elde edilen veriler (içgörüler) ışığında, kullanıcıların “zorluk noktalarına” (pain points) ve değişen pazar trendlerine göre iyileştirmeler yapılır. Bu iyileştirme sürecinde erişilebilirlik tüm kullanıcı grupları için her zaman merkeze alınmalıdır.
• Döngüsel ve Esnek Yapı: Kullanıcı deneyimi tasarımı başı ve sonu belli olan, tek yönlü bir yol haritası değildir. Projeye göre esneklik ve adaptasyon gerektiren, sürekli evrilen döngüsel bir yapıya sahiptir.

🎯 Sınavlık Hap Bilgiler:

Sürekli İyileştirme ve A/B Testleri:
– “Bir ürünün iki farklı versiyonunu rastgele kullanıcı gruplarına göstererek hangisinin daha iyi performans gösterdiğini belirleyen test yöntemi nedir?” şeklinde spesifik bir soru gelirse cevap A/B Testleri‘dir.
– UX tasarım sürecinin genel karakteristiği sorulduğunda; sürecin katı kuralları olan doğrusal bir yapı değil, döngüsel ve yinelemeli (iteratif) bir yapı olduğu mutlaka akılda tutulmalıdır.

• UX tasarım sürecinin ilk adımı Keşif ve Araştırma adımıdır.
• Empati Haritası Bölümleri: Söylüyor, Düşünüyor, Yapıyor, Hissediyor.
• Wireframe (Şema Tasarımı): Detaylı görsel tasarıma geçmeden önce temel sayfa düzenini ve etkileşim çerçevesini gösteren çizimlerdir.
• SUS ve NPS: Kullanıcı deneyimini ve memnuniyetini nicel olarak ölçmede kullanılan anket araçlarındandır (System Usability Scale / Net Promoter Score).

---

📚 Kaynakça ve Kaynak Güncelliği: Bu ders notu, Anadolu Üniversitesi Açıköğretim Fakültesi Yayınları’na ait Kullanıcı Deneyimi Tasarımı ders kitabının Mayıs 2024 baskısı (AÖF Yayın No: 3164, E-ISBN: 978-975-06-4573-0) temel alınarak kendi ifadelerimle hazırlanmıştır. Konu bütünlüğünü korumak amacıyla temel kavram ve tanımların anlamı ana kaynağa bağlı kalınarak aktarılmış olup, içerik sınav odaklı kişisel ders notları biçiminde düzenlenmiştir. Bu notlar belirtilen baskıyı esas almakta olup kitabın daha sonraki baskılarını, Anadolum e-Kampüs üzerinden yapılan güncellemeleri veya müfredat değişikliklerini yansıtmayabilir. Sınava hazırlanırken Anadolu Üniversitesi tarafından sunulan güncel ders materyalini kontrol etmeniz önerilir. Kitabın basılı sürümüne Anadolu Üniversitesi Kitap Satış Sistemi, güncel dijital ders materyallerine ise Anadolum e-Kampüs üzerinden ulaşabilirsiniz. Ayrıca bu içerik, Anadolu Üniversitesi tarafından hazırlanmış veya onaylanmış resmî bir ders materyali değildir; kişisel çalışma notları niteliğindedir.