Course Detail
Course Detail
Course Description
| Course | Code | Semester | T+P (Hour) | Credit | ECTS |
|---|---|---|---|---|---|
| KULLANICI DENEYİMİ VE ARAYÜZ TASARIM | MGS3216225 | Bahar Dönemi | 1+2 | 2 | 6 |
| Course 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 |
| Prerequisites Courses | |
| Recommended Elective Courses |
| Language of Course | Türkçe |
| Course Level | Lisans |
| Course Type | Zorunlu |
| Course Coordinator | Doç.Dr. İhsan EKEN |
| Name of Lecturer(s) | Doç.Dr. İhsan EKEN |
| Assistant(s) | |
| Aim | 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. |
| Course Content | 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ı | Teaching Methods | Assessment Methods |
| 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 |
| Teaching Methods: | 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 |
| Assessment Methods: | A: Klasik Yazılı Sınav, E: Ödev |
Course Outline
| Order | Subjects | Preliminary Work |
|---|---|---|
| 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 |
| Resources |
| 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. |
Course Contribution to Program Qualifications
| Course Contribution to Program Qualifications | |||||||
| No | Program Qualification | Contribution Level | |||||
| 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 | |||||
Assessment Methods
| Contribution Level | Absolute Evaluation | |
| Rate of Midterm Exam to Success | 40 | |
| Rate of Final Exam to Success | 60 | |
| Total | 100 | |
| ECTS / Workload Table | ||||||
| Activities | Number of | Duration(Hour) | Total Workload(Hour) | |||
| 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 | |||
| Total Workload(Hour) | 182 | |||||
| Dersin AKTS Kredisi = Toplam İş Yükü (Saat)/30*=(182/30) | 6 | |||||
| ECTS of the course: 30 hours of work is counted as 1 ECTS credit. | ||||||
Detail Informations of the Course
Course Description
| Course | Code | Semester | T+P (Hour) | Credit | ECTS |
|---|---|---|---|---|---|
| KULLANICI DENEYİMİ VE ARAYÜZ TASARIM | MGS3216225 | Bahar Dönemi | 1+2 | 2 | 6 |
| Course 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 |
| Prerequisites Courses | |
| Recommended Elective Courses |
| Language of Course | Türkçe |
| Course Level | Lisans |
| Course Type | Zorunlu |
| Course Coordinator | Doç.Dr. İhsan EKEN |
| Name of Lecturer(s) | Doç.Dr. İhsan EKEN |
| Assistant(s) | |
| Aim | 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. |
| Course Content | 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ı | Teaching Methods | Assessment Methods |
| 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 |
| Teaching Methods: | 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 |
| Assessment Methods: | A: Klasik Yazılı Sınav, E: Ödev |
Course Outline
| Order | Subjects | Preliminary Work |
|---|---|---|
| 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 |
| Resources |
| 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. |
Course Contribution to Program Qualifications
| Course Contribution to Program Qualifications | |||||||
| No | Program Qualification | Contribution Level | |||||
| 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 | |||||
Assessment Methods
| Contribution Level | Absolute Evaluation | |
| Rate of Midterm Exam to Success | 40 | |
| Rate of Final Exam to Success | 60 | |
| Total | 100 | |