Etkileşimli İçerik

Konu Anlatımı

Etkileşimli İçerik

Etkileşimli İçerik, Web Tasarımı ve Animasyon dersi kapsamındaki Video ve Etkileşim ünitesinin temel konularından biridir. Bu konu alanın gerektirdiği bilgi ve becerilerin kazandırılmasına temel oluşturur.

Temel Bilgiler

• Kurgu sahneleri birleştirir.
• Geçişler sahne değişimini yumuşatır.
• Etkileşim kullanıcı katılımını artırır.

Uygulama ve Dikkat Edilmesi Gerekenler

Bu konunun uygulamasında iş güvenliği kurallarına uyulmalı, kullanılan araç ve malzemeler amacına uygun seçilmeli ve yapılan işlemler standartlara göre kontrol edilmelidir. Öğrenilen bilgiler atölye ve iş yeri uygulamalarıyla pekiştirildiğinde kalıcılık artar.

Etkileşimli İçerik Türleri ve Kullanım Alanları

Etkileşimli içerik, izleyicinin tıklama, sürükleme ya da seçim yaparak bilgiye yön verdiği yayınlardır. Üretilen başlıca türler etkileşimli bilgi grafiği, sıcak nokta (hotspot) görselleri, kısa testler, dallanan senaryolar ve interaktif sunumlardır. Tür seçilirken amaç, izleyicinin alması gereken bilginin kaç adımda ve hangi sırayla verileceğine bağlıdır.

Teknik altyapı olarak H5P, SCORM ve xAPI paketleri kullanılır. SCORM paketleri içeriği öğrenme yönetim sistemine (LMS) taşır ve tamamlanma durumunu, xAPI ise kullanıcı etkileşimlerini ayrıntılı olarak kaydeder.

Kullanıcı Yolu ve Geri Bildirim

İyi tasarlanmış bir etkileşimde kullanıcı her adımda ne yapabileceğini görebilir (affordance), yaptığı işlemin sonucunu anında görür ve istediği bilgiye birkaç dokunuşla ulaşır. Dallanan senaryolarda her seçeneğin ayrı bir devam yolu vardır; bu yüzden toplam yol sayısı seçme noktalarının çarpımıyla bulunur.

Toplam kullanıcı yolu = Birinci seçim şıkkı × İkinci seçim şıkkı × …

Erişilebilirlik ve Teknik Gereksinimler

Üretim ve Test Akışı

Üretimde önce içerik haritası ve ekran listesi çıkarılır, ardından arayüz görselleri hazırlanıp etkileşim bağlantıları tanımlanır. Son aşamada farklı ekran boyutlarında, klavye ile ve yavaş bağlantıda test yapılır; tıklama oranı ve hata noktaları ölçülerek revizyon alınır.

Temel Etkileşimli İçerik Özellikleri

Etkileşimli içerik, kullanıcıların bilgiyi aktif olarak almasına yönelik tasarlanmış bir araçtır. Bu tür içeriklerde kullanıcılar tıklama, sürükleme veya seçim yaparak bilgiye yön verirler. Bu etkileşimler, öğrenme sürecini daha etkili hale getirir ve bilginin kalıcılığını artırır. Öğretmenler, bu konuda öğrencilerin pratik becerilerini geliştirmek için etkileşimli içeriklerin kullanımını dikkatli bir şekilde planlamalıdır. Etkileşimli bilgi grafiği gibi araçlar, öğrencilerin veri analizi becerilerini geliştirmek için idealdir. Bu araçlar, kullanıcıların verileri görsel olarak düzenleyerek daha iyi anlama fırsatı sunar. Ayrıca, etkileşimli içeriklerin kullanımı, öğrencilerin öğrenme sürecini daha etkili hale getirmek için tasarlanmış bir yöntemdir.

İş güvenliği kurallarına uyulması, etkileşimli içeriklerin güvenli bir şekilde kullanılmasını sağlar. Bu nedenle, kullanılan araç ve malzemelerin amacına uygun seçimi önemlidir. Ayrıca, etkileşimli içeriklerin üretimi sırasında standartlara göre kontrol edilmesi, kaliteyi korumak için kritik öneme sahiptir. Bu tür içeriklerin doğru şekilde uygulanması, öğrencilerin bilgilerini daha iyi anlamalarını ve uygulamalarını kolaylaştırır. Sıcak nokta (hotspot) görselleri ise, kullanıcıların belirli bölgelere tıklamaları ile bilgiyi almasını sağlayan görsel araçlardır. Bu görseller, öğrencilerin dikkatini odaklamalarına ve bilgiyi daha hızlı öğrenmelerine yardımcı olur.

Ne Öğreneceğiz

Web Tasarımı ve Animasyon dersi kapsamında Etkileşimli İçerik konusu. Bu konuda ögrenme çıktıları:

