IIBA ULUSLARARASI EKRAN TASARIMI VE KULLANILABİLİRLİK EĞİTİMİ

Her ekranı sade, net ve kullanılabilir tasarlayın

Görsel hiyerarşi, form ve navigasyon desenleri ile ekran düzeyi kullanılabilirlik

IIBA Uluslararası Ekran Tasarımı Ve Kullanılabilirlik Eğitimi, arayüz ekranlarının görsel düzenine ve ekran düzeyi kullanılabilirliğe odaklanır.

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

Eğitim Hakkında

Görsel hiyerarşiden form tasarımına, navigasyon desenlerinden ekran değerlendirmeye uygulamalı

IIBA Uluslararası Ekran Tasarımı Ve Kullanılabilirlik Eğitimi, arayüz (UI) ekranlarının görsel düzenine ve ekran düzeyi kullanılabilirliğe odaklanır. Program; Gestalt ve görsel hiyerarşi ilkelerini, ızgara ve tipografiyi, renk ve boşluk kullanımını, form ve giriş alanı tasarımını, navigasyon ve etkileşim desenlerini, duyarlı düzeni ve sezgisel ekran değerlendirmesini uygulamalı işler. Katılımcı tutarlı ve hata yapmayı zorlaştıran ekranlar tasarlamayı öğrenir.

Süre ve Format

3 Gün. Her gün dört modül; görsel hiyerarşi düzenleme, form yeniden tasarımı ve ekran kullanılabilirlik incelemesi atölyeleriyle işlenir.

Seviye

Orta Seviye — Ekran ve arayüz tasarımı ile ekran düzeyi kullanılabilirliğe odaklanan program

Öğrenme Metodu

Gerçek ekran örnekleri üzerinden görsel hiyerarşi, form ve navigasyon kararları uygulanır; iyi ve kötü ekran karşılaştırılır.

Neden Bu Eğitim?

🎨Net görsel hiyerarşi

Görsel hiyerarşi ilkeleriyle kullanıcının gözünü doğru yöne yönlendirerek karmaşık ekranları bile ilk bakışta anlaşılır hale getirirsiniz.

📝Hatasız formlar

Form ve giriş alanı tasarım desenleriyle kullanıcıların hata yapmasını zorlaştırır, veri kalitesini ve tamamlanma oranını artırırsınız.

🔁Tutarlı deneyim

Navigasyon ve etkileşim desenlerinde tutarlılık kurarak kullanıcının öğrenme yükünü azaltır ve ekranlar arası akışı akıcı kılarsınız.

Anahtar Konular

ekran tasarımı eğitimiarayüz tasarımı eğitimiui tasarım eğitimikullanılabilirlik eğitimiform tasarımı eğitimigörsel hiyerarşi eğitiminavigasyon tasarımıresponsive tasarım eğitimiui desenleri eğitimiiiba ekran tasarımı eğitimi
“İyi bir ekran kullanıcıya düşünecek fırsat bırakmaz; her öğe neden orada olduğunu sessizce açıklar ve kullanıcı yalnızca işini yapar.”

Ön Koşullar

Programdan en iyi verimi almak için gereken temel bilgi ve ortam

1
Arayüz aşinalığı

Web veya mobil arayüzlerle çalışmış ya da onları kullanmış olmak kavramları somutlaştırmaya yeterlidir.

2
Tasarım aracı gerekmez

İleri grafik tasarım bilgisi gerekmez; ilkeler örnek ekranlar üzerinden görsel olarak ele alınır.

3
Örnek ekran

Kendi işinizden iyileştirmek istediğiniz bir ekran veya formu örnek getirmek atölyelerde fayda sağlar.

4
Prototip aracı erişimi

Figma gibi ücretsiz bir araca erişim uygulamaları takip etmeyi kolaylaştırır; zorunlu değildir.

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ı görsel hiyerarşi ve Gestalt ilkelerini kavrar; ızgara, tipografi, renk ve boşlukla kullanıcının dikkatini yönlendiren dengeli ekran düzenleri kurmayı öğrenir.
Modül 1
Görsel Hiyerarşi ve Gestalt
  • Görsel hiyerarşi ile dikkat yönlendirme
  • Gestalt ilkeleri: yakınlık, benzerlik, süreklilik
  • Boyut, kontrast ve ağırlıkla önem belirtme
  • Odak noktası (focal point) oluşturma
  • Tarama desenleri: F ve Z deseni
  • Gürültüyü azaltıp sinyali öne çıkarma
