CREATING A PROTOTYPE & USING MENUS EĞİTİMİ

İlk tıklanabilir prototipinizi sıfırdan kurun

Ekranları bağlayın, menü ve gezinme desenlerini kurun, ilk prototipinizi tasarlayın

Creating a Prototype & Using Menus Eğitimi, hiç deneyimi olmayanlara ilk tıklanabilir prototipini kurmayı ve menü ile gezinme desenlerini öğretir.

3 gün Başlangıç Seviye Online / Yüz Yüze / Hibrit Sertifikalı

Eğitim Hakkında

İlk prototipten ekran bağlamaya, menü ve gezinme desenlerinden paylaşım ve teste akış

Creating a Prototype & Using Menus Eğitimi, hiç prototip yapmamış katılımcılara ilk tıklanabilir prototipini kurmayı ve menü ile gezinme desenlerini tasarlamayı öğretir. Katılımcılar çerçeveleri bağlamayı, tetikleyici ve geçişleri ve temel etkileşimleri öğrenir. Gezinme çubuğu, açılır menü, hamburger menü, sekme çubuğu ve kenar menüsü gibi desenler işlenir. Program kaplama, akış mantığı, paylaşım ve basit kullanıcı testiyle tamamlanır.

Süre ve Format

3 Gün. Her gün dört modül; basit bir uygulama sıfırdan tıklanabilir bir prototipe dönüştürülür.

Seviye

Başlangıç Seviyesi — İlk tıklanabilir prototipi kurma ve menü ile gezinme desenlerini tasarlama

Öğrenme Metodu

Her adım Figma'da canlı olarak uygulanır; ekran bağlama, menü ve geçişler atölyede birlikte kurulup test edilir.

Neden Bu Eğitim?

🚀Sıfırdan başlangıç

Hiç deneyimi olmayanlar için tasarlanmıştır; ilk tıklanabilir prototipinizi adım adım, sağlam temellerle sıfırdan kurarsınız.

🧭Gezinme ustalığı

Gezinme çubuğu, açılır ve hamburger menü gibi gerçek desenleri öğrenerek kullanıcının üründe rahatça dolaşmasını sağlarsınız.

👀Fikri görünür kılma

Statik ekranları tıklanabilir bir akışa çevirerek fikrinizi paydaşa anlatır ve erkenden gerçek geri bildirim toplarsınız.

Anahtar Konular

prototip eğitimifigma başlangıç eğitimiprototip oluşturma kursumenü tasarımı eğitimigezinme tasarımı eğitimifigma prototiplemeux başlangıç eğitimitıklanabilir prototiparayüz tasarımı eğitiminavigasyon menü eğitimi
“İyi bir prototip bir fikri tartışılır kılar; bu eğitim ilk tıklanabilir prototipinizi ve net bir gezinmeyi kurmanın temelini verir.”

Ön Koşullar

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

1
Temel bilgisayar

Dosya, pencere ve tarayıcı kullanımı gibi temel bilgisayar becerisi, araçta rahat çalışmanız için yeterlidir.

2
Tasarıma ilgi

Arayüz ve uygulama tasarımına ilgi, örnekleri takip etmenizi kolaylaştırır; önceden tasarım deneyimi gerekmez.

3
Hazır ekranlar

Basit birkaç arayüz ekranı ya da eğitimde sağlanan örnek set, bağlama ve menü çalışmaları için kullanılır.

4
Figma hesabı

Ücretsiz bir Figma hesabı ve güncel bir tarayıcı, tüm uygulamalı çalışmalar için gereklidir.

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ı prototipin ne olduğunu kavrar, çerçeveleri hazırlar, ekranları tetikleyicilerle bağlar ve ilk tıklanabilir akışını geçişlerle oluşturup önizler.
Modül 1
Prototip Nedir ve Neden
  • Statik tasarım ile prototip arasındaki fark
  • Düşük ve yüksek sadakatli prototip ayrımı
  • Prototipin tasarım sürecindeki yeri
  • Neyi test etmek istediğimizi netleştirme
  • Prototip türlerini amaca göre seçme
  • Örnek akışlar üzerinden ilk bakış
