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

Mobil ekranları hem güzel hem kullanılabilir tasarlayın

iOS HIG, Material Design, tipografi, dokunma hedefleri ve kullanılabilirlik testi

Mobil Ekran Tasarımı ve Kullanılabilirlik Eğitimi, mobil arayüz ekranlarının görsel tasarımına ve kullanılabilirliğine odaklanır. Program iOS Human Interface Guidelines ve Android Material Design ilkelerini, mobil grid ve güvenli alanı, tipografi ve okunabili…

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

Eğitim Hakkında

Platform kurallarından görsel tasarıma ve mobil kullanılabilirlik testine ekran craft'ı

Mobil Ekran Tasarımı ve Kullanılabilirlik Eğitimi, mobil arayüz ekranlarının görsel tasarımına ve kullanılabilirliğine odaklanır. Katılımcılar iOS Human Interface Guidelines ve Android Material Design ilkelerini, mobil grid ve düzeni, tipografi, renk ve görsel hiyerarşiyi öğrenir. Dokunma hedefleri, parmak ergonomisi ve mobil bileşenler uygulamalı işlenir. Program mobil erişilebilirlik, cihazda kullanılabilirlik testi ve algılanan performans iyileştirmeleriyle tamamlanır.

Süre ve Format

3 Gün. Her gün dört modül; ekran tasarımı gerçek bir mobil uygulama ekranı üzerinde platform kuralları, tasarım ve test atölyeleriyle uygulanır.

Seviye

Orta Seviye — iOS HIG ve Material Design, görsel tasarım, dokunma hedefleri, erişilebilirlik ve mobil kullanılabilirlik testi odaklı

Öğrenme Metodu

Her konu gerçek bir mobil uygulama ekranı üzerinde atölyelerle işlenir; platform desenleri ve kullanılabilirlik cihazda canlı sınanır.

Neden Bu Eğitim?

📱Platforma uygun tasarlayın

iOS HIG ve Material Design ilkeleriyle her platformun kendi diline uygun, kullanıcıya tanıdık gelen ekranlar tasarlarsınız.

👍Parmağa göre tasarlayın

Dokunma hedefleri ve thumb zone ilkeleriyle tek elle rahat kullanılan, hatasız dokunulan arayüzler kurarsınız.

🔬Kullanılabilirliği sınayın

Nielsen ilkeleri ve cihazda kullanılabilirlik testiyle ekranların gerçek kullanımda işe yaradığını kanıtla doğrularsınız.

Anahtar Konular

mobil ekran tasarımı eğitimimobil ui tasarımı eğitimimobil kullanılabilirlik eğitimiios hig eğitimimaterial design eğitimimobil arayüz tasarımıdokunma hedefi tasarımımobil erişilebilirlikmobil ux ui kursuapp ekran tasarımı
“Mobil ekranda her piksel ve her dokunuş sayılır; güzel görünen değil, başparmağın altında kusursuz çalışan ekran kazanır.”

Ön Koşullar

Eğitime başlamadan önce faydalı olacak bilgi ve deneyim alanları

1
Temel tasarım farkındalığı

Düzen, renk ve tipografi gibi görsel kavramlara aşinalık ekran tasarımı modüllerini kolaylaştırır.

2
Mobil uygulama deneyimi

iOS veya Android uygulamalarını aktif kullanma deneyimi platform desenlerini anlamayı kolaylaştırır.

3
Bir tasarım aracı

Figma gibi bir arayüz tasarım aracına erişim ekran tasarımı atölyelerine katılım için faydalıdır.

4
UX kavram aşinalığı

Kullanıcı ve kullanılabilirlik kavramlarına genel aşinalık konuların yerine oturmasını 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ı mobil tasarımın kısıtlarını kavrar; iOS HIG ve Material Design ilkelerini öğrenir, mobil grid ve güvenli alanla düzenli bir ekran yerleşimi kurar.
Modül 1
Mobil Tasarımın Özellikleri
  • Mobil kullanım bağlamı ve dikkat süresi
  • Küçük ekran kısıtı ve içerik önceliklendirme
  • Tek el kullanımı ve thumb zone ergonomisi
  • Cihaz ve ekran boyutu çeşitliliği
  • Bağlantı ve performansın tasarıma etkisi
  • Mobil ile masaüstü deneyim farkları
Modül 2
iOS Human Interface Guidelines
  • HIG'in netlik, saygı ve derinlik ilkeleri
  • iOS navigasyon ve gezinme desenleri
  • SF Symbols ve sistem tipografisi
  • iOS dokunma hedefi ve boşluk standartları
  • Standart iOS bileşenleri ve kullanımı
  • Platform tutarlılığı ve kullanıcı beklentisi
Modül 3
Android Material Design
  • Material Design temel ilkeleri ve felsefesi
  • Material bileşenleri ve kullanım kuralları
  • Yükseklik (elevation), gölge ve katman
  • FAB ve Material navigasyon desenleri
  • Material tipografi ölçeği ve stil
  • Dinamik renk ve Material tema sistemi
