ETKİLEŞİMLİ MEDYA TASARIMI DERSİ

IMDB VE İKSV SİTELERİNİN ANALİZİ

YAŞAR ŞEKERCİ

ANIL KARAKUŞ

MUHAMMED ŞAHİN

TUĞSAN SARIOĞLU

10 ARALIK 2014

SUNUM PLANI

IMDB’NİN KLASİK SİTESİNİN İNCELENMESİ

İKSV’NİN KLASİK SİTESİNİN İNCELENMESİ

IMDV VE İKSV SİTELERİNİN MOBİL VERSİYONLARININ İNCELENMESİ

ANALİZ İLKELERİ

Bilgi Mimarisi Sayfa Tasarımı Tipografi, Editoryal Düzenleme Görsel ve İşitsel Malzeme Kullanımı Form Tasarımı Evrensel Kullanılabilirlik Kültürelleştirme

IMDB SİTESİ

IMDB Bilgi Mimarisi

Site haritası

Bilgi Mimarisi

Hedef kitle

Sitenin hedef kitlesi sinemaseverlerdir. Siteyi incelediğimizde etkileşimli ortam içeriğinin herhangi bir sinemasever için doğru ve öğretici bilgilerle dolu olduğunu görüyoruz.

İçerik hedef kitlenin amaçlarına yönelik kategorize edilmiş ve yeterli sayıda link verilmiştir. 4 ana başlık ve 9 alt başlıktan oluşan kategorilerin altında uygun linkler hatta onların da altında ilgili linkler vardır. Kullanıcı aradığını kolayca bulabilir.

Bilgi Mimarisi

Arama motoru optimizasyonu(seo)

BİLGİ MİMARİSİ

SAYFA TASARIMI

Sayfa Tasarımı

SAYFA TASARIMI

Sayfa Tasarımı

Content Area

Sayfa Tasarımı

FOOTER

Tipografi ve Editoryal Düzenleme

Sitede seçilen fontların büyüklüğü yeterlidir ve okunabilir durumdalar. Genel olarak Verdana (9) ve Arial (11) kullanılmıştır. Fontu büyültüp küçültme seçeneği yoktur.

Tipografi ve Editoryal Düzenleme

Görüldüğü gibi içerik alanın ortasına konumlandırılmış biçimde ve metin sola hizalanmış bir şekildedir. Satır uzunlukları genelde 12-13 kelime civarındadır ve ideal olanı aşmıştır. Metinler genelde F pattern sistemine uygun yazılmamıştır.

Görsel ve işitsel malzeme kullanımı Fotoğrafta görüldüğü üzere videonun ilk başında kullanıcıya çözünürlük kalitesi için seçenek sunuluyor. Videonun ebatı formatı ve türü konusunda da kullanıcıya bilgi veriliyor. Ses kalitesi açısından da gayet iyi durumdadır.

Görsel ve işitsel malzeme kullanımı

• Aşağıdaki fotoğrafta görüldüğü üzere videonun altında videoyu tanımlayan ve url’sini veren bazı açıklamalar verilmiş.

Form Tasarımı

Evrensel Tasarım

Site çocuklar, yaşlılar, engelliler ve deneyimsiz kullanıcılar için herhangi bir seçenek sunmuyor. Bu grupların kullanımı kolaylaştıracak bir seçenek bulunmuyor. Yazı fontları büyümüyor, yazılar sesli kaydedilmemiş vb. kolaylaştırma yöntemleri yok.

Kültürelleştirme

Sitede farklı dillerdeki filmleri dil seçeneğinden istediğimiz dili seçerek bulabiliyoruz. Ancak sitenin genel bir dil seçeneği yoktur. Adres ve telefon sistemleri de Amerika odaklı yapılandırılmıştır.

İKSV’NİN SİTESİ

Bilgi Mimarisi

Site haritası

HakkımızdaSponsorlu

kİnsan

Kaynakları Basın Arşiv İletişim Üye ol

 İKSV

SPONSORLUK

PROGRAMI

İK POLİTİKALA

RI        

 TARİHÇESPONSORLA

R

ÇALIŞMA OLANAKLAR

