UI – USER INTERFACE & UX – USER EXPERIENCE EĞİTİMİ

İki disiplini birleştiren bütünsel tasarım

UX araştırmasından UI görsel katmanına, iki disiplinin farkı, kesişimi ve iş birliği

UI – User Interface & UX – User Experience Eğitimi, sık karıştırılan iki disiplini net biçimde ayırmayı ve birlikte nasıl çalıştığını kavramayı amaçlar.

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

Eğitim Hakkında

UX ve UI'ın farkından iş birliğine, araştırmadan görsel tasarıma ve teslime bütünsel bakış

UI & UX Eğitimi, çoğu zaman karıştırılan iki disiplini net biçimde ayırmayı ve birlikte nasıl çalıştığını kavramayı amaçlar. Katılımcılar UX tarafında araştırma, problem tanımı, bilgi mimarisi, etkileşim tasarımı ve Design Thinking'i; UI tarafında görsel ilkeleri, tipografi, renk, ızgara ve bileşen tasarımını öğrenir. Figma ile arayüz üretilir; ekip iş birliği, prototip, kullanıcı testi ve teslim işlenir. Program, vaka çalışmasının portföye dönüşmesiyle tamamlanır.

Süre ve Format

3 Gün. Her gün dört modül; bir ürün fikri UX araştırmasından UI tasarımına ve teslime kadar işlenir.

Seviye

Orta Seviye — iki disiplinin farkını, kesişimini ve uçtan uca iş birliğini kavratan bütünsel program

Öğrenme Metodu

Her modül UX ve UI arasındaki bağı vurgulayarak ilerler; tek bir vaka çalışması baştan sona iki disiplin birlikte uygulanır.

Neden Bu Eğitim?

🧭Net bir ayrım

UX ve UI'ın ne olduğunu, nerede ayrıldığını ve nerede kesiştiğini net kavrayarak hangi işte hangi yöntemi kullanacağınızı bilirsiniz.

🔗Bütünsel süreç

Araştırmadan görsel tasarıma, prototipten teslime kadar iki disiplini bir arada yürütmeyi uçtan uca öğrenirsiniz.

🤝Ekip iş birliği

UX ve UI ekiplerinin ortak dili, el değişim noktaları ve iş birliği pratikleriyle gerçek proje akışına hazır olursunuz.

Anahtar Konular

ui ux eğitimiuser interface eğitimiuser experience eğitimiux ui farkıetkileşim tasarımıdesign thinking eğitimifigma eğitimiux ui kursuarayüz tasarımıdeneyim tasarımı
“UX ürünün nasıl çalıştığını, UI ise nasıl göründüğünü belirler; ayrıldığında ürün aksar, birlikte çalıştığında kullanıcı yalnızca akıcılığı hisseder.”

Ön Koşullar

Eğitimden verim almak için faydalı olacak bilgi ve ortam

1
Dijital ürün ilgisi

Web ve mobil uygulamalara ilgi, iki disiplinin örneklerini daha iyi kavramanıza yardımcı olur.

2
Figma hesabı

Uygulamalar için ücretsiz bir Figma hesabı ve güncel bir tarayıcı yeterlidir; kurulum gerekmez.

3
Merak ve gözlem

Kullanıcı davranışına ve tasarım kararlarına duyulan merak, modüllerden verim almayı sağlar.

4
Temel bilgisayar kullanımı

Dosya ve tarayıcı yönetimi gibi temel bilgisayar becerileri eğitim için yeterlidir.

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 ve UI ayrımını net kavrar, UX araştırması ve problem tanımını, bilgi mimarisi ile etkileşim tasarımını öğrenir ve Design Thinking yaklaşımını uygular.
Modül 1
UX ve UI Nedir, Farkı ve Kesişimi
  • Kullanıcı deneyimi ve kullanıcı arayüzü tanımları
  • İki disiplinin sorumluluk alanları ve kesişimi
  • UX ve UI'ı tek örnekte somutlaştırarak karşılaştırma
  • Ürün geliştirmede tasarımın konumlandırılması
  • UX, UI, ürün ve geliştirme rollerinin ilişkisi
  • Yaygın kavram karışıklıklarının giderilmesi