Modül 4
Ekran Düzeni ve Grid
  • Mobil grid, sütun ve boşluk sistemi
  • Güvenli alan (safe area) ve çentik yönetimi
  • İçerik hiyerarşisi ve görsel sıralama
  • Kart tabanlı düzen ve gruplama
  • Hizalama ve tutarlı kenar boşlukları
  • Farklı ekranlar için responsive breakpoint
Günün hedefiKatılımcı mobil tipografi ve okunabilirliği kurar, renk ve görsel hiyerarşi tasarlar, dokunma hedefleri ve jestleri ergonomik yapar, mobil bileşen ve desenleri uygular.
Modül 1
Tipografi ve Okunabilirlik
  • Mobil tipografi ölçeği ve başlık düzeni
  • Satır yüksekliği ve satır uzunluğu
  • Küçük ekranda okunabilir punto seçimi
  • Metin kontrastı ve okunurluk dengesi
  • Dinamik yazı boyutu ve ölçeklenme
  • Mobil için font seçimi ve yükleme
Modül 2
Renk ve Görsel Hiyerarşi
  • Mobil renk paleti ve vurgu rengi
  • Görsel ağırlık ve dikkat yönlendirme
  • Boşluğun (whitespace) etkili kullanımı
  • Yakınlık ve gruplama ile düzen
  • Karanlık mod ve renk uyarlaması
  • Durum renkleri: başarı, uyarı, hata
Modül 3
Dokunma Hedefleri ve Jestler
  • Minimum dokunma hedefi boyutu kuralları
  • Parmak ergonomisi ve erişim bölgeleri
  • Kaydırma, sürükleme ve dokunma jestleri
  • Dokunma geri bildirimi ve basılı tutma
  • Yanlış dokunmayı önleyen yerleşim
  • Jestlerin keşfedilebilirliği ve ipuçları
Modül 4
Mobil Bileşen ve Desenler
  • Liste, kart ve içerik akışı desenleri
  • Alt ve üst navigasyon bileşenleri
  • Form ve metin giriş alanı tasarımı
  • Modal, alt sayfa (bottom sheet) kullanımı
  • Boş durum ve yükleme durumu tasarımı
  • Bildirim, uyarı ve geri bildirim desenleri
Günün hedefiKatılımcı mobil kullanılabilirlik ilkelerini uygular, erişilebilirlik gereksinimlerini karşılar, cihazda kullanılabilirlik testi yürütür ve algılanan performansı iyileştirir.
Modül 1
Mobil Kullanılabilirlik İlkeleri
  • Nielsen sezgisel ilkelerinin mobile uygulanışı
  • Bilişsel yükü azaltan sade ekran tasarımı
  • Hata önleme ve kolayca düzeltebilme
  • Sistem durumu görünürlüğü ve geri bildirim
  • Keşfedilebilirlik ve öğrenilebilirlik
  • Platform tutarlılığı ve tanıdıklık
Modül 2
Mobil Erişilebilirlik
  • Mobil erişilebilirliğin önemi ve kapsamı
  • VoiceOver ve TalkBack ile ekran okuyucu
  • Erişilebilir dokunma hedefi boyutu
  • WCAG renk kontrastı ölçüt ve seviyeleri
  • Dinamik yazı boyutu ve ölçeklenebilirlik
  • Anlamlı etiket ve içerik tanımı
Modül 3
Mobil Kullanılabilirlik Testi
  • Gerçek cihazda kullanılabilirlik testi
  • Görev senaryolarının hazırlanması
  • Düşünerek sesli (think-aloud) gözlem
  • Uzaktan mobil kullanılabilirlik testi
  • Dokunma ve jest davranışının izlenmesi
  • Bulguların önceliklendirilip raporlanması
Modül 4
Performans Algısı ve İyileştirme
  • Algılanan performans ve bekleme deneyimi
  • İskelet ekran (skeleton) ile yükleme
  • Yükleme göstergesi ve ilerleme bildirimi
  • Kademeli ve tembel (lazy) yükleme
  • Dokunma tepki süresi ve anlık geri bildirim
  • A/B testiyle ekran deneyimini iyileştirme

Eğitim Kazanımları

Program sonunda katılımcılar:

✅
Platform kuralları

iOS HIG ve Material Design ilkeleriyle her platforma uygun, kullanıcıya tanıdık gelen mobil ekranlar tasarlarsınız.

✅
Mobil düzen ve grid

Mobil grid, güvenli alan ve içerik hiyerarşisiyle farklı ekran boyutlarına uyumlu, düzenli yerleşimler kurarsınız.

✅
Mobil tipografi

Okunabilir punto, satır yüksekliği ve dinamik yazı boyutuyla küçük ekranda rahat okunan metin düzenleri tasarlarsınız.

