Eğitim Platformları ve LMS İçin UI/UX Tasarım
Bir eğitim platformunun başarısı ekran sayısıyla değil, öğrenenin ikinci derse dönüp dönmediğiyle ölçülüyor. İlk dersi kolaylaştırıyor, ilerlemeyi görünür kılıyor, dikkat dağıtıcıları kaldırıyor ve eğitmen panelini gerçek iş akışına göre kuruyoruz.
- Öğrenen ve eğitmen tarafı aynı tasarım sisteminde
- Erişilebilirlik kriterleri taban kural olarak alınır
- Ölçüm planı tasarımla birlikte kurulur
- Figma kaynak dosyaları sizin
Terk, içeriğin zorlaştığı yerde değil; arayüzün zorlaştığı yerde oluyor.
Eğitim platformlarında kaybın büyük bölümü ilk oturumda yaşanıyor. Aşağıdakiler, öğrenen yolculuğunu incelediğimizde en sık gördüğümüz tablolar.
Yukarıdaki sayılar aracın varsayılan örnek değerleridir; kendi oranlarınızı bir sonraki bölümdeki simülatöre girebilirsiniz.
- İlk derse ulaşmak çok uzun sürüyorKayıt, profil doldurma, seviye testi, hoş geldiniz videosu… Öğrenen platformun neye benzediğini görmeden birkaç ekran harcıyor ve çoğu geri dönmüyor.
- Kaldığı yer bulunamıyorAna ekran kurs kataloğunu gösteriyor, devam eden dersi değil. Öğrenen her girişte nerede kaldığını yeniden aramak zorunda kalıyor.
- İlerleme görünmüyorNe kadar yol alındığı, ne kadar kaldığı belirsiz. Bitişi göremeyen öğrenen 'sonra devam ederim' diyor ve o sonra gelmiyor.
- Ders ekranı kalabalıkVideo, not, sohbet, duyuru ve öneriler aynı anda yarışıyor. Dikkat bölününce ders yarım kalıyor.
- Mobilde ders okunmuyorMasaüstü için tasarlanmış ders düzeni telefonda yatay kaydırma ve minik yazıya dönüşüyor; oysa kullanımın önemli bölümü telefonda oluyor.
- Eğitmen paneli yavaşlatıyorİçerik yüklemek, ödev kontrol etmek ve sınıfın durumunu görmek ayrı ekranlarda. Eğitmen yorulunca içerik akışı da yavaşlıyor.
Önce ilk beş dakika, sonra geri kalan her şey.
Bir öğrenenin platformla kurduğu ilişki büyük ölçüde ilk oturumda belirleniyor. Tasarım sırasını da buna göre kuruyoruz.
- Öğrenen yolculuğu ve ölçüm planıKayıt, ilk ders, ara ve tamamlama adımlarını çıkarıyor; hangi adımda ne ölçüleceğini analitik ekibinizle birlikte tanımlıyoruz.TeslimYolculuk haritasıÖlçüm planıTerk noktası listesi
- İlk oturum tasarımıKayıttan ilk derse giden yolu kısaltıyor; profil ve seviye sorularını derse başladıktan sonraya bölüyoruz.TeslimOnboarding akışıHızlı başlangıç ekranıBoş durum tasarımları
- Odaklı ders ve ilerlemeDers ekranını tek işe indiriyor; ilerleme, kalan süre ve 'kaldığın yerden devam' öğelerini tutarlı bir kalıba oturtuyoruz.TeslimDers ekranı kalıplarıİlerleme bileşenleriQuiz ve geri bildirim ekranları
- Eğitmen ve yönetici paneliİçerik yükleme, ödev değerlendirme ve sınıf durumu ekranlarını görev odaklı kurguluyor; toplu işlem ve şablon ekliyoruz.TeslimEğitmen akışlarıYoğun tablo kalıplarıŞablon ve toplu işlem tasarımı
- Prototip, test ve teslimGerçek öğrenen ve eğitmen profilleriyle test ediyor, bulguları uyguluyor ve geliştirici teslimini hazırlıyoruz.TeslimTıklanabilir prototipBulgu raporuHandoff dokümanı
Hangi tasarım müdahalesi kaç öğreneni bitirişe taşır?
Kendi kohort büyüklüğünüzü ve bugünkü oranlarınızı girin, sonra denemek istediğiniz tasarım müdahalelerini seçin. Araç, örnek iyileşme varsayımlarıyla yeni bir huni hesaplar. Hiçbir veri kaydedilmez; hesap tarayıcınızda yapılır.
- İlk derse başlama620 → 620 kişi · %62 → %62
- Yarıya gelme341 → 341 kişi · %55 → %55
- Tamamlama191 → 191 kişi · %56 → %56
Seçtiğiniz müdahaleler ve bugünkü oranlarınız, keşif görüşmesinin gündemini doğrudan oluşturur. Görüşme ücretsizdir ve sizi bağlamaz.
İyileşme payları, benzer akışların yeniden tasarımında sık rastlanan aralıklara dayalı ÖRNEK VARSAYIMLARDIR; W3'ün ölçülmüş bir başarı metriği değildir ve taahhüt içermez. Gerçek sonuç içerik kalitesine, hedef kitleye ve uygulamanın nasıl kodlandığına göre değişir. Doğru yöntem, değişiklikleri kendi analitiğinizle ve mümkünse A/B testiyle ölçmektir.
Üç kullanıcı, tek tasarım sistemi.
Eğitim platformunda öğrenen, eğitmen ve yönetici aynı ürünü çok farklı biçimde kullanıyor. Aşağıdakiler bir paket değil, ihtiyaca göre seçilen bir menüdür.
- ÖğrenenOnboarding ve ilk oturumKayıttan ilk derse giden kısa yol, boş durumlar ve hoş geldin akışı.
- ÖğrenenDers ve içerik ekranıVideo, metin, dosya ve not alanlarının odaklı düzeni; oynatıcı kontrolleri ve altyazı alanı.
- Öğrenenİlerleme ve motivasyonModül ilerlemesi, kalan süre, seri takibi ve rozetlerin ölçülü kullanımı.
- ÖğrenenQuiz, ödev ve geri bildirimSoru tipleri, cevap durumları, puanlama ve açıklama ekranları.
- EğitmenEğitmen içerik akışıİçerik yükleme, taslak kaydetme, şablon kullanma ve yayınlama adımları.
- EğitmenSınıf ve ilerleme panosuKimin nerede kaldığını gösteren yoğun tablo kalıpları, filtre ve toplu işlem.
- YöneticiYönetici raporlama ekranlarıKohort, tamamlama ve katılım görünümleri; dışa aktarma akışı.
- SistemBileşen kütüphanesi ve teslimToken'lar, durum tabloları, odak sırası şeması ve handoff dokümanı.
Tasarım Figma üzerinde ilerliyor; öğrenen ve eğitmen akışları ayrı sayfalarda ama tek bileşen kütüphanesinde duruyor. Ölçüm planını tasarımla birlikte kuruyoruz: hangi ekranda hangi olayın izleneceği baştan yazılı hâle geliyor, böylece yenileme sonrası kıyaslama yapılabiliyor. Teslimde Figma Dev Mode ölçü ve token'ları ile durum tablolarını içeren bir handoff dokümanı veriyoruz.
Platformu geliştirecek ekip sizde değilse web yazılım geliştirme ve mobil yazılım geliştirme tarafında aynı ekiple devam edebilirsiniz. İçerik önerisi veya otomatik değerlendirme gibi konuları gündeminize almayı düşünüyorsanız yapay zeka hizmetimiz ve ilk yapay zeka projesi rehberimiz gerçekçi bir başlangıç noktası öneriyor. Kurs ve program sayfalarınız arama motorundan da ziyaretçi alıyorsa teknik SEO kontrol listemiz tasarım kararlarını etkileyen noktaları anlatıyor.
Öğrenen tarafı için örnek bir 8 haftalık ilk faz
Aşağıdaki plan, öğrenen yolculuğunun yeniden tasarlandığı ve eğitmen panelinin ilk sürümünün ele alındığı tipik bir ilk faz için hazırlanmış örnektir. Sizin planınız kapsam netleştikten sonra çıkar ve teklifte yazılı hâle gelir.
| Hafta | Ne yapılır | Hafta sonunda elinizde ne olur |
|---|---|---|
| 1. hafta | Yolculuk haritası ve ölçüm planı | Terk noktası listesi, ölçüm planı |
| 2. hafta | İlk oturum akışı ve wireframe | Onboarding akışı, düşük çözünürlüklü ekranlar |
| 3–4. hafta | Ders, ilerleme ve quiz ekranları | Yüksek çözünürlüklü ekranlar, bileşen kütüphanesi |
| 5. hafta | Eğitmen paneli tasarımı | İçerik akışı ve sınıf panosu ekranları |
| 6. hafta | Prototip ve öğrenen testi | Tıklanabilir prototip, bulgu raporu |
| 7. hafta | Eğitmen testi ve iterasyon | Düzeltilmiş akışlar, ikinci bulgu turu |
| 8. hafta | Teslim ve geliştirme desteği | Handoff dokümanı, token'lar, destek planı |
İlk faz kapandığında bileşenler ve ölçüm planı yerinde oluyor; sonraki modüller aynı sistemle daha kısa döngülerle eklenebiliyor.
- HizmetUI/UX TasarımHizmetin tamamı: araştırma, akış, prototip, design system ve teslim.
- HizmetWeb Yazılım GeliştirmePlatformun ve eğitmen panelinin geliştirme tarafı.
- HizmetMobil Yazılım GeliştirmeDers deneyimini iOS ve Android tarafına taşıma.
- HizmetYapay Zekaİçerik önerisi ve otomatik değerlendirme gibi konularda gerçekçi başlangıç.
- ProjeTuğra AI arayüzüAltı üretim modunu tek deneyimde birleştirdiğimiz kendi ürünümüz.
- RehberŞirketlerde yapay zeka: ilk proje rehberiEğitim platformunda AI denemeye başlarken gerçekçi kapsam.
- RehberMobil uygulama geliştirme süreciNative ve cross-platform kararının öğrenme deneyimine etkisi.
- RehberTeknik SEO audit kontrol listesiKurs ve program sayfalarının arama görünürlüğünü etkileyen noktalar.
Sık sorulanlar
Tamamlama oranı, oyunlaştırma, mevcut LMS ve teslimat hakkında en çok sorulanlar.
İlk oturumunuzu birlikte izleyelim
Bize platformunuzun kayıt sonrası ilk beş dakikasını gösterin; nerede kaybettiğinizi birlikte bulalım ve gerçekçi bir ilk faz kapsamı çıkaralım. Keşif görüşmesi ücretsizdir ve sizi bağlamaz.
- ✓ Keşif görüşmesi ücretsiz
- ✓ Oran taahhüdü vermiyoruz, ölçüm planı kuruyoruz
- ✓ Figma kaynak dosyaları sizde
Bitiren öğrenen, iyi tasarlanmış ikinci oturumdan geliyor
Yolculuk haritasıyla başlıyor, ilk oturumu kısaltıyor, ilerlemeyi görünür kılıyor ve eğitmen tarafını hızlandırıyoruz. Nereden başlayacağınızı birlikte belirleyelim.