Multimedya Öğeleri

İlke

Multimedya öğeleri kullanılırken mobil cihazların ekran boyutu, internet bağlantı karakteristiği ve işlemci gücü gibi etkenlerin göz önünde bulundurulması gereklidir.

Açıklama

Geleneksel masaüstü cihazlarda ekran genişliği, ekran yüksekliğinden fazla iken mobil cihazlarda ekran genişliği, ekran yüksekliğinden daha azdır. Masaüstü cihazlara ait ekranlarda yaygın olarak kullanılan en-boy (aspect ratio) oranları 4:3 ya da 16:9 iken mobil cihazlarda bu oranlar dikey çözünürlük temel alınarak kurgulanır. Bu nedenle, (varsa) masaüstü internet sitesinin mobil versiyonunun hazırlanmasında bileşen boyutlarının yeniden ele alınması ve tasarımın genel olarak revize edilmesi gerekmektedir.

Mobil sitelerde kullanılan video öğelerinin yüklenme süresi bağlantı hızına bağlı olarak uzun sürebilmekte, bağlantı hızı yüksek bile olsa kullanıcı video içeriklerini internet paketinin tasarrufu bakımından kullanmayabilmektedir. Aynı zamanda, bağlantı hızının düşük olduğu mobil cihazlarda videoların süresinin gösterilmesi kullanıcıların videoları açıp açmama kararlarında etkili olacaktır.

Resimler, boyut (size) etiketi ile ebatları değiştirilmek istendiği zaman dosya boyutları değişmez. Aynı zamanda yeniden piksel hesaplaması için tarayıcıda ciddi (görünür ya da görünmez) yavaşlamaya neden olup batarya tüketimini artırırlar. Bu nedenle mobil tarayıcılarda daha önemli olmak üzere siteye yerleştirilen resimlerin özellikle fotoğraf makinesinden çıktıkları gibi değil, yeniden boyutlandırılarak ve gösterildiği boyuta getirilerek siteye yerleştirilmesi uygundur.

Yönergeler

  • Fotoğraf / resimlerin sitenin yüklenme hızını düşüreceği ve içeriklerin daha yavaş açılmasına neden olabileceği unutulmamalıdır.
  • Metin içeriğini destekleyici mahiyette olan ve kullanıcılar için anlamlı olacak fotoğraf / resimler kullanılmalıdır.
  • İçeriğe ait fazla sayıda fotoğraf / resim bulunuyorsa, ana görsel dışındaki diğer görsellere başka bir bağlantı üzerinden ulaşılması sağlanabilir. Böylece tüm görsellerin aynı anda yüklenmesi engellenmiş olur.
  • Açık ve anlaşılır olmayan fotoğraf / resimler için altyazı ya da açıklama eklenmelidir.
  • Mobil sitelerde bulunan görseller, siteye erişim sağlanan cihazın ekran boyutundan taşmayacak şekilde görüntülenmelidir.
  • Görsellerin yüksek çözünürlükte ve büyük boyutlarda verilmesinin gerekli olduğu durumlarda, resmin boyutlarının ekran boyutlarından küçük olduğu hali gösterilmeli, kullanıcı istediği takdirde ilgili görseli büyütebilmelidir.
  • Kullanıcılar resmin yüksek çözünürlüğe sahip halini görmek isterse site içerisine eklenecek bağlantı ile ilgili resmin yüksek çözünürlüklü haline ulaşabilmesi sağlanmalıdır.
  • Arka plan resimleri kullanımı mecbur olmadıkça tercih edilmemelidir.
  • Arka plan resimleri bilgi verme amacıyla kullanılmamalıdır. Kullanılması gerektirdiği durumlarda ise arka plan içerisinde verilen bilgi site içerisinde ayrıca yer almalıdır.
  • Görsellerin en-boy oranı büyütme küçültme sırasında kesinlikle değiştirilmemelidir. En-boy oranına uygun bir şekilde ilgili görsel ekrana yerleştirilmelidir.
  • Düşük kontrastlı görseller tercih edilmemelidir. Mobil cihazlar, ışık seviyelerinin farklı olduğu ortamlarda kullanılabileceğinden düşük kontrastlı görsellerde algılanma güçlüğü yaşanabilir.
  • Video öğelerinin yer aldığı sayfalarda, ilgili videonun içeriği hakkında açıklama eklenmelidir. Böylelikle, kullanıcıların videonun yüklenmesini beklemeden, video açıklamasını okuyarak ilgili videoyu izleyip izlememe kararını vermesi sağlanabilir.
  • Mobil cihazların ekran boyutlarından dolayı tıklanabilir alanlar büyük önem taşımaktadır. Kullanıcılara kolaylık sağlanması amacıyla mobil site içerisindeki video öğeleri, hem video başlığına hem de (varsa) videoya ait küçük resme tıklanarak oynatılabilmelidir.
  • Video çalıştırılmadan önce video oynatma süresi kullanıcılar tarafından görülebilmelidir.
  • Mobil site içerisinde yer alan videolar, kullanıcıların mobil cihazında oynatılamıyorsa ya da cihaz ile uyumlu değilse, bu durum hakkında kullanıcılara bilgi verilmelidir.
  • Altyazılar, işaret dili ve sesli açıklama gibi alternatif yayınlar, kullanılabilir şekilde gömülü medya ile sağlanmalıdır.
  • Kullanıcı, duraklatma / durdurma / sessize alma düğmelerinin varlığını fark edebilmelidir.
  • Videonun bulunduğu internet sayfası ilk açıldığında video otomatik başlatılmamalı veya sessiz başlaması sağlanmalıdır.
  • Tüm medyalar için ilgili meta veriler sağlanmalıdır. İlgili meta veriler süre ve alt yazıların varlığı, işaret dili veya ses açıklaması içerebilir.

Referanslar

Faydalı Kaynaklar