Dersin Ayrıntıları
YarıyılKoduAdıT+U+LKrediAKTSSon Güncelleme Tarihi
2TAP 108DİJİTAL TASARIM2+2+03530.07.2026

 
Dersin Detayları
Dersin Dili Türkçe
Dersin Düzeyi Ön Lisans
Bölümü / Programı Bilgisayar Destekli Tasarım ve Animasyon
Öğrenim Türü Örgün Öğretim
Dersin Türü Zorunlu
Dersin Öğretim Şekli Yüz Yüze
Dersin Amacı Bu ders, kullanıcı deneyimi (UX) ve kullanıcı arayüzü (UI) tasarım süreçlerini kullanıcı odaklı tasarım yaklaşımı çerçevesinde ele almayı amaçlamaktadır. Ders kapsamında problem tanımlama, kullanıcı araştırması, persona geliştirme, bilgi mimarisi oluşturma, wireframe ve prototip tasarımı, tasarım sistemi geliştirme, mikro etkileşimler ve responsive tasarım ilkeleri uygulamalı olarak işlenir. Öğrencilerin, dijital ürün tasarım sürecini baştan sona planlayarak portföy niteliğinde bütüncül bir arayüz projesi geliştirmeleri hedeflenmektedir.
Dersin İçeriği Bu ders; UX–UI tasarımına giriş, proje konularının belirlenmesi ve Figma arayüzünün tanıtılmasıyla başlar. Devamında kullanıcı deneyimi araştırmaları kapsamında persona oluşturma ve problem tanımlama çalışmaları yapılır. Bilgi mimarisi ve kullanıcı akışlarının oluşturulmasının ardından, Figma ortamında low–mid fidelity wireframe tasarımları geliştirilir ve UX iyileştirmeleri gerçekleştirilir.
Dersin ilerleyen haftalarında görsel kimlik ve logo tasarımı, UI stil kararları, tasarım sistemi ve component yapıları ele alınır. Animasyon ve mikro etkileşimler ile etkileşimli prototipler oluşturulur. Responsive tasarım ilkeleri doğrultusunda mobil, tablet ve masaüstü uyarlamaları yapılır. Kullanıcı testleri ve revizyon süreci tamamlandıktan sonra öğrenciler, final haftasında projelerini portföy ve sunum formatında teslim ederler.
Dersin Yöntem ve Teknikleri Anlatım, tartışma ve uygulama.
Ön Koşulları Yok
Dersin Koordinatörü Öğr.Gör. Cem YILGIN
Dersi Verenler Öğr.Gör. FATMA ÖZCAN
Dersin Yardımcıları Yok
Dersin Staj Durumu Yok

Ders Kaynakları
Kaynaklar 1. Yalcin Pembecioglu, UX for Everyone - User Experience Design, Kronik Publishing.
2. Don Norman, The Design of Everyday Things, Ithaki Publications
Ders Notları Yalçın Pembecioğlu, Herkes İçin UX - Kullanıcı Deneyimi Tasarımı, Kronik Kitap.

Don Norman, Gündelik Şeylerin Tasarımı (The Design of Everyday Things), İthaki Yayınları

Ders Yapısı
Alan Bilgisi %100

Planlanan Öğrenme Aktiviteleri ve Metodları
Etkinlikler ayrıntılı olarak "Değerlendirme" ve "İş Yükü Hesaplaması" bölümlerinde verilmiştir.

