| Dersin Amacı: |
Kullanıcı arayüzü tasarımı, insan ve bilgisayar sistemleri arasındaki bağlantı noktasıdır ve insan bilgisayar etkileşiminin çalışma alanlarından biridir. Dersin amacı öğrencilere kullanıcı arayüz tasarımı hakkında disiplinlerarası bir bakış açısı sağlamaktır. Öğrencilerin etkileşim tasarımına ilişkin prensipleri öğrenerek kullanılabilir ve etkili arayüz tasarımları ortaya çıkarmalarını sağlamaktır. Yalnızca görsel tasarım konusunda bilgi edinmeleri değil, aynı zamanda tasarım için araştırma yapma, kullanıcı ihtiyaçlarını belirleme, tasarım problemini ortaya koyma, tasarlama, test etme ve değerlendirme gibi süreçlerle birlikte tüm tasarım sürecini öğrenmeleri amaçlanmaktadır. |
| Dersin İçeriği: |
Arayüz tasarımının tanımı, tarihsel gelişimi, kullanım alanları, yararlanılan güncel teknolojiler, etkileşimlilik kavramı ve temel prensipleri, iyi bir arayüz tasarımının özellikleri ve önemi, kullanıcı odaklı tasarım, arayüz tasarımının temel prensipleri, tasarım süreci, veri görselleştirme, kullanılabilir nitelikteki tasarımların özellikleri, kullanılabilirlik testleri. |
| Hafta |
Konu |
Ön Hazırlık |
| 1) |
Arayüz tasarımı ve etkileşim tasarımının tanımı, derse ilişkin temel bilgilendirme, ders planının öğrencilerle paylaşılması. Konulara ilişkin okumalar. |
Konulara ilişkin okumalar. |
| 2) |
Kullanıcı deneyimi tasarımı ve etkileşim tasarımı kavramları, alana yönelik bilgilendirme.
Arayüz tasarımının kısa tarihçesi.
|
Konulara ilişkin okumalar. |
| 3) |
Arayüz tasarımının özellikleri. Kullanıcı odaklı tasarım.
Ödev-1: Örnek Analizi.
|
Konulara ilişkin ön çalışma. |
| 4) |
Verilen ödevle ilgili sınıf içerisinde değerlendirme, tartışma.
Etkileşimlilik ve etkileşim tasarımı kavramları.
Etkileşimin temel prensipleri.
Ödev-2: Tasarım prensiplerinin uygulanması
Vize projesinin açıklanması.
|
Ödev teslimi |
| 5) |
Verilen ödevle ilgili sınıf içerisinde değerlendirme, tartışma.
Arayüz tasarımında temel prensipler
Ben Shneiderman tarafından oluşturulan 8 altın kural.
Classwork: Cart sorting çalışması.
|
Ödev teslimi |
| 6) |
Hafta: Tasarım Süreci: Araştırma, ihtiyaç analizi ve fikir geliştirme
Ödev-3: Vize projesine yönelik proje geliştirme
|
Ödev teslimi |
| 7) |
Verilen ödevle ilgili sınıf içerisinde değerlendirme, tartışma.
Belirlenen tasarım problemine ilişkin bir araştırma yapma. Kullanıcı ihtiyaçlarını belirleyerek, hedef kitleye yönelik kullanıcı senaryosu hazırlama.
Ödev-3: Vize projesine yönelik proje geliştirme
|
Ödev teslimi |
| 8) |
VİZE SINAVI |
|
| 9) |
Tasarım süreci ve görsel iletişim:
Gestalt, Görsel tasarım ilkeleri
|
Konulara ilişkin okumalar. |
| 10) |
Tasarım Süreci: İçeriğin Düzenlenmesi
Bilgi Mimarisi, Wireframe oluşturma
Ödev-4: Site haritası ve wireframe oluşturma
Final Projesinin Açıklanması
|
Konulara ilişkin çalışma. |
| 11) |
Verilen ödevle ilgili sınıf içerisinde değerlendirme, tartışma.
Hafta: Verilen ödevle ilgili sınıf içerisinde değerlendirme, tartışma.
Tasarım Süreci ve Görsel İletişim: Layout ve ızgara sistemi.
Ödev-5: Final projelerinin konularının seçimi ve layout çalışması
|
Ödev teslimi |
| 12) |
Tasarım Süreci ve Görsel İletişim:
1. Renk ve tipografi.
2. Göstergebilim, ikonografi ve metafor.
Ödev-6: Final projelerine yönelik metaforlar üzerinden düşünerek bir konsept ortaya çıkarmak.
|
Ödev teslimi |
| 13) |
Final projesi ile ilgili geri bildirim verilmesi.
Tasarım Süreci ve Görsel İletişim: Arayüz tasarımında illüstrasyon, fotoğraf ve hareketli görüntü kullanımı.
Arayüz tasarımı ve veri görselleştirme: Veri görselleştirme ve bilgi grafikleri
|
Ödev teslimi |
| 14) |
Final projesi ile ilgili geri bildirim verilmesi.
Arayüz tasarımı ve kullanılabilirlik.
Kullanılabilir nitelikteki tasarımların özellikleri. Kullanılabilirlik testleri.
|
Ödev teslimi |
| 15) |
FİNAL SINAVI |
|