Modül 2
Izgara ve Düzen (Layout)
  • Izgara (grid) sistemiyle hizalama ve düzen
  • Sütun, oluk (gutter) ve kenar boşluğu
  • Beyaz alanın (white space) nefes aldırma rolü
  • Hizalama ile düzenli ve okunur ekran
  • Yakınlık ile ilgili öğeleri gruplama
  • Düzenin görsel dengesi ve ritmi
Modül 3
Tipografi ve Okunabilirlik
  • Yazı tipi seçimi ve okunabilirlik
  • Punto, satır yüksekliği ve satır uzunluğu
  • Başlık, gövde ve etiket tipografik ölçeği
  • Metin hizalama ve kontrast kuralları
  • Hiyerarşiyi tipografiyle kurma
  • Ekranda metin yoğunluğunu yönetme
Modül 4
Renk ve Görsel Dil
  • Renk paleti oluşturma ve renk psikolojisi
  • Birincil, ikincil ve vurgu renklerinin rolü
  • Renk kontrastı ve okunabilirlik dengesi
  • Durum renkleri: başarı, uyarı, hata
  • İkon ve görsel dilde tutarlılık
  • Renge tek başına anlam yüklememe ilkesi
Günün hedefiKatılımcı kullanıcı dostu formlar, net navigasyon yapıları ve doğru giriş kontrolleri tasarlar; geri bildirim ve hata yönetimiyle hatayı zorlaştıran ekranlar kurar.
Modül 1
Form ve Alan Tasarımı
  • Form alanlarının mantıksal gruplanması ve sırası
  • Etiket yerleşimi ve ipucu (placeholder) kullanımı
  • Zorunlu alan ve opsiyonel alan gösterimi
  • Tek sütun form düzeninin kullanılabilirliği
  • Uzun formları adımlara bölme (wizard)
  • Satır içi doğrulama (inline validation)
Modül 2
Giriş Kontrolleri
  • Metin alanı, açılır liste ve seçim kutusu seçimi
  • Radyo düğmesi ve onay kutusu doğru kullanımı
  • Tarih, sayı ve maskeli giriş alanları
  • Varsayılan değer ve akıllı öneriler
  • Dokunmatik için uygun hedef boyutu
  • Giriş yükünü azaltan tasarım kararları
Modül 3
Navigasyon Desenleri
  • Üst menü, yan menü ve sekme (tab) desenleri
  • Kırıntı navigasyonu (breadcrumb) ile konum
  • Mobilde hamburger ve alt gezinme (bottom nav)
  • Bilgi kokusu (information scent) ve etiketleme
  • Aktif durum ve seçili öğenin görünürlüğü
  • Derin yapılarda gezinmeyi kolaylaştırma
Modül 4
Geri Bildirim ve Durumlar
  • Sistem durumunun görünürlüğü ilkesi
  • Yükleme, boş (empty) ve hata durumları tasarımı
  • Başarı ve onay mesajlarının tasarımı
  • Anlaşılır ve çözüm odaklı hata mesajları
  • Mikro etkileşim ve geçişlerle geri bildirim
  • Yıkıcı işlemlerde onay ve geri alma
Günün hedefiKatılımcı duyarlı düzen kurar, ekran düzeyi erişilebilirliği uygular ve sezgisel değerlendirme ile mevcut ekranları kullanılabilirlik açısından inceleyip iyileştirmeyi öğrenir.
Modül 1
Duyarlı (Responsive) Tasarım
  • Kırılma noktası (breakpoint) ve akışkan düzen
  • Mobil öncelikli (mobile-first) tasarım yaklaşımı
  • İçeriğin ekran boyutuna göre yeniden dizilmesi
  • Dokunmatik ve işaretçi girişlerinin farkları
  • Görsel ve içerik önceliklendirmesi
  • Farklı cihazlarda tutarlı deneyim