• Etkileşimli İçerik ile ilgili temel kavramları açıklar.
• Etkileşimli İçerik konusunun Web Tasarımı ve Animasyon dersi içindeki yerini ve önemini belirtir.
• Konuyla ilgili araç, gereç ve malzemeleri amacına uygun seçer.
• İş sağlığı ve güvenliği kurallarına uygun çalışır.
• Öğrendiği bilgi ve becerileri atölye/iş yeri uygulamalarında kullanır.

Ön Bilgi

Bu konuya başlamadan önce temel kavram ve ön koşulları kavramanız yardımcı olacaktır. Konunun çerçevesinde şu kavramlar dikkat ister:

• Kurgu sahneleri birleştirir.
• Geçişler sahne değişimini yumuşatır.
• Etkileşim kullanıcı katılımını artırır.
• Etkileşimli tasarımda her tıklanabilir öğenin görsel olarak ayırt edilmesi gerekir; renk tek başına yeterli bir işaret değildir.
• SCORM paketi içeriği LMS'e taşır ve tamamlanma durumunu, xAPI ise ayrıntılı etkileşim kayıtlarını tutar.

Basit Örnek ve Günlük Yaşam

Günlük yaşamda ve mesleki bağlamda bir uygulama:

Soru: Kurgu sahneleri birleştirir.

1. Konuyu tanımla ve ilgili kavramları belirle.
2. Doğru yöntem veya hesaplamayı uygula.
3. Sonucu standartlara göre kontrol et.

Sonuç/cevap: Doğru uygulama sonucunda konuyla ilgili kazanım elde edilir.

İleri Örnek

Daha ileri bir uygulama:

Soru: 3 MB olan performans bütçesinin 1,8 MB'ı kullanılmıştır. Kalan bütçe 300 KB'lık görsellerden en fazla kaç adet karşılar?

1. Adım 1: Bütçe KB cinsinden 3 MB = 3000 KB ve 1,8 MB = 1800 KB olarak yazılır.
2. Adım 2: Kalan bütçe 3000 − 1800 = 1200 KB bulunur.
3. Adım 3: Görsel sayısı = 1200 ÷ 300 = 4 adettir; beşinci görsel bütçeyi 300 KB aşar.

Sonuç/cevap: En fazla 4 görsel.

Adım Adım Çözülmüş Örnek

Etkileşimli İçerik - Örnek 1 konusunun adımları:

1. Konuyu tanımla ve ilgili kavramları belirle.
2. Doğru yöntem veya hesaplamayı uygula.
3. Sonucu standartlara göre kontrol et.

Karşılaştırma Tablosu

Sık Yapılan Hatalar

Etkileşimli İçerik ile ilgili kavramları birbirine karıştırmak: Temel kavramları tablo veya zihin haritasıyla ayırt et.

Uygulamada standartlara ve iş güvenliği kurallarına uymamak: Her adımda güvenlik ve kalite kurallarını uygula.

Kullanılan araç-gereci amacına uygun seçmemek ve bakımını ihmal etmek: Doğru ekipmanı seç, kullanım öncesi ve sonrası kontrol et.

Tıklanabilir öğeyi ayırt etmeyi unutmak: Yalnızca renge dayalı bağlantılar birçok kullanıcı tarafından fark edilmez, tıklama oranı düşer ve içerik kullanılamaz hâle gelir.

Özet

Etkileşimli İçerik, Web Tasarımı ve Animasyon dersi kapsamında ele alınan temel konulardan biridir. Kurgu sahneleri birleştirir. Geçişler sahne değişimini yumuşatır. Etkileşim kullanıcı katılımını artırır. Bu bilgiler uygulama ve iş güvenliği kurallarıyla birlikte pekiştirilmelidir.

Kendini Dene

Soru: Üç aşamalı bir interaktif infografikte seçenek sayıları sırasıyla 4, 3 ve 2'dir. Kullanıcının alabileceği farklı yol sayısını hesaplayınız; içerik 2000 kez gösterilip 300 kez tıklanmışsa tıklama oranını bulunuz ve içeriğin öğrenme yönetim sistemine yüklenmesi hâlinde SCORM ile xAPI'nın hangi bilgileri tutacağını karşılaştırınız.

Örnek cevap: Puanlama anahtarı: Kullanıcı yolunun 4 × 3 × 2 = 24 olarak bulunması 6 puan; tıklama oranının 300 ÷ 2000 × 100 = %15 hesaplanması 6 puan; SCORM'un içeriği LMS'e taşıdığı ve tamamlanma durumunu tuttuğunun yazılması 4 puan; xAPI'nın ayrıntılı etkileşim kayıtlarını tuttığının belirtilmesi 4 puan. Toplam 20 puan.