Modül 2
UX Araştırma ve Problem Tanımı
  • Kullanıcı görüşmesi ve gözlemle ihtiyaç keşfi
  • Problemi doğru çerçeveleme ve varsayım testi
  • Persona ve kullanıcı ihtiyaçlarının belirlenmesi
  • Problem ifadesi (problem statement) yazımı
  • Nasıl olabilir (how might we) sorularıyla fikir açma
  • Araştırma bulgularını tasarım hedefine bağlama
Modül 3
Bilgi Mimarisi ve Etkileşim Tasarımı
  • İçerik yapısı, gezinme ve hiyerarşi kurma
  • Etkileşim tasarımı (IxD) ilke ve kalıpları
  • Kullanıcı akışı ve görev adımlarının modellenmesi
  • Geri bildirim, görünürlük ve tutarlılık ilkeleri
  • Durum ve geçişlerle etkileşim mantığının kurulması
  • Mikro etkileşimlerin deneyime katkısı
Modül 4
Design Thinking Yaklaşımı
  • Empati, tanımla, fikir üret, prototip, test aşamaları
  • Empati kurma ve kullanıcı bakışını merkeze alma
  • Beyin fırtınası ve fikirleri önceliklendirme
  • Hızlı prototip ile fikri somutlaştırma
  • Yinelemeli (iterative) ilerleme ve öğrenme
  • Design Thinking'i ekip atölyesinde uygulama
Günün hedefiKatılımcı görsel tasarım ilkelerini uygular, tipografi, renk ve ızgara sistemleri kurar, tutarlı bileşenler tasarlar ve Figma'da arayüzü hayata geçirir.
Modül 1
Görsel Tasarım İlkeleri
  • Hizalama, kontrast, yakınlık ve tekrar ilkeleri
  • Görsel hiyerarşi ve dikkat yönlendirme
  • Boşluk ve dengeyle okunabilir düzen kurma
  • Gestalt ilkelerinin arayüze uygulanması
  • Görsel tutarlılığın marka algısına etkisi
  • Estetik ve kullanılabilirlik dengesini kurma
Modül 2
Tipografi, Renk ve Izgara Sistemi
  • Font eşleştirme ve tip ölçeğiyle hiyerarşi
  • Satır yüksekliği ve ölçü genişliği kararları
  • Rol tabanlı renk paleti ve kontrast oranları
  • Açık ve koyu tema için renk planlaması
  • 8 piksel spacing ve sütun ızgarası kurma
  • Izgara ile ekranlar arası hizalama tutarlılığı
Modül 3
Bileşen Tasarımı ve Tutarlılık
  • Buton, form ve kart gibi temel bileşenlerin tasarımı
  • Bileşen durumları: hover, focus, disabled, hata
  • Yeniden kullanılabilir bileşen mantığı
  • Tutarlılık için stil ve bileşen kullanımı
  • Erişilebilir bileşen tasarımı ilkeleri
  • Bileşen adlandırma ve düzenleme disiplini
Modül 4
Figma ile Arayüz Üretimi
  • Frame, Auto Layout ve constraints ile ekran kurma
  • Component ve variant ile yeniden kullanım
  • Stiller ve Variables ile tutarlı tasarım
  • Wireframe'den yüksek sadakatli ekrana geçiş
  • Görsel ve ikon varlıklarını düzenleme
  • Takım kütüphanesiyle paylaşımlı çalışma