Modül 2
Ekran Düzeyi Erişilebilirlik
  • Renk kontrastı ve metin okunabilirliği
  • Klavye ile gezinme ve odak göstergesi
  • Etiket, alternatif metin ve form erişimi
  • Dokunmatik hedef boyutu ve aralığı
  • Hareket ve animasyonu azaltma seçeneği
  • Erişilebilirliğin ekran kararlarına yansıması
Modül 3
Sezgisel İnceleme ve Değerlendirme
  • Nielsen sezgileriyle ekran incelemesi
  • Tutarlılık ve standartlara uygunluk kontrolü
  • Hata önleme ve kurtarma değerlendirmesi
  • Bilişsel yük ve sadelik denetimi
  • Bulunan sorunların şiddet derecelendirmesi
  • Önce-sonra karşılaştırmayla iyileştirme
Modül 4
Desen Kütüphanesi ve Tutarlılık
  • Yaygın UI desenlerinin (patterns) kullanımı
  • Bileşen kütüphanesi ve stil rehberi
  • Ekranlar arası görsel ve davranışsal tutarlılık
  • Yeniden kullanılabilir desenlerin yönetimi
  • Platform kılavuzlarına (Material, HIG) uyum
  • Tutarlılığın öğrenme yükünü azaltması

Eğitim Kazanımları

Program sonunda katılımcılar:

✅
Görsel hiyerarşi

Gestalt ilkeleri, boyut ve kontrastla kullanıcının dikkatini yönlendiren, ilk bakışta anlaşılır ekran düzenleri kurarsınız.

✅
Izgara ve tipografi

Izgara, boşluk ve tipografik ölçekle hizalı, okunur ve dengeli ekranlar tasarlar, metin yoğunluğunu yönetirsiniz.

✅
Renk kullanımı

Erişilebilir kontrast ve tutarlı durum renkleriyle anlamı destekleyen, renge tek başına yük bindirmeyen bir görsel dil kurarsınız.

✅
Form tasarımı

Alan gruplama, satır içi doğrulama ve adımlama ile hatayı zorlaştıran, tamamlanma oranı yüksek formlar tasarlarsınız.

✅
Navigasyon tasarımı

Doğru navigasyon desenleri ve net etiketlemeyle kullanıcının konumunu ve yolunu her zaman anlamasını sağlarsınız.

✅
Geri bildirim tasarımı

Yükleme, boş ve hata durumları ile çözüm odaklı mesajlar tasarlayarak sistem durumunu her an görünür kılarsınız.

✅
Duyarlı düzen

Mobil öncelikli ve akışkan düzenle farklı cihazlarda tutarlı, kullanılabilir bir ekran deneyimi kurarsınız.

✅
Ekran değerlendirme

Sezgisel inceleme ve şiddet derecelendirmesiyle mevcut ekranlardaki kullanılabilirlik sorunlarını bulur ve iyileştirirsiniz.

Kimler İçin Uygundur?

  • Arayüz tasarlayan iş analistleri
  • UI tasarımcıları
  • ön yüz geliştiricileri
  • ürün ekibi üyeleri
  • form
  • pano (dashboard) tasarlayanlar ile ekranlarını daha kullanılabilir yapmak isteyen profesyoneller için uygundur

Sıkça Sorulan Sorular

