| 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 |
DERS BİLGİLERİ |
| Dersin Öğretim Dili : |
Türkçe |
| Dersin Düzeyi |
ÖNLİSANS, TYY: + 5.Düzey, EQF-LLL: 5.Düzey, QF-EHEA: Kısa Düzey |
| Dersin Türü |
Zorunlu |
| Dersin Veriliş Şekli |
- |
| Dersin Koordinatörü |
Öğr.Gör. ÇİSEM YAŞAR |
| Dersi Veren Öğretim Üyesi/Öğretim Görevlisi |
Öğr.Gör. MUHAMMET YÜKSEL |
| Ders Ön Koşulu |
Yok |
AMAÇ VE İÇERİK |
| Amaç: |
Bu dersin amacı, öğrencilere kullanıcı deneyimi (UX) ve kullanıcı arayüzü (UI) tasarımının temel prensiplerini öğretmek; bu prensipleri uluslararası web erişilebilirliği standartları (WCAG) çerçevesinde uygulamalı olarak hayata geçirme becerisi kazandırmaktır. Öğrencilerin sektör standardı olan tasarım araçlarını (Figma vb.) kullanarak herkes için kapsayıcı dijital ürünler geliştirmeleri hedeflenir. |
| İçerik: |
Tasarım odaklı düşünme (Design Thinking) metodolojisi, kullanıcı araştırması teknikleri, bilgi mimarisi, görsel tasarım ilkeleri, Figma ile prototipleme, web erişilebilirliği standartları (WCAG), kapsayıcı tasarım yaklaşımları ve kullanılabilirlik testi süreçlerini kapsayan uygulama ağırlıklı bir içeriktir. |
DERSİN ÖĞRENME ÇIKTILARI (Öğrenciler, bu dersi başarı ile tamamladıklarında aşağıda belirtilen bilgi, beceri ve/veya yetkinlikleri gösterirler.) |
| Bu dersi başarıyla tamamlayan öğrenci:
UX ve UI kavramlarını ayırt eder ve tasarım sürecinde doğru yerlerde kullanır.
Kullanıcı araştırması yaparak persona ve kullanıcı yolculuğu haritaları oluşturur.
Figma yazılımını orta/ileri düzeyde kullanarak etkileşimli prototipler hazırlar.
WCAG 2.1 standartlarına uygun, erişilebilir arayüzler tasarlar.
Tasarım kararlarını veri ve erişilebilirlik testleri ile savunabilir. |
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 |
- |
KAYNAKLAR |
| Refactoring UI (Adam Wathan), Laws of UX (Jon Yablonski). |
ÖLÇME VE DEĞERLENDİRME |
| Yarıyıl İçi Yapılan Çalışmaların Ölçme ve Değerlendirmesi |
Etkinlik Sayısı |
Katkı Yüzdesi |
Açıklama |
Sınav Yapılma Şekli |
| DÖNEM SONU- Sınavı (Final) |
1 |
100 |
|
Proje Teslim Edilmesi (Sınav Yapılmaz) |
| TOPLAM |
1 |
100 |
|
|
| (0) Etkisiz |
(1) En Düşük |
(2) Düşük |
(3) Orta |
(4) İyi |
(5) Çok İyi |
| 0 |
1 |
2 |
3 |
4 |
5 |
DERSİN PROGRAM ÖĞRENME ÇIKTILARINA KATKISI
DERSİN İŞ YÜKÜ VE AKTS KREDİSİ |
| Öğrenme-Öğretme Etkinlikleri İş Yükü |
| Öğrenme-Öğretme Etkinlikleri |
Etkinlik(hafta sayısı) |
Süresi(saat sayısı) |
Toplam İş Yükü |
| Ders |
0 |
0 |
0 |
| Derse Ön Hazırlık ve Ders Sonrası Pekiştirme |
0 |
0 |
0 |
| Arazi Çalışması |
0 |
0 |
0 |
| Grup Çalışması / Ödevi |
0 |
0 |
0 |
| Laboratuvar |
0 |
0 |
0 |
| Okuma |
0 |
0 |
0 |
| Ödev |
0 |
0 |
0 |
| Proje Hazırlama |
0 |
0 |
0 |
| Seminer |
0 |
0 |
0 |
| Staj |
0 |
0 |
0 |
| Teknik Gezi |
0 |
0 |
0 |
| Web Tab. Öğrenme |
0 |
0 |
0 |
| Uygulama |
0 |
0 |
0 |
| Yerinde Uygulama |
0 |
0 |
0 |
| Mesleki Faaliyet |
0 |
0 |
0 |
| Sosyal Faaliyet |
0 |
0 |
0 |
| Tez Hazırlama |
0 |
0 |
0 |
| Alan Çalışması |
0 |
0 |
0 |
| Rapor Yazma |
0 |
0 |
0 |
| Final Sınavı |
0 |
0 |
0 |
| Final Sınavı Hazırlığı |
0 |
0 |
0 |
| Ara Sınav |
0 |
0 |
0 |
| Ara Sınav Hazırlığı |
0 |
0 |
0 |
| Kısa Sınav |
0 |
0 |
0 |
| Kısa Sınav Hazırlığı |
0 |
0 |
0 |
| TOPLAM |
0 |
0 |
0 |
|
Genel Toplam |
0 |
|
|
Toplam İş Yükü / 25.5 |
0 |
|
|
Dersin AKTS(ECTS) Kredisi |
0,0 |
|