Günün hedefiKatılımcı UX ve UI ekiplerinin iş birliğini kavrar, prototip ve kullanıcı testiyle tasarımı doğrular, geliştiriciye teslim eder ve vaka çalışmasını portföye dönüştürür.
Modül 1
UX ve UI Ekiplerinin İş Birliği
  • UX ve UI el değişim (handoff) noktalarının tanımı
  • Ortak tasarım dili ve terminoloji kurma
  • Tasarım kritiği ve geri bildirim oturumları
  • Agile süreçte tasarımın geliştirmeyle hizalanması
  • Paydaşlarla hizalanma ve karar alma
  • Figma'da yorum ve versiyonla birlikte çalışma
Modül 2
Prototip ve Kullanıcı Testi
  • Etkileşimli prototip ile akışı somutlaştırma
  • Test görevleri ve senaryolarının hazırlanması
  • Kullanılabilirlik testinin yürütülmesi
  • Gözlem bulgularının önceliklendirilmesi
  • Bulgulara göre UX ve UI düzeltmeleri yapma
  • Testi sürecin doğal bir parçası haline getirme
Modül 3
Tasarımdan Geliştirmeye Teslim
  • Figma Dev Mode ile ölçü ve stil aktarımı
  • Varlıkların doğru format ve ölçekte dışa aktarımı
  • Bileşen kullanım ve davranış notları yazma
  • Teslim kontrol listesi ve kalite gözden geçirme
  • Geliştiriciyle ortak dilde iletişim kurma
  • Teslim sonrası revizyon ve destek süreci
Modül 4
Portföy ve Vaka Çalışması
  • Vaka çalışmasını problemden çözüme anlatma
  • Süreç, karar ve sonucu hikâyeleştirme
  • Araştırma ve test bulgularını sunma
  • Öncesi ve sonrası ekranlarla etkiyi gösterme
  • Portföy için görsel ve metin düzeni kurma
  • İşe alım sürecine uygun sunum hazırlama

Eğitim Kazanımları

Program sonunda katılımcılar:

✅
UX-UI ayrımı

İki disiplinin ne olduğunu, nerede ayrıldığını ve nerede kesiştiğini net kavrayarak doğru yöntemi doğru işte uygularsınız.

✅
UX araştırması

Kullanıcı ihtiyaçlarını keşfeder, problemi doğru tanımlar ve araştırma bulgularını somut tasarım hedeflerine çevirirsiniz.

✅
Etkileşim tasarımı

Bilgi mimarisi, kullanıcı akışı ve etkileşim kalıplarıyla kullanımı kolay ve tutarlı deneyimler kurarsınız.

✅
Design Thinking

Empatiden teste uzanan Design Thinking döngüsünü uygulayarak fikirleri hızla prototipe ve çözüme dönüştürürsünüz.

✅
Görsel UI tasarımı

Tipografi, renk, ızgara ve bileşen sistemleriyle tutarlı ve estetik arayüzleri Figma'da hayata geçirirsiniz.

✅
Prototip ve test

Etkileşimli prototip kurar, kullanıcı testiyle doğrular ve bulgulara göre hem UX hem UI tarafını iyileştirirsiniz.

✅
Ekip iş birliği

UX ve UI ekiplerinin ortak dilini, el değişim noktalarını ve geliştiriciye teslim sürecini uygularsınız.

✅
Portföy çalışması

Bir vaka çalışmasını problemden sonuca anlatan, işe alım sürecine uygun güçlü bir portföy sunumu hazırlarsınız.

Kimler İçin Uygundur?

  • UX ve UI arasındaki farkı ve ilişkiyi netleştirmek isteyen tasarımcılar
  • iki disiplini bir arada öğrenmek isteyen başlangıç seviyesi tasarımcılar
  • ürün yöneticileri
  • kariyerini bu alana yönlendirmek isteyenler için uygundur

Sıkça Sorulan Sorular

