USER EXPERIENCE DESIGN (UX)/USER INTERFACE DESIGN (UI) EĞİTİMİ

UX ile UI'yi ayırın, sonra ustaca birleştirin

UX araştırması, etkileşim tasarımı ve görsel UI sistemiyle iki disiplini birlikte öğrenin

User Experience Design (UX)/User Interface Design (UI) Eğitimi, sık karıştırılan bu iki disiplini netçe ayırır ve her birinin zanaatını ayrı ayrı öğretir.

3 gün Orta Seviye Online / Yüz Yüze / Hibrit Sertifikalı

Eğitim Hakkında

UX sürecinden etkileşim tasarımına, görsel UI zanaatından tasarım sistemine akış

User Experience Design (UX)/User Interface Design (UI) Eğitimi, sık karıştırılan bu iki disiplini netçe ayırır ve her birinin zanaatını ayrı ayrı öğretir. Katılımcılar UX tarafında araştırma, akış ve etkileşim tasarımını; UI tarafında tipografi, renk, düzen ve bileşen zanaatını kavrar. Mikro etkileşim, durum ve geri bildirim tasarımıyla deneyimi derinleştirir; görsel bir tasarım sistemi kurar. Program iki disiplini tek üründe birleştirmeyle tamamlanır.

Süre ve Format

3 Gün. Her gün dört modül; UX sürecinden etkileşim tasarımına ve görsel UI sistemine adım adım ilerlenir.

Seviye

Orta Seviye — UX süreci ile UI zanaatını ayırarak etkileşim tasarımı ve görsel sisteme odaklanan program

Öğrenme Metodu

Tek bir ürün önce UX açısından araştırılıp akışa dökülür, sonra UI zanaatı ve tasarım sistemiyle görsel olarak kurulur.

Neden Bu Eğitim?

🔀Net disiplin ayrımı

Sık karıştırılan UX ve UI'yi netçe ayırır, hangi sorunun hangi disiplinle çözüldüğünü bilerek daha bilinçli tasarım yaparsınız.

🎛️Etkileşim zanaatı

Mikro etkileşim, durum ve geri bildirim tasarımıyla arayüzü canlı ve anlaşılır kılar, deneyimi ayrıntıda güçlendirirsiniz.

🎨Görsel sistem

Tipografi, renk ve bileşen zanaatını tasarım sistemiyle birleştirir, hem güzel hem tutarlı görsel bir dil kurarsınız.

Anahtar Konular

ux ui tasarım eğitimietkileşim tasarımı eğitimimikro etkileşim tasarımıfigma ui eğitimikullanıcı arayüzü tasarımıux ui farkıgörsel tasarım sistemiinteraction design kursuarayüz tasarımıui zanaatı eğitimi
“UX ürünün iskeleti, UI ise onun yüzüdür; bu eğitim ikisini ayırt edip ustaca birleştirmeyi öğretir.”

Ön Koşullar

Eğitimden verim almak için faydalı olacak koşullar

1
Tasarıma ilgi

Önceden ileri düzey deneyim gerekmez; hem sürece hem görsel tasarıma ilgi duymak eğitim için yeterlidir.

2
Temel bilgisayar

Figma ve tasarım araçlarını kullanmak için temel bilgisayar ve tarayıcı kullanımı beklenir.

3
Figma hesabı

Ücretsiz bir Figma hesabı açmak uygulamaları takip etmek için gereklidir; kayıt hızlıdır.

4
Görsel duyarlılık

Düzen, renk ve tipografiye dair gözlem isteği UI zanaatı bölümlerinden verim almayı kolaylaştırır.

Eğitim İçeriği

Programın gün gün akışı aşağıdadır. Bir güne tıklayarak o günün modüllerini ve içeriklerini görebilirsiniz.

Günün hedefiKatılımcı UX ile UI arasındaki farkı netleştirir, kullanıcı araştırması yapar, kullanıcı akışı ve bilgi mimarisini kurar.
Modül 1
UX ve UI Disiplin Ayrımı
  • UX'in kapsamı: araştırma, akış, deneyim
  • UI'nin kapsamı: görsel ve etkileşimli yüz
  • İki disiplinin kesiştiği noktalar
  • Hangi sorun hangi disiplinle çözülür
  • Tasarımcı rolleri ve uzmanlaşma
  • Ürün ekibinde UX ve UI iş birliği