I        

 TEMEL ARAÇLAR  

AÇIK POZİSYONL

AR         NEJAT ECZACIBAŞI BİNASI            

Bilgi Mimarisi

Hedef kitle

• Site ortam içeriği hedef kitleye ve amaca göre yapılandırılmıştır. Kültür ve sanatseverler için İKSV’nin ortaya koyduğu tüm organizasyonlar hakkında site içinde detaylı açıklamalar bulunmaktadır.

İçerik organizasyonu

İKSV kendisi “FİLM, TİYATRO MÜZİK, CAZ, BİENAL, TASARIM” başlıklarıyla 6 kategoriye ayırmış. Ana site de ise 7 header kullanıcıya sunulmuştur.

Arama Motoru Optimizasyonu(seo)

Arama motoru optimizasyonu

Sayfa Tasarımı

Sayfa tasarımı

Sayfa tasarımı

Footer

Sayfa tasarımı

Arama kutusu işlevi

Sayfa Tasarımı

Görsel tasarım prensipleri

Tipografi ve Editoryal Düzenleme Genel olarak Helvetica 11,5 ve Calibri 11 kullanılmıştır. Seçilen fontların

büyüklüğü yeterli ve okunaklıdır fakat başlıklar içeriklerin boyutuna göre küçük kalmaktadır. Font büyütme ve küçültme seçeneği yoktur.

Metinler sayfaya ortalanmıştır ve paragraf kullanılmamıştır. Beyaz ve açık gri zemin üzerine siyah tercih edilmiştir.

Tipografi ve Editoryal DüzenlemeF pattern kullanımı

Tipografi ve Editoryal Düzenleme

• Metin içerik olarak yalın bir dille hazırlanmış, tüm hedef kitlelerin anlaması beklenmiştir

Görsel ve İşitsel malzeme kullanımı

Görseller genel olarak 12 kb civarındadır ve yüklerken herhangi bir sorun yaratmamaktadır. Hızlı yüklemeye olanak sağlayacak boyutlardadır.

Sitede kullanılan görsellerin kalitesi ortalama seviyededir. İstendiği takdirde üzerine tıklayıp daha yüksek halini görmemiz mümkündür. Ana görsellerin çözünürlükleri biraz daha iyidir. 12 kb olan görsel üzerine bastığımızda 244 kb halinde gözükmektedir.

Görsel ve İşitsel malzeme kullanımı

Form tasarımı

Etkileşim açısından başarılı bir form tasarımı görmekteyiz. Doğru ya da yanlış doldurduğumuza dair bilgi verilmektedir.

Form tasarımı

Evrensel tasarım

Site farklı kullanıcı gruplarının erişimini desteklemiyor. Metinlerde fontları büyütüp küçültme seçeneği bile bulunmayan sitede bu grupları destekleyen herhangi bir uygulama yoktur.

Site de yabancı dil seçeneği olarak sadece İngilizce bulunmaktadır.

Kültürleştirme

Site farklı kültürlerden gelen kullanıcılara hitap etmiyor çünkü İstanbul’da olan kültür ve sanat etkinliklerinin haber verildiği bir sitedir. Dil, zaman, adres ve telefonlar o ülkeye özel.

IMDB MOBİL VERSİYON

Footer

Sayfa tasarımı

Sayfa tasarımı

Arama butonu işlevselliği

Tipografi ve Editoryal Düzenleme

Form tasarımı

Form tasarımı

Görsel ve işitsel malzeme kullanımı

Evrensel tasarım

Mobil sitesi incelediğimiz zaman site içerisinde , engelli ve çocuklara yönelik bir çalışma yok.

Farklı dil seçeneği bulunmuyor.

Yaşlılar için sadece metni büyültme özelliği bulunuyor.

İksv mobil versiyon

Sayfa tasarımı

Sayfa tasarımı

Görsel ve işitsel malzeme kullanımı

Tipografi ve editoryal tasarım

Evrenselleştirme

Bizi dinlediğiniz için teşekkür ederiz.

Yaşar şekerci

Anıl kararuş

Muhammed şahin

Tuğsan Sarıoğlu