TR EN

UX/UI TASARIMI VE WEB ERİŞEBİLİRLİĞİ DERS TANITIM VE UYGULAMA BİLGİLERİ

Kodu Dersin Adı Yarıyıl Süresi(T+U) Kredisi AKTS Kredisi
OYG102 UX/UI TASARIMI VE WEB ERİŞEBİLİRLİĞİ 2 2 1 5

HAFTALIK DERS KONULARI VE ÖNGÖRÜLEN HAZIRLIK ÇALIŞMALARI

Hafta Ön Hazırlık Konular Yöntem
1 Vaka taraması UX ve UI Kavramları & Design Thinking (Tasarım odaklı düşünme). Case Study (Vaka) seçimi ve problem tanımlama çalışması. Beyin fırtınası / Sunum
2 Hedef kitle analizi Kullanıcı Araştırması: Persona ve Empati kavramlarının incelenmesi. Hedef kitle analizi ve kullanıcı personalarının oluşturulması. Soru-cevap / Workshop
3 Rakip analizi Bilgi Mimarisi ve Kullanıcı Yolculuğu kavramlarının tanımlanması. Site haritası (Sitemap) ve Kullanıcı Yolculuğu haritalarının çizilmesi. Görsel haritalama
4 Taslak çizimi Tel Kafes (Wireframe) Tasarımı. Kâğıt üzerinde veya dijitalde tel kafes çizimi. Eskiz
5 Moodboard hazırlığı Görsel Tasarım İlkeleri: Tipografi ve Renk. Proje için "Moodboard" ve temel stil rehberi oluşturma. Kritik (Eleştiri) seansı
6 Yazılım kurulumu Figma 101: Temel Araçlar ve Frame Yapısı. Figma arayüzünde ilk ekranların (Giriş, Kayıt vb.) çizimi. Uygulama
7 Okuma Komponentler ve Auto Layout (Esnek Tasarım). Buton, Input ve Kart gibi tekrar eden öğelerin tasarlanması. Uygulama
8 Okuma 1. Aşama: Araştırma ve Wireframe Sunumu. Uygulama
9 Okuma Web Erişilebilirliğine Giriş (WCAG 2.1). Erişilebilirlik standartlarının örneklerle incelenmesi. Uygulama
10 - ARA SINAV -
11 Okuma Kapsayıcı Tasarım ve Stark Eklentisi. Kontrast testleri ve renk körlüğü simülasyonu uygulamaları. Uygulama
12 Okuma Klavye Navigasyonu ve Odaklanma (Focus). Odak sırası (Focus Order) tasarımı ve ekran okuyucu mantığı. Uygulama
13 Okuma İleri Seviye Prototipleme. Ekranlar arası geçişler ve mikro etkileşimlerin kurulması. Uygulama
14 Okuma Kullanılabilirlik Testi ve İyileştirme. Uygulama
15 Okuma Tasarlanan prototipin test edilmesi ve hataların ayıklanması. Sunum
16 - FİNAL -
17 - FİNAL -