This presentation explores UX (User Experience) & UI (User Interface) principles, covering essential design processes, research methods, and best practices for creating user-friendly digital products. 📌 What’s Inside? ✅ UX vs. UI – Key Differences ✅ Double Diamond Model – Problem-solving approach ✅ Human-Centered Design (HCD) – Empathy-driven design ✅ UX Research Methods – Interviews, surveys, netnography & more ✅ Wireframing, Prototyping & User Testing ✅ UI Design Principles – Accessibility, hierarchy, and feedback ✅ Career Tips & Learning Resources 💡 Perfect for beginners, designers, and product teams aiming to build better user experiences! 🔗 Follow on SlideShare for more UX/UI insights! 🌟

1. UX&UI DESIGN
MAIDE NUR GIRGIN
Kullanıcı Deneyimi ve Arayüz Tasarımına Genel Bakış

2. Başlıklar
• UX/UI Nedir?
• UX Design Süreci – Double Diamond Modeli
• UI Design Temelleri & Prensipleri
• Öğrenme Kaynakları
• Soru - Cevap

3. UX/UI NEDİR?
UX - Kullanıcı Deneyimi
Bir kullanıcının, bir ürünle, hizmetle
ya da sistemle etkileşim halinde
bulunduğu süreçte, tecrübe ettikleri
bütünüdür.
Kullanıcının bir mobil uygulamayı
indirme kararından başlayarak,
uygulama ile karşılaşması ve etkileşime
geçmesi, uygulamanın bileşenlerini
kullanması ve uygulamayı indirme
amacının gerçekleşmesi bir kullanıcı
deneyimi sürecine bir örnektir.

4. UX/UI NEDİR?
UI - Kullanıcı Arayüzü
Kullanıcının, karmaşık donanımları veya
sistemleri kullanabilmesini ya da
okuyabilmesini sağlayan,
kolaylaştırılmış araçlar bütününün
tamamına verilen addır.
UX pastayı yapmak, UI ise pastanın süslemesidir.

5. UX DESIGN PROCESS
Double Diamond
Modeli
Double Diamond, 2005 yılında Design Council
tarafından geliştirilen ve ürün yönetimi ile
tasarım süreçlerini özetleyen yaygın bir
modeldir. Ürün yönetimini zaman çizelgesi
üzerine yerleştirerek, süreçteki dönüm
noktalarını somutlaştırır ve stratejiyi takvime
taşır

6. Double Diamond Modeli

7. UX DESIGN PROCESS
Double Diamond Modeli
• Keşfetme & Tanımlama (Problemi Anlama)
• Geliştirme & Teslim Etme (Çözüm Üretme)

8. DOUBLE DIAMOND MODELI
1. Keşif (Discover) Problemi Anlama
→ 2. Tanımlama (Define) Problemi Netleştirme
→
Amaç: Kullanıcıların yaşadığı sorunları belirlemek. Amaç: Kullanıcının temel ihtiyaçlarını belirlemek ve çözüm
çerçevesini oluşturmak.
• Kullanıcı görüşmeleri (User Interviews)
• Anketler & Netnografi (Surveys)
• Kart gruplama (Card Sorting – bilgi mimarisi
oluşturma)
• Görev analizi (Task Analysis – kullanıcı
akışlarını inceleme)
• Persona oluşturma (Kullanıcı tiplerini
belirleme)
• Kullanıcı yolculuğu haritalama (User Journey
Mapping)
• Hata noktası analizi (Pain Points –
kullanıcıların sıkıntı yaşadığı noktaları
belirleme)
• Rakip analizi - Benchmark (Competitive
Analysis – piyasadaki benzer ürünleri
inceleme)
Kullanılan UX Metodları: Kullanılan UX Metodları:

9. DOUBLE DIAMOND MODELI
3. Geliştirme (Develop) Çözüm Üretme & Test
→
Etme
4. Teslim Etme (Deliver) Son Ürünü Kullanıma
→
Sunma
Amaç: Fikirleri geliştirmek ve test etmek. Amaç: Ürünün piyasaya sürülmesi ve kullanıcı deneyimine göre
optimize edilmesi.
• Wireframing (Low-fi & Hi-Fi)
• Prototipleme (Kullanıcı testleri için
prototipler)
• Storyboarding (Kullanıcı senaryolarını
görselleştirme)
• Design Sprint (Google’ın hızlı tasarım
iterasyonu süreci)
• A/B testleri (İki farklı tasarımın performans
karşılaştırması)
• Kullanılabilirlik testleri (Usability Testing –
kullanıcılarla yapılan doğrudan testler)
• Heatmap & Click Tracking (Kullanıcıların
sayfadaki hareketlerini analiz etme)
• Funnel Analysis (Dönüşüm hunisi –
kullanıcıların hangi aşamada kaybolduğunu
belirleme)
Kullanılan UX Metodları: Kullanılan UX Metodları:

10. KULLANICI ARAŞTIRMA
METOTLARI
Keşif & Tanımlama aşamalarında
kullanılır
Kullanıcı Görüşmeleri & Netnografi
Kart Gruplama
Anketler & Anket Analizi
Task Analysis
Benchmark
Kullanıcıların ürünle nasıl etkileşime
geçtiğini anlamak için birebir
görüşmeler yapılır.
Daha geniş kullanıcı gruplarından
veri toplamak için kullanılır. (netflix)
• Bilgi mimarisini oluşturmak veya
menü hiyerarşisini belirlemek için
kullanılır.
Kullanıcıların bir görevi
tamamlamak için attığı adımları
analiz eder
Benzer ürünleri veya hizmetleri
inceleyerek iyileştirme fırsatları
bulma.

11. TASARIM METOTLARI
Geliştirme aşamasında kullanılır
Wireframing
Storyboarding
Prototipleme
Design Sprint (Hızlı Tasarım Döngüsü)
Temel tasarım ve sayfa yapısını test
etmek için kullanılır.
Ürünün çalışır bir versiyonunu
oluşturup test etmeyi sağlar.
Kullanıcıların ürünle nasıl etkileşime
geçtiğini anlatan bir hikaye çizilir.
Google tarafından geliştirilen bir
metodoloji. 5 gün içinde bir fikri
test etmeyi amaçlar.

12. KULLANICI TESTLERİ
METOTLARI
Teslim aşamasında kullanılır
Kullanılabilirlik Testleri (Usability Testing)
Gölgeleme (Shadowing)
A/B Testleri
Heatmap & Click Tracking
Gerçek kullanıcılarla ürünün test
edilmesi.
İki farklı tasarımın karşılaştırılması.
(Amazon’un sarı ve mavi satın alma butonu
bulma testi)
Kullanıcıların gerçek hayatta ürünü nasıl
kullandığını gözlemleme.
Kullanıcıların en çok hangi alanlara
tıkladığını analiz etme.

13. UI DESIGN PRENSIPLERI
İyi Bir UI Nasıl Olmalıdır?
• Tutarlılık (Consistency) – Renk, font ve
butonlar tutarlı olmalı.
• Görsel Hiyerarşi (Visual Hierarchy) – Kullanıcı
önce en önemli bilgiyi görmeli.
• Erişilebilirlik (Accessibility) – Engelli
kullanıcılar düşünülmeli.
• Basitlik (Simplicity) – Gereksiz detaylardan
kaçınılmalı.
• Geri Bildirim (Feedback) – Kullanıcı
işlemlerine tepki verilmeli.

14. TEŞEKKÜRLER
M A I D E N U R G I R G I N