Modül 2
Çerçeveler ve Ekran Hazırlığı
  • Çerçeve oluşturma ve cihaz boyutu seçimi
  • Katman ve grup ile düzenli dosya yapısı
  • Ekranları akış sırasına göre yerleştirme
  • Adlandırmayla ekranları tanınır kılma
  • Tıklanabilir alanlar için öğe hazırlama
  • Akış için gereken ekranları tamamlama
Modül 3
Ekranları Bağlama
  • Prototip moduna geçiş ve bağlantı kurma
  • Bir öğeden hedef ekrana ok çekme
  • Tetikleyici seçimi: tıklama ve dokunma
  • Geri dönüş ve önceki ekrana gitme
  • Başlangıç ekranını ve akışı belirleme
  • Bağlantıları önizlemede sınama
Modül 4
Geçişler ve Önizleme
  • Anında, çöz ve kaydır geçiş türleri
  • Geçiş yönü ve süre ile his oluşturma
  • İçeri gir ve dışarı çık animasyonları
  • Önizleme modunda akışı baştan deneme
  • Cihazda önizleme ile gerçekçi test
  • Basit akışta geçişleri tutarlı tutma
Günün hedefiKatılımcı yaygın menü ve gezinme desenlerini tanır, gezinme çubuğu, açılır menü, hamburger menü ve sekme çubuğunu kurar ve kullanıcıyı ürün içinde doğru yönlendirir.
Modül 1
Gezinme Temelleri
  • Gezinme neden kullanıcı deneyiminin kalbidir
  • Birincil ve ikincil gezinme ayrımı
  • Bilgi mimarisi ile menü ilişkisi
  • Kullanıcının nerede olduğunu gösterme
  • Masaüstü ve mobil gezinme farkları
  • Gezinme etiketlerini anlaşılır yazma
Modül 2
Gezinme Çubuğu ve Sekme Çubuğu
  • Üst gezinme çubuğu yerleşimi ve içeriği
  • Mobil alt sekme çubuğu tasarımı
  • Etkin sekmeyi görsel olarak belirtme
  • Simge ve etiket birlikte kullanımı
  • Sekmeler arası geçişi prototiple kurma
  • Aktif duruma varyant ile geçiş
Modül 3
Açılır ve Bağlam Menüleri
  • Açılır menü ne zaman tercih edilir
  • Menü öğelerini gruplama ve ayırma
  • Üzerine gelme ve tıkla ile açma
  • Kaplama ile açılır menü oluşturma
  • Bağlam menüsü ve sağ tık davranışı
  • Menü dışına tıklayınca kapatma
Modül 4
Hamburger ve Kenar Menüsü
  • Hamburger simgesi ve gizli menü mantığı
  • Kenardan kayan menü paneli kurma
  • Kaplama ve arka plan karartma kullanımı
  • Menü açma ve kapatma etkileşimi
  • Hamburger menünün artıları ve eksileri
  • Küçük ekranda gezinmeyi sadeleştirme
Günün hedefiKatılımcı kaplamalarla modal ve bildirim kurar, akış mantığını düzenler, prototipi paylaşır ve basit bir kullanıcı testiyle ilk geri bildirimi toplar.
Modül 1
Kaplamalar ve Pencereler
  • Kaplama ile modal pencere oluşturma
  • Açılır bildirim ve uyarı kutusu kurma
  • Kaplama konumu ve arka plan ayarı
  • Kapat etkileşimi ve dışına tıklama
  • Alt sayfa ve bilgi balonu kaplaması
  • Kaplamayı aşırı kullanmaktan kaçınma
Modül 2
Akış Düzeni ve Mantığı
  • Birden fazla akışı tek dosyada düzenleme
  • Akış başlangıç noktalarını işaretleme
  • Kullanıcı yolunu baştan sona izleme
  • Çıkmaz sokak ve kopuk bağlantı bulma
  • Akış şemasıyla ekranlar arası ilişki
  • Akışı sade ve anlaşılır biçimde tutma
Modül 3
Paylaşım ve Sunum
  • Paylaşım bağlantısı ve izin düzeyleri
  • Sunum modunda prototipi gösterme
  • Yorum toplama ve geri bildirim alma
  • Cihazda ve tarayıcıda önizleme
  • Sürüm geçmişi ile değişiklikleri izleme
  • Prototipi paydaşa etkili sunma
