Ders Tanımı
| Ders | Kodu | Yarıyıl | T+U Saat | Kredi | AKTS |
|---|---|---|---|---|---|
| KULLANICI ARAYÜZÜ VE DENEYİMİ TASARIMI (UI/UX) | GRFT2211238 | Bahar Dönemi | 1+2 | 3 | 3 |
| Ders Programı |
| Ön Koşul Dersleri | |
| Önerilen Seçmeli Dersler |
| Dersin Dili | Türkçe |
| Dersin Seviyesi | Ön Lisans |
| Dersin Türü | Zorunlu |
| Dersin Koordinatörü | |
| Dersi Verenler | Öğr.Gör. Mert ALDİNÇ |
| Dersin Yardımcıları | |
| Dersin Amacı | Arayüz tasarımının temel prensiplerini öğrenerek, farklı dijital cihazlar için yaratıcı ve işlevsel arayüzler geliştirmektir. Öğrenciler, arayüz tasarım sürecinin aşamalarını keşfederken, etkileşim, erişilebilirlik, kullanılabilirlik ve okunabilirlik gibi kritik kavramları derinlemesine anlayacak ve uygulayacaklardır. |
| Dersin İçeriği | Bu ders; Arayüz tasarımı ve deneyimi genel tanımı /Web sayfası ve mobil uygulamaların yayınlanma süreçleri,Arayüz tasarımı hakkında örnek çalışma incelemeleri.,Arayüz tasarımının bileşenleri: tipografi, renk, mizanpaj / Ara sınav projesinin belirlenmesi,Adobe XD programında prototip yönteminin anlatımı,Web Site başlık, gövde, alt kısım kavramlarının açıklanması.,Web sitesi iş elemanlarının anlatılması(menü, slider, yazı/içerik, harita, bağlantılar),Web sitesi iş elemanlarının anlatılması (menü, slider, yazı/içerik, harita, bağlantılar),Ara Sınav,Mobil cihazlarda kullanıcı davranışlarının arayüz tasarımına etkisi,Mobil uygulamalarda projelendirme ve harita çıkartma,Arayüz Tasarımının bir bileşeni olarak buton tasarımı süreçleri,Mobil uygulama final projesinin belirlenmesi,Final Projesi ,Final Projesi,Final Projesi; konularını içermektedir. |
| Ders Öğrenme Kazanımları | Öğretim Yöntemleri | Ölçme Yöntemleri |
| Arayüz tasarımının genel prensiplerini öğrenip, kullanım alanlarına hakim olacak. Web ve mobil arayüz tasarımları uygulayabilecek. Arayüz tasarım sürecinde prototip geliştirebilecek. Arayüz tasarımına yönelik tasarım programına hakim olacak. |
| Öğretim Yöntemleri: | |
| Ölçme Yöntemleri: |
Ders Akışı
| Sıra | Konular | Ön Hazırlık |
| 1 | Arayüz tasarımı ve deneyimi genel tanımı /Web sayfası ve mobil uygulamaların yayınlanma süreçleri | |
| 2 | Arayüz tasarımı hakkında örnek çalışma incelemeleri. | |
| 3 | Arayüz tasarımının bileşenleri: tipografi, renk, mizanpaj / Ara sınav projesinin belirlenmesi | |
| 4 | Adobe XD programında prototip yönteminin anlatımı | |
| 5 | Web Site başlık, gövde, alt kısım kavramlarının açıklanması. | |
| 6 | Web sitesi iş elemanlarının anlatılması(menü, slider, yazı/içerik, harita, bağlantılar) | |
| 7 | Web sitesi iş elemanlarının anlatılması (menü, slider, yazı/içerik, harita, bağlantılar) | |
| 8 | Ara Sınav | |
| 9 | Mobil cihazlarda kullanıcı davranışlarının arayüz tasarımına etkisi | |
| 10 | Mobil uygulamalarda projelendirme ve harita çıkartma | |
| 11 | Arayüz Tasarımının bir bileşeni olarak buton tasarımı süreçleri | |
| 12 | Mobil uygulama final projesinin belirlenmesi | |
| 13 | Final Projesi | |
| 14 | Final Projesi | |
| 15 | Final Projesi |
| Kaynak |
| - Rogers, J., Preece, Y., Sharp, H. (2002). Interaction Design: Beyond Human-Computer Interaction. New York: John Wiley. - Çağıltay, K. (2011). İnsan Bilgisayar Etkileşimi ve Kullanılabilirlik Mühendisliği: Teoriden Pratiğe, 1. bs. ODTÜ Yayıncılık, Ankara. - Lean UX: Applying Lean Principles to Improve User Experience" - Jeff Gothelf ve Josh Seiden - Dijital Tasarım: Kullanıcı Deneyimi ve Arayüz Tasarımı" - Çağıl Yüksel |
Dersin Program Yeterliliklerine Katkısı
| Dersin Program Yeterliliklerine Katkısı | |||||||
| No | Program Yeterliliği | Katkı Düzeyi | |||||
| 1 | 2 | 3 | 4 | 5 | |||
| 1 | Teorik ve pratik bilgilerini mesleki uygulamada kullanır | ||||||
| 2 | Sanatsal, kültürel, estetik gelişim ve etkilerini tarihsel ve çağdaş sanat ve tasarım ürünleri üzerinden değerlendirir. | ||||||
| 3 | Türkçe ve mesleki yabancı dili kullanarak uluslararası platformlarda sözlü ve yazılı anlatıma dayalı iletişim kurar. | ||||||
| 4 | Multidisipliner takım çalışma becerisini sahiptir. | ||||||
| 5 | Alanın gerektirdiği bilgisayar ortamında güncel grafik yazılımlarını ve bilgi iletişim teknolojilerini başarıyla kullanır | ||||||
| 6 | Görsel/grafik tasarım yapar, (reklam ve tanıtım ürünleri tasarımı, ambalaj tasarımı, portfolyo tasarımı vb). | ||||||
| 7 | Mesleki etik ve sorumluluk bilincine sahip olur. | ||||||
| 8 | İş hayatında karşılaştığı sorunları hızlı ve etkin şekilde çözer. | ||||||
| 9 | İş sağlığı ve güvenliği konularından yeterli bilgiye sahip olur. | ||||||
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 | |
Dersin Detaylı Bilgileri
Ders Tanımı
| Ders | Kodu | Yarıyıl | T+U Saat | Kredi | AKTS |
|---|---|---|---|---|---|
| KULLANICI ARAYÜZÜ VE DENEYİMİ TASARIMI (UI/UX) | GRFT2211238 | Bahar Dönemi | 1+2 | 3 | 3 |
| Ders Programı |
| Ön Koşul Dersleri | |
| Önerilen Seçmeli Dersler |
| Dersin Dili | Türkçe |
| Dersin Seviyesi | Ön Lisans |
| Dersin Türü | Zorunlu |
| Dersin Koordinatörü | |
| Dersi Verenler | Öğr.Gör. Mert ALDİNÇ |
| Dersin Yardımcıları | |
| Dersin Amacı | Arayüz tasarımının temel prensiplerini öğrenerek, farklı dijital cihazlar için yaratıcı ve işlevsel arayüzler geliştirmektir. Öğrenciler, arayüz tasarım sürecinin aşamalarını keşfederken, etkileşim, erişilebilirlik, kullanılabilirlik ve okunabilirlik gibi kritik kavramları derinlemesine anlayacak ve uygulayacaklardır. |
| Dersin İçeriği | Bu ders; Arayüz tasarımı ve deneyimi genel tanımı /Web sayfası ve mobil uygulamaların yayınlanma süreçleri,Arayüz tasarımı hakkında örnek çalışma incelemeleri.,Arayüz tasarımının bileşenleri: tipografi, renk, mizanpaj / Ara sınav projesinin belirlenmesi,Adobe XD programında prototip yönteminin anlatımı,Web Site başlık, gövde, alt kısım kavramlarının açıklanması.,Web sitesi iş elemanlarının anlatılması(menü, slider, yazı/içerik, harita, bağlantılar),Web sitesi iş elemanlarının anlatılması (menü, slider, yazı/içerik, harita, bağlantılar),Ara Sınav,Mobil cihazlarda kullanıcı davranışlarının arayüz tasarımına etkisi,Mobil uygulamalarda projelendirme ve harita çıkartma,Arayüz Tasarımının bir bileşeni olarak buton tasarımı süreçleri,Mobil uygulama final projesinin belirlenmesi,Final Projesi ,Final Projesi,Final Projesi; konularını içermektedir. |
| Ders Öğrenme Kazanımları | Öğretim Yöntemleri | Ölçme Yöntemleri |
| Arayüz tasarımının genel prensiplerini öğrenip, kullanım alanlarına hakim olacak. Web ve mobil arayüz tasarımları uygulayabilecek. Arayüz tasarım sürecinde prototip geliştirebilecek. Arayüz tasarımına yönelik tasarım programına hakim olacak. |
| Öğretim Yöntemleri: | |
| Ölçme Yöntemleri: |
Ders Akışı
| Sıra | Konular | Ön Hazırlık |
| 1 | Arayüz tasarımı ve deneyimi genel tanımı /Web sayfası ve mobil uygulamaların yayınlanma süreçleri | |
| 2 | Arayüz tasarımı hakkında örnek çalışma incelemeleri. | |
| 3 | Arayüz tasarımının bileşenleri: tipografi, renk, mizanpaj / Ara sınav projesinin belirlenmesi | |
| 4 | Adobe XD programında prototip yönteminin anlatımı | |
| 5 | Web Site başlık, gövde, alt kısım kavramlarının açıklanması. | |
| 6 | Web sitesi iş elemanlarının anlatılması(menü, slider, yazı/içerik, harita, bağlantılar) | |
| 7 | Web sitesi iş elemanlarının anlatılması (menü, slider, yazı/içerik, harita, bağlantılar) | |
| 8 | Ara Sınav | |
| 9 | Mobil cihazlarda kullanıcı davranışlarının arayüz tasarımına etkisi | |
| 10 | Mobil uygulamalarda projelendirme ve harita çıkartma | |
| 11 | Arayüz Tasarımının bir bileşeni olarak buton tasarımı süreçleri | |
| 12 | Mobil uygulama final projesinin belirlenmesi | |
| 13 | Final Projesi | |
| 14 | Final Projesi | |
| 15 | Final Projesi |
| Kaynak |
| - Rogers, J., Preece, Y., Sharp, H. (2002). Interaction Design: Beyond Human-Computer Interaction. New York: John Wiley. - Çağıltay, K. (2011). İnsan Bilgisayar Etkileşimi ve Kullanılabilirlik Mühendisliği: Teoriden Pratiğe, 1. bs. ODTÜ Yayıncılık, Ankara. - Lean UX: Applying Lean Principles to Improve User Experience" - Jeff Gothelf ve Josh Seiden - Dijital Tasarım: Kullanıcı Deneyimi ve Arayüz Tasarımı" - Çağıl Yüksel |
Dersin Program Yeterliliklerine Katkısı
| Dersin Program Yeterliliklerine Katkısı | |||||||
| No | Program Yeterliliği | Katkı Düzeyi | |||||
| 1 | 2 | 3 | 4 | 5 | |||
| 1 | Teorik ve pratik bilgilerini mesleki uygulamada kullanır | ||||||
| 2 | Sanatsal, kültürel, estetik gelişim ve etkilerini tarihsel ve çağdaş sanat ve tasarım ürünleri üzerinden değerlendirir. | ||||||
| 3 | Türkçe ve mesleki yabancı dili kullanarak uluslararası platformlarda sözlü ve yazılı anlatıma dayalı iletişim kurar. | ||||||
| 4 | Multidisipliner takım çalışma becerisini sahiptir. | ||||||
| 5 | Alanın gerektirdiği bilgisayar ortamında güncel grafik yazılımlarını ve bilgi iletişim teknolojilerini başarıyla kullanır | ||||||
| 6 | Görsel/grafik tasarım yapar, (reklam ve tanıtım ürünleri tasarımı, ambalaj tasarımı, portfolyo tasarımı vb). | ||||||
| 7 | Mesleki etik ve sorumluluk bilincine sahip olur. | ||||||
| 8 | İş hayatında karşılaştığı sorunları hızlı ve etkin şekilde çözer. | ||||||
| 9 | İş sağlığı ve güvenliği konularından yeterli bilgiye sahip olur. | ||||||
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 | |