| Dersin Amacı: |
Kullanıcı arayüzü tasarımı, insan ve bilgisayar sistemlerinin arasındaki bağlantı noktasıdır ve insan bilgisayar etkileşiminin çalışma alanlarından biridir. Bu nedenle arayüz tasarımı büyük öneme sahiptir. Dersin amacı öğrencilere kullanıcı arayüz tasarımı hakkında disiplinlerarası bir bakış açısı sağlamaktır. Öğrencilerin bu alana 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ının tanımı.
Kullanıcı deneyimi tasarımı. |
https://faculty.washington.edu/ajko/books/uist/theory.html.
https://www.interaction-design.org/literature/topics/ui-design.
Debbie Stone, Caroline Jarrett, Mark Woodroffe, Shailey Minocha-Morgan Kaufmann. User Interface Design and Evaluation.
|
| 2) |
Arayüz tasarımının kısa tarihçesi.
Kullanım alanları ve yararlanılan güncel teknolojiler.
Arayüz tasarımında kullanılabilecek tasarım programları.
|
https://faculty.washington.edu/ajko/books/uist/history.html. |
| 3) |
İyi bir arayüz tasarımının özellikleri ve önemi.
Kullanıcı odaklı tasarım. |
Donald A. Norman, The Design of Everyday Things.
Wilbert O. Galitz. The essential guide to user interface design: An introduction to GUI design principles and techniques.
|
| 4) |
Etkileşimlilik ve etkileşim tasarımı kavramları.
Etkileşimin temel prensipleri. |
Michael Salmond and Gavin Ambrose, The Fundamentals of Interactive Design. |
| 5) |
Arayüz tasarımında temel prensipler
Ben Shneiderman tarafından oluşturulan 8 altın kural |
İzlenecek videolar: https://www.coursera.org/learn/ui-design/lecture/XZTrX/design-principles-visibility-feedback-mappings-constraints
Okunacak ekstra kaynaklar: Bill Moggridge, Designing Interactions.
Apple OS X Human Interface Guidlines.
https://www.interaction-design.org/literature/article/shneiderman-s-eight-golden-rules-will-help-you-design-better-interfaces.
|
| 6) |
Tasarım Süreci: Araştırma, ihtiyaç analizi ve fikir geliştirme. |
Okunacak ekstra kaynaklar: Jesse James Garrett, The Elements of User Experience: User-Centered Design for the Web and Beyond.
Ödev-2: Site haritası ve wireframe oluşturma.
|
| 7) |
Vize Sınavı. |
.. |
| 8) |
Tasarım Süreci: İçeriğin Düzenlenmesi,
Bilgi Mimarisi, Wireframe oluşturma.
|
Okunacak ekstra kaynaklar: Jesse James Garrett, The Elements of User Experience: User-Centered Design for the Web and Beyond.
Ödev-3: Site haritası ve wireframe oluşturma.
|
| 9) |
Tasarım süreci ve görsel iletişim:
Gestalt, Görsel tasarım ilkeleri.
|
Okunacak ekstra kaynaklar: Amy Arntson (2012). “Graphic Design Basics”
Ödev-4: Belirlenen ilkeleri kullanarak bir tasarım ortaya koyma.
|
| 10) |
Tasarım Süreci ve Görsel İletişim: Layout ve ızgara sistemi. |
Okunacak ekstra kaynaklar: Gavib Ambrose and Paul Harris (2011). Layout.
Ödev-5: Web için kullanılabilecek bir layout oluşturulması |
| 11) |
Tasarım Süreci ve Görsel İletişim: Renk ve tipografi. |
Okunacak ekstra kaynaklar: Ellen Lupton, Type on Screen.
Dave Wood, Interface Design.
Ödev-6: Renk ve tipografi çalışması.
|
| 12) |
Tasarım Süreci ve Görsel İletişim: Göstergebilim, ikonografi ve metafor.
Final projesinin açıklanması. |
Okunacak ekstra kaynaklar: Dave Wood, Interface Design.
İzlenecek videolar: Key Principles of Visual Semiotics, Visible Language, User-interface and User-centered Design. https://www.youtube.com/watch?v=AeXjEUZNswY&t=3s
Sınıf Çalışması: Metaforlar üzerinden düşünerek bir konsept ortaya çıkarmak.
|
| 13) |
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ı.
Final projesi ile ilgili geri bildirim verilmesi. |
Okunacak ekstra kaynaklar: Michael Salmond and Gavin Ambrose, The Fundamentals of Interactive Design. |
| 14) |
Arayüz tasarımı ve veri görselleştirme
Veri görselleştirme ve bilgi grafikleri.
Final projesi ile ilgili geri bildirim verilmesi.
|
Okunacak ekstra kaynaklar: Scott Murray, Interactive Data Visualization for the Web.
Stephen Few, Data visualization: Past, present, and future.
|
| 15) |
Arayüz tasarımı ve kullanılabilirlik.
Kullanılabilir nitelikteki tasarımların özellikleri. Kullanılabilirlik testleri.
Final projesi ile ilgili geri bildirim verilmesi. |
Okunacak ekstra kaynaklar: Jakob Nielsen, 1999. Designing Web Usability: The Practice of Simplicity |
| |
Dersin Program Kazanımlarına Etkisi |
Katkı Payı |
| 1) |
1-Sanat kültürü ve estetik konularına ilişkin bilgiye sahiptir.
2-İlgili sanat alanına özgü sanat tarihi konusunda bilgi sahibidir.
3-Sanat ve tasarım materyalleri bilgisine sahiptir.
4-Sanat ve tasarım yöntem ve teknikleri konusunda bilgi sahibidir.
5-İlgili sanat alanındaki yasal düzenlemeler ve işlemler konusunda bilgi sahibidir.
6-İlgili sanat alanının ilişkili olduğu disiplinlerarası etkileşim konusunda bilgi sahibidir.
7-Araştırma yöntemleri konusunda bilgi sahibidir.
8-Sanatsal eleştiri yöntemleri konusunda bilgi sahibidir.
9-Sanat ve bilim etiği konusunda bilgi sahibidir. |
3 |
| 2) |
1-Kuram ve uygulama bütünlüğü sağlar.
2-İlgili sanat alanına ilişkin yöntem ve teknikleri kullanır.
3-İlgili sanat alanının içindeki alt disiplinlerin etkileşimini değerlendirir.
4-Çözümlemeye dayalı yorum becerisine sahiptir.
5-Çok boyutlu algılayabilme, düşünebilme, tasarlayabilme, uygulayabilme becerisini geliştirir.
6-Duyusal algıyı somutlaştırır. |
4 |
| 3) |
1-Tek başına, bağımsız olarak ve/veya grup içinde uyumlu ve üretken olarak çalışır.
2-Proje süreçleri içinde etkin olarak yer alır.
3-Alanıyla ilgili özgün yapıtlarını toplumla paylaşır ve sonuçlarını değerlendirir. |
5 |
| 4) |
Alanında edindiği ileri düzeydeki bilgi ve becerileri eleştirel bir yaklaşımla değerlendirebilme,
- Öğrenme gereksinimlerini belirleyebilme ve öğrenmesini yönlendirebilme.
-Yaşamboyu öğrenmeye ilişkin olumlu tutum geliştirebilme. |
5 |
| 5) |
Alanı ile ilgili konularda ilgili kişi ve kurumları bilgilendirebilme; düşüncelerini ve sorunlara ilişkin çözüm önerilerini yazılı ve sözlü olarak aktarabilme.
- Alanı ile ilgili konularda düşüncelerini ve sorunlara ilişkin çözüm önerilerini nicel ve nitel verilerle destekleyerek uzman olan ve olmayan kişilerle paylaşabilme.
-Toplumsal sorumluluk bilinci ile yaşadığı sosyal çevre için proje ve etkinlikler düzenleyebilme ve bunları uygulayabilme.
- Bir yabancı dili en az Avrupa Dil Portföyü B1 Genel Düzeyi'nde kullanarak alanındaki bilgileri izleyebilme ve meslektaşları ile iletişim kurabilme.
- Alanının gerektirdiği en az Avrupa Bilgisayar Kullanma Lisansı İleri Düzeyinde bilgisayar yazılımı ile birlikte bilişim ve iletişim teknolojilerini kullanabilme. |
3 |
| 6) |
- Alanı ile ilgili ileri düzeydeki bir çalışmayı bağımsız olarak yürütebilme.
- Alanı ile ilgili uygulamalarda karşılaşılan ve öngörülemeyen karmaşık sorunları çözmek için bireysel ve ekip üyesi olarak sorumluluk alabilme.
- Sorumluluğu altında çalışanların bir proje çerçevesinde gelişimlerine yönelik etkinlikleri planlayabilme ve yönetebilme. |
3 |
| 7) |
- Alanı ile ilgili verilerin toplanması, yorumlanması, uygulanması ve sonuçlarının duyurulması aşamalarında toplumsal, bilimsel, kültürel ve etik değerlere uygun hareket etme.
- Sosyal hakların evrenselliği, sosyal adalet, kalite kültürü ve kültürel değerlerin korunması ile çevre koruma, iş sağlığı ve güvenliği konularında yeterli bilince sahip olma. |
3 |
| 8) |
Sanatsal eleştiri yöntemleri konusunda bilgi sahibidir. |
2 |
T.C. İstanbul Okan Üniversitesi BİLGİ PAKETİ / DERS KATALOĞU