Modül 4
Basit Kullanıcı Testi
  • Küçük bir görev senaryosu hazırlama
  • Kullanıcıdan sesli düşünmesini isteme
  • Yönlendirmeden sade biçimde gözlem yapma
  • Takılma noktalarını dikkatle not alma
  • Basit bulguları önceliklendirme
  • Geri bildirimle prototipi iyileştirme

Eğitim Kazanımları

Program sonunda katılımcılar:

✅
Prototip mantığı

Statik tasarımla prototip arasındaki farkı ve sadakat düzeylerini kavrar, neyi test etmek istediğinize göre doğru türü seçersiniz.

✅
Ekran bağlama

Çerçeveleri hazırlar, ekranları tetikleyicilerle bağlar ve başlangıç ekranından akan ilk tıklanabilir prototipinizi kurarsınız.

✅
Geçişler

Anında, çöz ve kaydır gibi geçiş türlerini yön ve süreyle ayarlayarak akışa doğal bir his katar ve cihazda önizlersiniz.

✅
Gezinme desenleri

Gezinme çubuğu, sekme çubuğu ve kenar menüsü gibi yaygın desenleri kurarak kullanıcıyı ürün içinde doğru yönlendirirsiniz.

✅
Menü kurma

Açılır menü, bağlam menüsü ve hamburger menüyü kaplamalarla oluşturur, açma ve kapatma etkileşimlerini tutarlı biçimde tasarlarsınız.

✅
Kaplamalar

Kaplamalarla modal pencere, bildirim ve alt sayfa kurar, kapatma davranışını doğru ayarlayıp kaplamayı ölçülü kullanırsınız.

✅
Paylaşım ve sunum

Prototipi paylaşım bağlantısı ve izinlerle yayınlar, sunum modunda gösterir ve yorumlarla geri bildirim toplarsınız.

✅
Basit test

Küçük görev senaryolarıyla kullanıcı testi yürütür, takılma noktalarını gözlemler ve ilk bulgularla prototipi iyileştirirsiniz.

Kimler İçin Uygundur?

  • Prototiplemeye yeni başlayanlar
  • fikirlerini tıklanabilir ekranlarla göstermek isteyen tasarımcı adayları
  • ürün yöneticileri
  • menü ile gezinme desenlerini öğrenmek isteyen ekip üyeleri için uygundur

Sıkça Sorulan Sorular

Bu eğitim kimler için uygundur?
Prototiplemeye yeni başlayanlar, fikirlerini tıklanabilir ekranlarla göstermek isteyen tasarımcı adayları, ürün yöneticileri ve menü ile gezinme desenlerini öğrenmek isteyen ekip üyeleri için uygundur. Önceden tasarım veya prototip deneyimi gerekmez.
İleri prototip eğitiminden farkı nedir?
Bu eğitim temel düzeydedir; ilk tıklanabilir prototipi kurmaya, ekran bağlamaya ve menü ile gezinme desenlerine odaklanır. Değişkenler, koşullu mantık ve etkileşimli bileşen gibi ileri konular kapsam dışıdır ve ayrı bir ileri prototip eğitiminde işlenir.
Hangi araç kullanılır ve ücretli mi?
Eğitim Figma ile yürütülür ve ücretsiz bir Figma hesabı bu eğitim için yeterlidir. Tarayıcı veya masaüstü uygulaması kullanılabilir; tüm menü, bağlama ve paylaşım çalışmaları ücretsiz sürümde yapılabilecek şekilde tasarlanmıştır.
Eğitimin süresi ve formatı nedir?
Eğitim üç gün sürer ve her gün dört modülden oluşur. Basit bir uygulama sıfırdan tıklanabilir bir prototipe dönüştürülür. Yüz yüze veya online yapılabilir; içerik katılımcının seviyesine ve kurumun örnek projelerine göre 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. Sertifika tamamlanan modülleri ve atölyede kurulan ilk tıklanabilir prototipi 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. Creating a Prototype & Using Menus Eğitimi Sertifika Kodu DV-2026XX00 Tarih 15.10.2026 Yetkili İmza DV AKADEMİ

Eğitim Bilgileri

Süre3 gün
SeviyeBaşlangıç 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