Ders Detayı
Ders Detayı
Ders Tanımı
| Ders | Kodu | Yarıyıl | T+U Saat | Kredi | AKTS |
|---|---|---|---|---|---|
| KULLANICI DENEYİMİ VE ARAYÜZ TASARIM | MGS3216225 | Bahar Dönemi | 1+2 | 2 | 6 |
| Ders Programı | Salı 14:30-15:15 Salı 15:30-16:15 Salı 16:30-17:15 Cumartesi 14:30-15:15 Cumartesi 15:30-16:15 Cumartesi 16:30-17:15 |
| Ön Koşul Dersleri | |
| Önerilen Seçmeli Dersler |
| Dersin Dili | Türkçe |
| Dersin Seviyesi | Lisans |
| Dersin Türü | Zorunlu |
| Dersin Koordinatörü | Doç.Dr. İhsan EKEN |
| Dersi Verenler | Doç.Dr. İhsan EKEN |
| Dersin Yardımcıları | |
| Dersin Amacı | Bu ders, öğrencilere kullanıcı deneyimi (UX) ve arayüz tasarımının (UI) temel ilkelerini tanıtmayı amaçlar. Öğrenciler; kullanıcı araştırması yapmayı, planlamayı, prototip geliştirmeyi ve dijital arayüzleri kullanılabilirlik, erişilebilirlik ve görsel iletişim açısından değerlendirmeyi öğreneceklerdir. Ders, etkileşim problemlerine insan odaklı bir tasarım yaklaşımı geliştirmeyi teşvik eder. |
| Dersin İçeriği | Bu ders; Ders Tanıtımı: UX/UI nedir? Kapsam ve beklentiler ,Kullanıcı Odaklı Tasarım İlkeleri ve Süreci ,Kullanıcıyı Anlamak: Persona, Senaryo ve Kullanıcı Akışları ,Bilgi Mimarisi ve İçerik Stratejisi ,Wireframe Teknikleri ve Araçları ,Arayüzler için Görsel Tasarım İlkeleri: Düzen, Renk, Tipografi ,Etkileşimli Prototipleme: Araçlar ve Yöntemler ,Vize Sınavı ,Kullanılabilirlik İlkeleri ve Heuristik Değerlendirme ,Arayüz Tasarımında Erişilebilirlik ,Mobil ve Duyarlı Tasarım Yaklaşımları ,Mikroetkileşimler ve UI’da Hareket ,Kullanılabilirlik Testi: Planlama, Uygulama, Analiz ,Öğrenci Proje Geliştirme ve Geri Bildirim Oturumları 1 ,Öğrenci Proje Geliştirme ve Geri Bildirim Oturumları 2 ; konularını içermektedir. |
| Dersin Öğrenme Kazanımları | Öğretim Yöntemleri | Ölçme Yöntemleri |
| Kullanıcı deneyimi ve arayüz tasarımının temel kavramlarını tanımlar. | 9 | A |
| Kullanıcı araştırması yapar ve kullanıcı ihtiyaçlarını analiz eder. | 11, 13 | E |
| Etkili bilgi mimarisi ve wireframe tasarımları oluşturur. | 2 | E |
| Dijital arayüzler için etkileşimli prototipler tasarlar. | 2 | E |
| Kullanılabilirlik testleri ve geri bildirim yoluyla tasarımları değerlendirir. | 2, 6 | A, E |
| Tasarım problemlerini çözmek için insan odaklı bir tasarım bakış açısı geliştirir. | 13 | E |
| Öğretim Yöntemleri: | 11: Gösterip Yapma Yöntemi, 13: Örnek Olay Yöntemi, 2: Proje Temelli Öğrenme Modeli, 6: Deneyimle Öğrenme Modeli, 9: Anlatım Yöntemi |
| Ölçme Yöntemleri: | A: Klasik Yazılı Sınav, E: Ödev |
Ders Akışı
| Sıra | Konular | Ön Hazırlık |
|---|---|---|
| 1 | Ders Tanıtımı: UX/UI nedir? Kapsam ve beklentiler | |
| 2 | Kullanıcı Odaklı Tasarım İlkeleri ve Süreci | Krug, Steve. Don’t Make Me Think, Revisited: A Common Sense Approach to Web Usability. New Riders. Norman, Don. The Design of Everyday Things. Basic Books. Garrett, Jesse James. The Elements of User Experience. |
| 3 | Kullanıcıyı Anlamak: Persona, Senaryo ve Kullanıcı Akışları | Garrett, Jesse James. The Elements of User Experience. |
| 4 | Bilgi Mimarisi ve İçerik Stratejisi | Garrett, Jesse James. The Elements of User Experience. New Riders |
| 5 | Wireframe Teknikleri ve Araçları | Garrett, Jesse James. The Elements of User Experience. New Riders |
| 6 | Arayüzler için Görsel Tasarım İlkeleri: Düzen, Renk, Tipografi | Gavin Ambrose , Paul Harris (2013), Grafik Tasarım Temelleri |
| 7 | Etkileşimli Prototipleme: Araçlar ve Yöntemler | Don Norman Group |
| 8 | Vize Sınavı | |
| 9 | Kullanılabilirlik İlkeleri ve Heuristik Değerlendirme | Krug, Steve. Don’t Make Me Think, Revisited: A Common Sense Approach to Web Usability. New Riders. |
| 10 | Arayüz Tasarımında Erişilebilirlik | Don Norman Group |
| 11 | Mobil ve Duyarlı Tasarım Yaklaşımları | Garrett, Jesse James. The Elements of User Experience. New Riders. |
| 12 | Mikroetkileşimler ve UI’da Hareket | Garrett, Jesse James. The Elements of User Experience. New Riders. |
| 13 | Kullanılabilirlik Testi: Planlama, Uygulama, Analiz | Norman, Don. The Design of Everyday Things. Basic Books. |
| 14 | Öğrenci Proje Geliştirme ve Geri Bildirim Oturumları 1 | |
| 15 | Öğrenci Proje Geliştirme ve Geri Bildirim Oturumları 2 |
| Kaynak |
| Krug, Steve. Don’t Make Me Think, Revisited: A Common Sense Approach to Web Usability. New Riders. Norman, Don. The Design of Everyday Things. Basic Books. Garrett, Jesse James. The Elements of User Experience. New Riders. NORMAN GROUP Gavin Ambrose , Paul Harris (2013), Grafik Tasarım Temelleri |
| Öğretim elemanının sağlayacağı makaleler, slaytlar ve görsel materyaller. |
Dersin Program Yeterliliklerine Katkısı
| Dersin Program Yeterliliklerine Katkısı | |||||||
| No | Program Yeterliliği | Katkı Düzeyi | |||||
| 1 | 2 | 3 | 4 | 5 | |||
| 1 | Medya ve Görsel Sanatlar disiplinlerinin temel kavramlarını bilir. | X | |||||
| 2 | Medya ve Görsel Sanatlar disiplinlerinin temel kuramlarını bilir. | X | |||||
| 3 | Medya ve Görsel Sanatlarda gerekli olan bilgisayar programlarını ve çoklu medya tekniklerini bilir. | X | |||||
| 4 | Medya ve Görsel Sanatlarda gerekli olan estetik kuralları bilir. | ||||||
| 5 | Mesleki ve bilimsel çalışmalarda ulusal ve uluslararası etik kodlara bağlı kalacak şekilde hareket eder. | ||||||
| 6 | Kültürlerin sembol sistemlerini anlar. | ||||||
| 7 | Medya ve Görsel Sanatlar ile ilgili olguları boyutlarıyla analiz eder. | X | |||||
| 8 | Kurumların/kişilerin ihtiyaçları doğrultusunda görsel tasarım sürecini planlar. | X | |||||
| 9 | Kurumların/kişilerin ihtiyaçları doğrultusunda görsel iletişim sürecini gerçekleştirir. | X | |||||
| 10 | Medya ve Görsel Sanatlar uygulamaları için gereken araç, yöntem ve teknikleri kullanır. | X | |||||
| 11 | Gerçek, 2 Boyutlu ve 3 Boyutlu görüntü üretme, işleme ve değerlendirme becerisine sahiptir. | ||||||
| 12 | Yeni medya ortamlarında görsel tasarım tekniklerini uygular. | X | |||||
| 13 | Tasarım konusunda estetik farkındalığa ve kavrayışa sahiptir. | X | |||||
| 14 | Mesleğini “İş Sağlığı ve Güvenliği” kurallarını göz önünde bulundurarak gerçekleştirir. | ||||||
| 15 | Medya ve Görsel Sanatlar ile ilgili projelerde sorumluluk alarak ortaya çıkan sorunları çözer. | ||||||
| 16 | Medya ve Görsel Sanatlar disiplinlerine ve alt disiplinlerine ait kuramsal ve olgusal sorunları bilimsel yöntemlerle yayına dönüştürebilir. | X | |||||
| 17 | Medya ve Görsel Sanatlar alanındaki gelişmeleri düzenli olarak takip ederek çalışmalarında etkin şekilde kullanır. | ||||||
| 18 | Türkçeyi bilimsel ve mesleki çalışmalarda akıcı ve doğru bir biçimde kullanır. | ||||||
| 19 | En az bir yabancı dili B1 seviyesinde okuyup anlayabilir. | ||||||
| 20 | Sosyal sorumluluk projeleri planlayarak görev alır. | X | |||||
| 21 | Yapay zekayı (yapay öğrenme/makine öğrenimi) yaratım sürecine dahil eder. | X | |||||
Değerlendirme Sistemi
| Katkı Düzeyi | Mutlak Değerlendirme | |
| Ara Sınavın Başarıya Oranı | 40 | |
| Genel Sınavın Başarıya Oranı | 60 | |
| Toplam | 100 | |
| AKTS / İşyükü Tablosu | ||||||
| Etkinlik | Sayı | Süresi (Saat) | Toplam İş Yükü (Saat) | |||
| Ders Saati | 14 | 3 | 42 | |||
| Rehberli Problem Çözme | 0 | 0 | 0 | |||
| Problem Çözümü / Ödev / Proje / Rapor Tanzimi | 1 | 20 | 20 | |||
| Okul Dışı Diğer Faaliyetler | 1 | 60 | 60 | |||
| Proje Sunumu / Seminer | 1 | 10 | 10 | |||
| Kısa Sınav (QUİZ) ve Hazırlığı | 0 | 0 | 0 | |||
| Ara Sınav ve Hazırlığı | 1 | 20 | 20 | |||
| Genel Sınav ve Hazırlığı | 1 | 30 | 30 | |||
| Performans Görevi, Bakım Planı | 0 | 0 | 0 | |||
| Toplam İş Yükü (Saat) | 182 | |||||
| Dersin AKTS Kredisi = Toplam İş Yükü (Saat)/30*=(182/30) | 6 | |||||
| Dersin AKTS Kredisi: *30 saatlik çalışma 1 AKTS kredisi sayılmaktadır. | ||||||
Dersin Detaylı Bilgileri
Ders Tanımı
| Ders | Kodu | Yarıyıl | T+U Saat | Kredi | AKTS |
|---|---|---|---|---|---|
| KULLANICI DENEYİMİ VE ARAYÜZ TASARIM | MGS3216225 | Bahar Dönemi | 1+2 | 2 | 6 |
| Ders Programı | Salı 14:30-15:15 Salı 15:30-16:15 Salı 16:30-17:15 Cumartesi 14:30-15:15 Cumartesi 15:30-16:15 Cumartesi 16:30-17:15 |
| Ön Koşul Dersleri | |
| Önerilen Seçmeli Dersler |
| Dersin Dili | Türkçe |
| Dersin Seviyesi | Lisans |
| Dersin Türü | Zorunlu |
| Dersin Koordinatörü | Doç.Dr. İhsan EKEN |
| Dersi Verenler | Doç.Dr. İhsan EKEN |
| Dersin Yardımcıları | |
| Dersin Amacı | Bu ders, öğrencilere kullanıcı deneyimi (UX) ve arayüz tasarımının (UI) temel ilkelerini tanıtmayı amaçlar. Öğrenciler; kullanıcı araştırması yapmayı, planlamayı, prototip geliştirmeyi ve dijital arayüzleri kullanılabilirlik, erişilebilirlik ve görsel iletişim açısından değerlendirmeyi öğreneceklerdir. Ders, etkileşim problemlerine insan odaklı bir tasarım yaklaşımı geliştirmeyi teşvik eder. |
| Dersin İçeriği | Bu ders; Ders Tanıtımı: UX/UI nedir? Kapsam ve beklentiler ,Kullanıcı Odaklı Tasarım İlkeleri ve Süreci ,Kullanıcıyı Anlamak: Persona, Senaryo ve Kullanıcı Akışları ,Bilgi Mimarisi ve İçerik Stratejisi ,Wireframe Teknikleri ve Araçları ,Arayüzler için Görsel Tasarım İlkeleri: Düzen, Renk, Tipografi ,Etkileşimli Prototipleme: Araçlar ve Yöntemler ,Vize Sınavı ,Kullanılabilirlik İlkeleri ve Heuristik Değerlendirme ,Arayüz Tasarımında Erişilebilirlik ,Mobil ve Duyarlı Tasarım Yaklaşımları ,Mikroetkileşimler ve UI’da Hareket ,Kullanılabilirlik Testi: Planlama, Uygulama, Analiz ,Öğrenci Proje Geliştirme ve Geri Bildirim Oturumları 1 ,Öğrenci Proje Geliştirme ve Geri Bildirim Oturumları 2 ; konularını içermektedir. |
| Dersin Öğrenme Kazanımları | Öğretim Yöntemleri | Ölçme Yöntemleri |
| Kullanıcı deneyimi ve arayüz tasarımının temel kavramlarını tanımlar. | 9 | A |
| Kullanıcı araştırması yapar ve kullanıcı ihtiyaçlarını analiz eder. | 11, 13 | E |
| Etkili bilgi mimarisi ve wireframe tasarımları oluşturur. | 2 | E |
| Dijital arayüzler için etkileşimli prototipler tasarlar. | 2 | E |
| Kullanılabilirlik testleri ve geri bildirim yoluyla tasarımları değerlendirir. | 2, 6 | A, E |
| Tasarım problemlerini çözmek için insan odaklı bir tasarım bakış açısı geliştirir. | 13 | E |
| Öğretim Yöntemleri: | 11: Gösterip Yapma Yöntemi, 13: Örnek Olay Yöntemi, 2: Proje Temelli Öğrenme Modeli, 6: Deneyimle Öğrenme Modeli, 9: Anlatım Yöntemi |
| Ölçme Yöntemleri: | A: Klasik Yazılı Sınav, E: Ödev |
Ders Akışı
| Sıra | Konular | Ön Hazırlık |
|---|---|---|
| 1 | Ders Tanıtımı: UX/UI nedir? Kapsam ve beklentiler | |
| 2 | Kullanıcı Odaklı Tasarım İlkeleri ve Süreci | Krug, Steve. Don’t Make Me Think, Revisited: A Common Sense Approach to Web Usability. New Riders. Norman, Don. The Design of Everyday Things. Basic Books. Garrett, Jesse James. The Elements of User Experience. |
| 3 | Kullanıcıyı Anlamak: Persona, Senaryo ve Kullanıcı Akışları | Garrett, Jesse James. The Elements of User Experience. |
| 4 | Bilgi Mimarisi ve İçerik Stratejisi | Garrett, Jesse James. The Elements of User Experience. New Riders |
| 5 | Wireframe Teknikleri ve Araçları | Garrett, Jesse James. The Elements of User Experience. New Riders |
| 6 | Arayüzler için Görsel Tasarım İlkeleri: Düzen, Renk, Tipografi | Gavin Ambrose , Paul Harris (2013), Grafik Tasarım Temelleri |
| 7 | Etkileşimli Prototipleme: Araçlar ve Yöntemler | Don Norman Group |
| 8 | Vize Sınavı | |
| 9 | Kullanılabilirlik İlkeleri ve Heuristik Değerlendirme | Krug, Steve. Don’t Make Me Think, Revisited: A Common Sense Approach to Web Usability. New Riders. |
| 10 | Arayüz Tasarımında Erişilebilirlik | Don Norman Group |
| 11 | Mobil ve Duyarlı Tasarım Yaklaşımları | Garrett, Jesse James. The Elements of User Experience. New Riders. |
| 12 | Mikroetkileşimler ve UI’da Hareket | Garrett, Jesse James. The Elements of User Experience. New Riders. |
| 13 | Kullanılabilirlik Testi: Planlama, Uygulama, Analiz | Norman, Don. The Design of Everyday Things. Basic Books. |
| 14 | Öğrenci Proje Geliştirme ve Geri Bildirim Oturumları 1 | |
| 15 | Öğrenci Proje Geliştirme ve Geri Bildirim Oturumları 2 |
| Kaynak |
| Krug, Steve. Don’t Make Me Think, Revisited: A Common Sense Approach to Web Usability. New Riders. Norman, Don. The Design of Everyday Things. Basic Books. Garrett, Jesse James. The Elements of User Experience. New Riders. NORMAN GROUP Gavin Ambrose , Paul Harris (2013), Grafik Tasarım Temelleri |
| Öğretim elemanının sağlayacağı makaleler, slaytlar ve görsel materyaller. |
Dersin Program Yeterliliklerine Katkısı
| Dersin Program Yeterliliklerine Katkısı | |||||||
| No | Program Yeterliliği | Katkı Düzeyi | |||||
| 1 | 2 | 3 | 4 | 5 | |||
| 1 | Medya ve Görsel Sanatlar disiplinlerinin temel kavramlarını bilir. | X | |||||
| 2 | Medya ve Görsel Sanatlar disiplinlerinin temel kuramlarını bilir. | X | |||||
| 3 | Medya ve Görsel Sanatlarda gerekli olan bilgisayar programlarını ve çoklu medya tekniklerini bilir. | X | |||||
| 4 | Medya ve Görsel Sanatlarda gerekli olan estetik kuralları bilir. | ||||||
| 5 | Mesleki ve bilimsel çalışmalarda ulusal ve uluslararası etik kodlara bağlı kalacak şekilde hareket eder. | ||||||
| 6 | Kültürlerin sembol sistemlerini anlar. | ||||||
| 7 | Medya ve Görsel Sanatlar ile ilgili olguları boyutlarıyla analiz eder. | X | |||||
| 8 | Kurumların/kişilerin ihtiyaçları doğrultusunda görsel tasarım sürecini planlar. | X | |||||
| 9 | Kurumların/kişilerin ihtiyaçları doğrultusunda görsel iletişim sürecini gerçekleştirir. | X | |||||
| 10 | Medya ve Görsel Sanatlar uygulamaları için gereken araç, yöntem ve teknikleri kullanır. | X | |||||
| 11 | Gerçek, 2 Boyutlu ve 3 Boyutlu görüntü üretme, işleme ve değerlendirme becerisine sahiptir. | ||||||
| 12 | Yeni medya ortamlarında görsel tasarım tekniklerini uygular. | X | |||||
| 13 | Tasarım konusunda estetik farkındalığa ve kavrayışa sahiptir. | X | |||||
| 14 | Mesleğini “İş Sağlığı ve Güvenliği” kurallarını göz önünde bulundurarak gerçekleştirir. | ||||||
| 15 | Medya ve Görsel Sanatlar ile ilgili projelerde sorumluluk alarak ortaya çıkan sorunları çözer. | ||||||
| 16 | Medya ve Görsel Sanatlar disiplinlerine ve alt disiplinlerine ait kuramsal ve olgusal sorunları bilimsel yöntemlerle yayına dönüştürebilir. | X | |||||
| 17 | Medya ve Görsel Sanatlar alanındaki gelişmeleri düzenli olarak takip ederek çalışmalarında etkin şekilde kullanır. | ||||||
| 18 | Türkçeyi bilimsel ve mesleki çalışmalarda akıcı ve doğru bir biçimde kullanır. | ||||||
| 19 | En az bir yabancı dili B1 seviyesinde okuyup anlayabilir. | ||||||
| 20 | Sosyal sorumluluk projeleri planlayarak görev alır. | X | |||||
| 21 | Yapay zekayı (yapay öğrenme/makine öğrenimi) yaratım sürecine dahil eder. | X | |||||
Değerlendirme Sistemi
| Katkı Düzeyi | Mutlak Değerlendirme | |
| Ara Sınavın Başarıya Oranı | 40 | |
| Genel Sınavın Başarıya Oranı | 60 | |
| Toplam | 100 | |