Bu eğitim kimler için uygundur?
Arayüz tasarlayan iş analistleri, UI tasarımcıları, ön yüz geliştiricileri, ürün ekibi üyeleri ile form ve pano tasarlayanlar için uygundur. Ekranlarını daha kullanılabilir yapmak isteyen herkese hitap eder. İleri grafik tasarım bilgisi gerekmez; ilkeler örnek ekranlar üzerinden ele alınır.
Bu eğitim kullanıcı deneyimi (UX) eğitiminden farkı nedir?
UX ve kullanılabilirlik eğitimi kullanıcı araştırması, persona, bilgi mimarisi ve test gibi uçtan uca deneyim sürecine odaklanır. Bu program ise ekran düzeyine iner: görsel hiyerarşi, form, navigasyon ve etkileşim desenleriyle tek tek arayüz ekranlarının tasarımı ve ekran bazlı kullanılabilirlik değerlendirmesidir.
Tasarım aracı öğretiyor mu?
Eğitim araç bağımsızdır; atölyelerde Figma gibi ücretsiz bir araç örnek olarak kullanılabilir ancak amaç araç değil ekran tasarım ilkelerini kavratmaktır. Görsel hiyerarşi, form ve navigasyon kararları dilediğiniz tasarım aracında uygulanabilir biçimde ele alınır.
Eğitimin süresi ve formatı nedir?
Eğitim üç gün sürer ve her gün dört modülden oluşur. Görsel hiyerarşi düzenleme, form yeniden tasarımı ve ekran kullanılabilirlik incelemesi gibi atölyelerle işlenir. Yüz yüze veya canlı online yürütülebilir ve kurumun kendi ekran ve formlarına uyarlanabilir.
Eğitim sonunda sertifika veriliyor mu?
Programı tamamlayan katılımcılar Digital Vizyon Akademi Katılım ve Başarı Sertifikası alır. Bu sertifika tamamlanan modülleri ve uygulamalı ekran tasarımı atölyelerini belgeler; IIBA'nın ilgili sertifikasyonlarına hazırlık için kavramsal altyapı sağlar, ancak resmi sınav başvurusu ve ücreti ilgili kuruma aittir.

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. IIBA Uluslararası Ekran Tasarımı Ve Kullanılabilirlik Eğitim Sertifika Kodu DV-2026XX00 Tarih 23.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

IIBA SertifikasyonlarıIIBA Business Analysis Methodology Processes and Concepts Eğitimi
İş Analizi ve Ürün Yönetimi Eğitimleri

IIBA Business Analysis Methodology Processes and Concepts Eğitimi

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

BABOK temelli iş analizi eğitimi: BACCM, altı bilgi alanı, görevler ve teknikler ile yöntem, süreç ve kavramları uçtan uca öğrenin.

Detayları Gör →
IIBA SertifikasyonlarıIIBA CBAP International Business Analyst Eğitimi
İş Analizi ve Ürün Yönetimi Eğitimleri

IIBA CBAP International Business Analyst Eğitimi

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

Deneyimli iş analistleri için CBAP düzeyinde eğitim: kıdemli rol, yetkinlik profili ve BABOK bilgi alanlarının ileri uygulaması.

Detayları Gör →
IIBA SertifikasyonlarıIIBA CBAP Sertifika Sınavına Hazırlık Eğitimi
İş Analizi ve Ürün Yönetimi Eğitimleri

IIBA CBAP Sertifika Sınavına Hazırlık Eğitimi

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

CBAP sınavına yapılandırılmış hazırlık: soru tipleri, zaman yönetimi, deneme sınavı ve BABOK tekrarı ile sınav stratejisi geliştirin.

Detayları Gör →
IIBA SertifikasyonlarıIIBA CBAP Uluslararası İş Analistliği Eğitimi
İş Analizi ve Ürün Yönetimi Eğitimleri

IIBA CBAP Uluslararası İş Analistliği Eğitimi

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

BABOK bilgi alanlarını uçtan uca uygulayan iş analistliği eğitimi: paydaş analizi, elicitation, use case, BPMN ve çözüm değerlendirme.

Detayları Gör →
IIBA SertifikasyonlarıIIBA ECBA/CCBA Sınavına Hazırlık Eğitimi
İş Analizi ve Ürün Yönetimi Eğitimleri

IIBA ECBA/CCBA Sınavına Hazırlık Eğitimi

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

ECBA ve CCBA sınavlarına hazırlık: format farkları, soru tipleri, BABOK tekrarı, deneme sınavı ve zaman yönetimi stratejisi.

Detayları Gör →
IIBA SertifikasyonlarıIIBA Fundamentals of Business Analysis (ECBA™/CCBA) Eğitimi
İş Analizi ve Ürün Yönetimi Eğitimleri

IIBA Fundamentals of Business Analysis (ECBA™/CCBA) Eğitimi

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

İş analizine giriş eğitimi: BABOK temelleri, BACCM, bilgi alanları ve giriş teknikleriyle ECBA/CCBA yoluna sağlam başlangıç.

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