Modül 2
Kullanıcı Araştırması
  • Nitel ve nicel araştırma yöntemleri
  • Kullanıcı görüşmesi ve saha gözlemi
  • Persona ve empati haritası oluşturma
  • Kullanıcı ihtiyacı ve acı noktası bulma
  • Araştırma bulgularını sentezleme
  • İçgörüyü tasarım kararına çevirme
Modül 3
Kullanıcı Akışı ve Senaryo
  • Görev akışı ve kullanıcı akışı çizme
  • Karar noktaları ve akış dallanması
  • Mutlu yol ve kenar durum akışları
  • Senaryo ve kullanıcı hikâyesi yazma
  • Kullanıcı akışını sadeleştirme ilkeleri
  • Akışı ekran listesine dönüştürme
Modül 4
Bilgi Mimarisi Temelleri
  • İçerik gruplama ve kart gruplama
  • Gezinme ve ana menü yapısı kurma
  • Site haritası (sitemap) oluşturma
  • Etiketleme ve adlandırma tutarlılığı
  • Ağaç testiyle yapıyı doğrulama
  • Bilgi mimarisini wireframe'e bağlama
Günün hedefiKatılımcı wireframe çizer, etkileşim ve mikro etkileşim tasarlar, durum ve geri bildirimi kurgular ve Figma'da prototip hazırlar.
Modül 1
Wireframe ve Düzen
  • Düşük ve yüksek ayrıntılı wireframe
  • Izgara (grid) ve hizalama ilkeleri
  • Görsel hiyerarşi ve okuma önceliği
  • Düzen desenleri ve yerleşim seçimi
  • Yer tutucu ve gerçek içerik dengesi
  • Wireframe'i geri bildirimle yineleme
Modül 2
Etkileşim Tasarımı
  • Etkileşim tasarımının beş boyutu
  • Eylem, tetikleyici ve geri bildirim
  • Beklenti ve zihinsel model uyumu
  • Gezinme ve ekran geçişi tasarımı
  • Jest ve dokunmatik etkileşim tasarımı
  • Hata önleme ve hatadan kurtarma akışı
Modül 3
Mikro Etkileşim ve Durum
  • Mikro etkileşim anatomisi ve örnekleri
  • Hover, focus ve active durumları
  • Yükleniyor, boş ve hata durumları
  • Başarı ve onay durumu geri bildirimi
  • Anlamlı animasyon ve süre ilkesi
  • Durumları bileşen üzerinde tanımlama
Modül 4
Figma ile Prototipleme
  • Çerçeveleri bağlama ve akış kurma
  • Etkileşim tetikleyici ve eylem seçimi
  • Smart Animate ile geçiş animasyonu
  • Durumlar arası geçişi prototipleme
  • Overlay ve açılır menü oluşturma
  • Prototipi paylaşma ve test etme
Günün hedefiKatılımcı tipografi, renk ve görsel hiyerarşiyle UI zanaatını geliştirir, bileşen kurar, tasarım sistemi oluşturur ve iki disiplini birleştirir.
Modül 1
Tipografi ve Renk
  • Tipografi ölçeği ve yazı hiyerarşisi
  • Yazı tipi eşleştirme ve okunabilirlik
  • Renk teorisi ve palet oluşturma
  • Erişilebilir renk kontrastı sağlama
  • Renk ile anlam ve durum iletme
  • Marka dili ile görsel tutarlılık
Modül 2
Düzen ve Görsel Hiyerarşi
  • Boşluk, ritim ve nefes alanı dengesi
  • Izgara ve hizalama tutarlılığı
  • Görsel ağırlık ve vurgu noktası kurma
  • Yakınlık ve gruplama (Gestalt) ilkesi
  • İkonografi ve görsel dil bütünlüğü
  • Estetik ve kullanışlılık dengesi
Modül 3
Bileşen ve Tasarım Sistemi
  • Figma bileşen ve varyant oluşturma
  • Auto Layout ile esnek bileşen kurma
  • Stil ve değişken (variable) tanımlama
  • Atomik tasarım ile sistem kurma
  • Bileşen dokümantasyonu ve kullanımı
  • Tasarım sisteminin bakımı ve sürümü