✅
Renk ve hiyerarşi

Renk, görsel ağırlık ve boşlukla dikkati yönlendirir, karanlık mod dâhil tutarlı bir görsel hiyerarşi kurarsınız.

✅
Dokunma ergonomisi

Dokunma hedefi boyutu ve thumb zone ilkeleriyle tek elle rahat kullanılan, yanlış dokunmayı önleyen arayüzler tasarlarsınız.

✅
Mobil bileşenler

Liste, navigasyon, form, modal ve boş durum gibi mobil desenleri doğru kullanarak tutarlı ekran akışları kurarsınız.

✅
Erişilebilir ekranlar

VoiceOver/TalkBack uyumu, kontrast ve dinamik boyutla herkesin kullanabileceği erişilebilir mobil ekranlar tasarlarsınız.

✅
Kullanılabilirlik testi

Cihazda görev senaryolarıyla kullanılabilirlik testi yürütür ve algılanan performansı iyileştirerek ekranı kanıtla doğrularsınız.

Kimler İçin Uygundur?

  • Mobil uygulama arayüzü tasarlayan UI/UX tasarımcıları
  • mobil geliştiriciler
  • ürün ekipleri
  • ekran tasarımını platform kurallarıyla uyumlu ve kullanılabilir yapmak isteyen profesyoneller için uygundur

Sıkça Sorulan Sorular

Bu eğitim kimler için uygundur?
Mobil uygulama arayüzü tasarlayan UI/UX tasarımcıları, mobil geliştiriciler ve ürün ekipleri için uygundur. Temel tasarım farkındalığı ve mobil uygulama kullanma deneyimi yeterlidir; derin UX süreci ön koşulu değildir.
Bu eğitim Mobil UX Tasarımı eğitiminden farkı nedir?
Bu program ekranın görsel tasarımına ve kullanılabilirliğine odaklanır: platform kuralları, tipografi, renk, dokunma hedefi ve ekran kullanılabilirliği. Mobil UX Tasarımı ise araştırma, akış, navigasyon ve mobil UX stratejisi gibi uçtan uca süreci işler.
iOS ve Android'in ikisi de ele alınıyor mu?
Evet. Birinci günde hem iOS Human Interface Guidelines hem Android Material Design ayrı modüllerde işlenir. İki platformun desen farkları ve ortak kullanılabilirlik ilkeleri karşılaştırmalı olarak ele alınır.
Hangi araçla ekran tasarlayacağız?
Atölyelerde Figma gibi bir arayüz tasarım aracı kullanılır. Odak araç öğretmek değil, platform kurallarına uygun ve kullanılabilir mobil ekranlar tasarlamaktır; araç bu tasarımın aracıdır.
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 mobil ekran tasarımını ve kullanılabilirliğini gerçek ekranlar üzerinde uygulamalı kazandırmaya odaklanır ve kuruma özel 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. Mobil Ekran Tasarımı ve Kullanılabilirlik 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ıDesign Thinking: Starting Your Journey Eğitimi
Tasarım ve Kullanıcı Deneyimi Eğitimleri

Design Thinking: Starting Your Journey Eğitimi

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

Tasarım odaklı düşünceye başlama eğitimi: ilk pilot proje seçimi, ekip kurma, ilk sprint, direnci aşma, ritüeller ve olgunluk yol haritası uygulamalı anlatılır.

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

Figma Eğitimi

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

Figma eğitimi: arayüz tasarımı, bileşen, variant, Auto Layout, stiller ve değişkenler, prototipleme, iş birliği ve Dev Mode ile teslim uygulamalı anlatılır.

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

Foundation Certificate in Design Thinking Eğitimi

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

Empati, tanımlama, ideasyon, prototip ve test aşamalarıyla Design Thinking metodolojisini uygulamalı öğreten temel seviye sertifika eğitimi.

Detayları Gör →
UX/UI TasarımıGüvenilirlik, Kullanılabilirlik ve Bakım Yapılabilirlik (RAM) Analizi Eğitimi
Tasarım ve Kullanıcı Deneyimi Eğitimleri

Güvenilirlik, Kullanılabilirlik ve Bakım Yapılabilirlik (RAM) Analizi Eğitimi

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

MTBF, MTTR, kullanılabilirlik, Weibull, FMEA ve hata ağacı analiziyle sistem güvenilirliğini ölçmeyi öğreten uygulamalı RAM analizi eğitimi.

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

International Usability Testing Eğitimi

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

Test planlama, moderasyonlu ve uzaktan test, SUS metrikleri ve kültürlerarası uyarlamayı kapsayan uygulamalı kullanılabilirlik testi eğitimi.

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

Internet of Things & UI/UX Eğitimi

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

Çok cihazlı akışlar, ekransız etkileşim, sensör verisi görselleştirme ve güven tasarımıyla bağlı cihaz deneyimi kurmayı öğreten IoT UI/UX eğitimi.

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