Değerlendirme Ölçütleri
Yarıyıl Çalışmaları Sayısı Katkı
Ara Sınav 1 % 30
Devam 14 % 10
Uygulama 10 % 20
Yarıyıl Sonu Sınavı 1 % 40
Toplam :
26
% 100

 
AKTS Hesaplama İçeriği
İş Yükü Sayısı Süre Toplam İş Yükü (Saat)
Ders Süresi 14 4 56
Sınıf Dışı Ç. Süresi 14 4 56
Sunum/Seminer Hazırlama 1 25 25
Ara Sınavlar 1 6 6
Yarıyıl Sonu Sınavı 1 10 10
Toplam İş Yükü   AKTS Kredisi : 5,1 153

 
Dersin Öğrenme Çıktıları: Bu dersin başarılı bir şekilde tamamlanmasıyla öğrenciler şunları yapabileceklerdir:
Sıra NoAçıklama
1 UX ve UI tasarımının temel kavramlarını ve süreçlerini açıklar.
4 Figma ortamında wireframe ve yüksek çözünürlüklü arayüz tasarımları üretir.
6 Responsive ve etkileşimli prototipler geliştirerek tasarımını kullanıcı testleri doğrultusunda değerlendirir ve iyileştirir.
Bilgi 
2 Kullanıcı odaklı tasarım yaklaşımıyla problem tanımı ve persona geliştirir.
3 Bilgi mimarisi ve kullanıcı akışlarını planlar ve tasarlar.
5 Tasarım sistemi ve component yapısını uygulamalı olarak oluşturur.

 
Ders Konuları
HaftaKonuÖn HazırlıkDökümanlar
1 UX/UI tasarımına giriş ve proje kapsamının belirlenmesi Temel UX/UI kavramlarının incelenmesi ve Figma yazılımının kurulması Ders izlencesi ve UX/UI temelleri sunumu
2 Kullanıcı araştırma yöntemleri ve persona geliştirme Nicel ve nitel araştırma yöntemlerinin incelenmesi, kullanıcı görüşme taslağının hazırlanması Persona şablonları ve kullanıcı araştırması rehberi
3 Problem tanımlama ve kullanıcı senaryoları Hedef kitle problemlerinin listelenmesi ve kullanıcı yolculuğu haritası Problem tanımı ve kullanıcı senaryoları rehberi
4 Bilgi mimarisi ve kullanıcı akış diyagramları Web/mobil uygulama site haritalarının incelenmesi ve akış şemalarının hazırlanması Bilgi mimarisi ve user flow oluşturma kılavuzu
5 Low fidelity wireframe tasarımı Kağıt üzerinde taslak çizimlerin (paper prototype) hazırlanması ve grid yapısının incelenmesi Wireframing teknikleri ve grid sistemleri kaynağı
6 Mid–High fidelity wireframe geliştirme Figma araçlarının kullanımının pekiştirilmesi ve dijital wireframe taslaklarının oluşturulması Figma arayüz ve dijital wireframe rehberi
7 UX iyileştirme ve geri bildirim süreci Oluşturulan wireframe'lerin kullanıcı ergonomisi ve erişilebilirlik açısından gözden geçirilmesi UX usability check-list ve geri bildirim kriterleri
8 Ara Sınav İlk 7 haftalık sürecin ve proje çıktılarının ara sınav teslimi için derlenmesi Ara sınav proje değerlendirme ölçeği
9 UI stil kararları ve görsel dil oluşturma Tipografi, renk paleti ve moodboard tasarımlarının araştırılması UI tasarım ilkeleri, renk ve tipografi rehberi
10 Tasarım sistemi ve component mantığı Figma component, variant ve auto-layout yapılarının incelenmesi Design System ve Component oluşturma kılavuzu
11 Mikro etkileşimler ve animasyon temelleri Figma prototyping ve smart-animate geçişlerinin alıştırmaları Etkileşimli prototip ve animasyon eğitim materyalleri
12 Responsive tasarım ilkeleri Ekran çözünürlükleri, breakpoint mantığı ve esnek ızgara sistemlerinin incelenmesi Responsive arayüz tasarım kuralları dokümanı
13 Mobil, tablet ve masaüstü uyarlamaları Tasarım sisteminin farklı cihaz ölçeklerine uyarlanması çalışmaları Çoklu cihaz düzeni ve adaptasyon örnekleri
14 Kullanıcı testleri ve revizyon süreci
15 Proje sunum hazırlığı
16 Proje sunum hazırlığı Final Alan araştırması, haftalık drs içeriğini izlemek 1. Öykü Yazma Teknikleri, Salih Bolat, Varlık Yayınları 2. Büyübozumu, Yaratıcı Yazarlık, Murat Gülsoy, Can Yayınları 3. Virginia Woolf’tan Yazarlık Dersleri, Danell Jones, Timaş Yayınları 4. Bir Karakter Yaratmak, Konstantin Stanislavski, Alfa Yayınları

 
Dersin Program Çıktılarına Katkısı
P1 P2 P3 P4 P5 P6 P7 P8 P9 P10 P11 P12 P13 P14 P15 P16
Tüm 1
Ö1 1 1
Ö4
Ö6 1 5 3 5 3
Bi2 4
Bi3 5
Bi5 5

  Katkı Düzeyi: 1: Çok Düşük 2: Düşük 3: Orta 4: Yüksek 5: Çok Yüksek