Modül 4
UX ve UI'yi Birleştirme
  • Akış ve mimariyi görsel UI'ye giydirme
  • Etkileşim ve durumları UI'de kurma
  • Deneyim ve görselin tutarlılığı
  • Bütüncül bir ürün ekranı oluşturma
  • Tasarımı sunma ve gerekçelendirme
  • Portföye uçtan uca çalışma ekleme

Eğitim Kazanımları

Program sonunda katılımcılar:

✅
Disiplin ayrımı

UX ile UI arasındaki farkı netleştirir, hangi tasarım sorununun hangi disiplinle çözüldüğünü bilerek çalışırsınız.

✅
Araştırma

Kullanıcı araştırması, persona ve empati haritasıyla ihtiyacı ortaya çıkarır ve içgörüyü tasarım kararına çevirirsiniz.

✅
Bilgi mimarisi

Kullanıcı akışı ve bilgi mimarisini kurar, içeriği mantıklı düzenler ve yapıyı ağaç testiyle doğrularsınız.

✅
Etkileşim tasarımı

Etkileşim tasarımının boyutlarıyla eylem, tetikleyici ve geri bildirimi kurgular, anlaşılır akışlar tasarlarsınız.

✅
Mikro etkileşim

Hover, focus, yükleniyor ve hata gibi durumları ve mikro etkileşimleri tasarlayarak deneyimi ayrıntıda güçlendirirsiniz.

✅
Tipografi ve renk

Tipografi ölçeği, yazı hiyerarşisi ve erişilebilir renk paletiyle güçlü ve tutarlı bir görsel dil kurarsınız.

✅
Tasarım sistemi

Figma bileşen, varyant ve Auto Layout ile atomik bir tasarım sistemi kurar ve dokümante edersiniz.

✅
Birleştirme

UX akışı ile UI zanaatını tek bir üründe birleştirir, bütüncül bir ekran tasarlayıp gerekçelendirirsiniz.

Kimler İçin Uygundur?

  • UX ile UI arasındaki farkı netleştirmek ve her iki disiplinin zanaatını ayrı ayrı güçlendirmek isteyen tasarımcılar
  • ürün ekipleri
  • kariyerine yön veren tasarımcı adayları için uygundur

Sıkça Sorulan Sorular

UX ve UI arasındaki fark tam olarak nedir?
UX, kullanıcının ürünle yaşadığı bütün deneyimi kapsar; araştırma, akış, bilgi mimarisi ve etkileşim bu alana girer. UI ise bu deneyimin görsel ve etkileşimli yüzüdür; tipografi, renk, düzen ve bileşenleri içerir. Bu eğitim ikisini ayırır ve her birinin zanaatını ayrı güçlendirir.
Bu eğitim UX / UI Tasarım eğitiminden nasıl farklı?
Her iki eğitim de UX ve UI'yi birlikte ele alır; bu program özellikle iki disiplinin ayrımına, etkileşim tasarımı ile mikro etkileşime ve görsel UI zanaatına daha fazla ağırlık verir. Durumlar, geri bildirim ve görsel sistem üzerinde derinleşir.
Hangi araçlar kullanılıyor?
Başlıca araç Figma'dır; wireframe, prototip, bileşen, varyant, Auto Layout ve tasarım sistemi Figma üzerinde kurulur. Araştırma ve bilgi mimarisi için kart gruplama gibi yöntemler tanıtılır. Ücretsiz hesapla takip edilebilir.
Tasarım deneyimi olmadan katılabilir miyim?
Evet. Eğitim temel kavramlardan başlar ve hem UX sürecini hem UI zanaatını sıfırdan öğretir. Önceden ileri düzey deneyim gerekmez; tasarıma ve görsel düzene ilgi duymak yeterlidir. Uygulamalar adım adım ilerler.
Eğitim sonunda sertifika veriliyor mu?
Programı tamamlayan katılımcılar Digital Vizyon Akademi Katılım ve Başarı Sertifikası alır. Sertifika tamamlanan modülleri ve tasarlanan uçtan uca örnek ürünü belgeler; kurumsal gruplara özel uyarlama yapılabilir.

Sertifikalandırma