UX ve UI arasındaki fark nedir?
UX (kullanıcı deneyimi) ürünün nasıl çalıştığı, kullanıcı araştırması, akış ve kullanılabilirlikle ilgilenir. UI (kullanıcı arayüzü) ise ürünün görsel ve etkileşim katmanına, renk, tipografi ve bileşenlere odaklanır. Bu eğitim ikisinin farkını ve birlikte nasıl çalıştığını öğretir.
Bu eğitim kimler için uygundur?
UX ve UI arasındaki farkı netleştirmek isteyen tasarımcılar, iki disiplini bir arada öğrenmek isteyen başlangıç seviyesi tasarımcılar, ürün yöneticileri ve kariyerini kullanıcı deneyimine yönlendirmek isteyen profesyoneller için uygundur.
Bu eğitim diğer UI/UX programlarından farklı mı?
Evet. Bu program iki disiplini karşılaştırarak ve kesişimlerini vurgulayarak bütünsel bir bakış sunar. Odak, tek bir vaka üzerinde UX araştırmasından UI tasarımına, iş birliği ve teslime uzanan uçtan uca sürecin bütününü görmektir.
Eğitim sonunda ne üretmiş olacağım?
Bir ürün fikrini araştırmadan görsel tasarıma ve teslime kadar işler, süreç sonunda bir vaka çalışmasını portföye dönüştürürsünüz. Bu çıktı, hem öğrenilenleri pekiştirir hem de işe alım sürecinde kullanılabilecek bir sunum sağlar.
Eğitim sonunda sertifika veriliyor mu?
Programı tamamlayan katılımcılar Digital Vizyon Akademi Katılım ve Başarı Sertifikası alır. Eğitim yüz yüze ya da online yürütülebilir ve kurumun ihtiyaçlarına göre içerik uyarlanabilir.

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. UI – User Interface & UX – User Experience Eğitimi 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ıComplex Prototypes Eğitimi
Tasarım ve Kullanıcı Deneyimi Eğitimleri

Complex Prototypes Eğitimi

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

Figma'da değişken, koşullu mantık, etkileşimli bileşen ve akıllı animasyonla gerçek ürün gibi davranan ileri prototipler kurmayı öğreten eğitim.

Detayları Gör →
UX/UI TasarımıCreating a Prototype & Using Menus Eğitimi
Tasarım ve Kullanıcı Deneyimi Eğitimleri

Creating a Prototype & Using Menus Eğitimi

3 günBaşlangıçOnline / Yüz Yüze / Hibrit

Figma'da ilk tıklanabilir prototipi kurmayı, ekran bağlamayı ve gezinme çubuğu, açılır, hamburger menü gibi desenleri öğreten başlangıç eğitimi.

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

Design Thinking Essentials Eğitimi

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

Tasarım odaklı düşünce giriş eğitimi: empati, tanımlama, fikir üretme, prototip ve test aşamaları küçük bir örnek üzerinde uygulamalı anlatılır.

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

Design Thinking Eğitimi

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

Tasarım odaklı düşünce eğitimi: Çift Elmas modeli, kullanıcı araştırması, atölye kolaylaştırma, prototip, deney tasarımı ve etki ölçümü uygulamalı işlenir.

Detayları Gör →
UX/UI TasarımıDesign Thinking: İç Müşteriler İçin Empati Kurma ve Sorun Tanımlama Eğitimi
Tasarım ve Kullanıcı Deneyimi Eğitimleri

Design Thinking: İç Müşteriler İçin Empati Kurma ve Sorun Tanımlama Eğitimi

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

İç müşterilerle empati kurma ve sorun tanımlama eğitimi: empati görüşmesi, gözlem, empati haritası, bakış açısı ve nasıl yapabiliriz ile tanımlama anlatılır.

Detayları Gör →
UX/UI TasarımıDesign Thinking: İç Müşterilerle Empati Kurma Eğitimi
Tasarım ve Kullanıcı Deneyimi Eğitimleri

Design Thinking: İç Müşterilerle Empati Kurma Eğitimi

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

İç müşterilerle empati kurma eğitimi: empatinin rolü, aktif dinleme, empati görüşmesi, gözlem, gölgeleme ve empati haritalama uygulamalı anlatılır.

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