imdb ve İksv sİtelerİnİn analİzİ
TRANSCRIPT
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