Bu eğitim Digital Vizyon Akademi Başarı Sertifikası ile tamamlanır.

Eğitim başında “Ön Test”, bitiminde “Son Test” uygulanarak gelişim ölçümlenir. Değerlendirme formunu dolduran katılımcılar sertifikalarını alır. Sertifikanızın geçerliliğini Sertifika Sorgulama sayfasından doğrulayabilirsiniz.

Örnek Sertifika d Digital Vizyon AKADEMİ KATILIM SERTİFİKASI Bu sertifika [Katılımcı Adı Soyadı] adlı katılımcının aşağıdaki eğitim programını başarıyla tamamladığını belgeler. User Experience Design (UX)/User Interface Design (UI) Eğiti Sertifika Kodu DV-2026XX00 Tarih 15.10.2026 Yetkili İmza DV AKADEMİ

Eğitim Bilgileri

Süre3 gün
SeviyeOrta Seviye
FormatOnline / Yüz Yüze / Hibrit
Sertifika✓ Var
Hemen Bilgi Al
İlgili Eğitimler

Bu Eğitimle Birlikte Tercih Edilenler

UX/UI TasarımıUI Design (Kullanıcı Arayüzü Tasarımı) Eğitimi
Tasarım ve Kullanıcı Deneyimi Eğitimleri

UI Design (Kullanıcı Arayüzü Tasarımı) Eğitimi

3 günOrtaOnline / Yüz Yüze / Hibrit

Renk, tipografi, ızgara ve Figma bileşenleriyle profesyonel kullanıcı arayüzü tasarımı. 3 günlük uygulamalı UI Design eğitimi.

Detayları Gör →
UX/UI TasarımıUI UX Kullanıcı Deneyimi Eğitimi
Tasarım ve Kullanıcı Deneyimi Eğitimleri

UI UX Kullanıcı Deneyimi Eğitimi

3 günOrtaOnline / Yüz Yüze / Hibrit

Kullanıcı araştırması, persona, yolculuk haritası, wireframe, prototip ve kullanılabilirlik testiyle uçtan uca UX. 3 günlük uygulamalı eğitim.

Detayları Gör →
UX/UI TasarımıUI – User Interface & UX – User Experience Eğitimi
Tasarım ve Kullanıcı Deneyimi Eğitimleri

UI – User Interface & UX – User Experience Eğitimi

3 günOrtaOnline / Yüz Yüze / Hibrit

UX ve UI'ın farkı, kesişimi ve iş birliği: araştırma, etkileşim, görsel tasarım, prototip ve teslim. 3 günlük uygulamalı eğitim.

Detayları Gör →
UX/UI TasarımıUI/UX for Chatbot & Voice Interface AIs Eğitimi
Tasarım ve Kullanıcı Deneyimi Eğitimleri

UI/UX for Chatbot & Voice Interface AIs Eğitimi

3 günOrtaOnline / Yüz Yüze / Hibrit

Chatbot ve sesli asistanlar için konuşma tasarımı: diyalog akışı, niyet-varlık, VUI, hata onarımı ve prototip. 3 günlük uygulamalı eğitim.

Detayları Gör →
UX/UI TasarımıUI/UX: Tasarım Sistemleri Eğitimi (İleri Düzey) Eğitimi
Tasarım ve Kullanıcı Deneyimi Eğitimleri

UI/UX: Tasarım Sistemleri Eğitimi (İleri Düzey) Eğitimi

3 günOrtaOnline / Yüz Yüze / Hibrit

Design token, Atomic Design, Figma bileşen kütüphanesi, Variables ve Storybook ile uçtan uca tasarım sistemi. 3 günlük ileri düzey eğitim.

Detayları Gör →
UX/UI TasarımıUI/UX: Veri Odaklı Tasarım Eğitimi I Eğitimi
Tasarım ve Kullanıcı Deneyimi Eğitimleri

UI/UX: Veri Odaklı Tasarım Eğitimi I Eğitimi

3 günOrtaOnline / Yüz Yüze / Hibrit

UX metrikleri, Google Analytics 4, ısı haritaları ve A/B testi temelleriyle tasarım kararlarını veriyle almayı öğreten veri odaklı tasarım eğitimi.

Detayları Gör →
+90 (501) 369 40 14 WhatsApp [email protected] LinkedIn