IMDB VE İKSV SİTELERİNİN ANALİZİ
-
Upload
yasar-sekerci -
Category
Documents
-
view
115 -
download
4
Transcript of IMDB VE İKSV SİTELERİNİN ANALİZİ
![Page 1: IMDB VE İKSV SİTELERİNİN ANALİZİ](https://reader036.fdocument.pub/reader036/viewer/2022081502/55c4b031bb61eb2b2c8b4585/html5/thumbnails/1.jpg)
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
![Page 2: IMDB VE İKSV SİTELERİNİN ANALİZİ](https://reader036.fdocument.pub/reader036/viewer/2022081502/55c4b031bb61eb2b2c8b4585/html5/thumbnails/2.jpg)
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İ
![Page 3: IMDB VE İKSV SİTELERİNİN ANALİZİ](https://reader036.fdocument.pub/reader036/viewer/2022081502/55c4b031bb61eb2b2c8b4585/html5/thumbnails/3.jpg)
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
![Page 4: IMDB VE İKSV SİTELERİNİN ANALİZİ](https://reader036.fdocument.pub/reader036/viewer/2022081502/55c4b031bb61eb2b2c8b4585/html5/thumbnails/4.jpg)
IMDB SİTESİ
![Page 5: IMDB VE İKSV SİTELERİNİN ANALİZİ](https://reader036.fdocument.pub/reader036/viewer/2022081502/55c4b031bb61eb2b2c8b4585/html5/thumbnails/5.jpg)
IMDB Bilgi Mimarisi
Site haritası
![Page 6: IMDB VE İKSV SİTELERİNİN ANALİZİ](https://reader036.fdocument.pub/reader036/viewer/2022081502/55c4b031bb61eb2b2c8b4585/html5/thumbnails/6.jpg)
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.
![Page 7: IMDB VE İKSV SİTELERİNİN ANALİZİ](https://reader036.fdocument.pub/reader036/viewer/2022081502/55c4b031bb61eb2b2c8b4585/html5/thumbnails/7.jpg)
Bilgi Mimarisi
Arama motoru optimizasyonu(seo)
![Page 8: IMDB VE İKSV SİTELERİNİN ANALİZİ](https://reader036.fdocument.pub/reader036/viewer/2022081502/55c4b031bb61eb2b2c8b4585/html5/thumbnails/8.jpg)
BİLGİ MİMARİSİ
![Page 9: IMDB VE İKSV SİTELERİNİN ANALİZİ](https://reader036.fdocument.pub/reader036/viewer/2022081502/55c4b031bb61eb2b2c8b4585/html5/thumbnails/9.jpg)
SAYFA TASARIMI
![Page 10: IMDB VE İKSV SİTELERİNİN ANALİZİ](https://reader036.fdocument.pub/reader036/viewer/2022081502/55c4b031bb61eb2b2c8b4585/html5/thumbnails/10.jpg)
Sayfa Tasarımı
![Page 11: IMDB VE İKSV SİTELERİNİN ANALİZİ](https://reader036.fdocument.pub/reader036/viewer/2022081502/55c4b031bb61eb2b2c8b4585/html5/thumbnails/11.jpg)
SAYFA TASARIMI
![Page 12: IMDB VE İKSV SİTELERİNİN ANALİZİ](https://reader036.fdocument.pub/reader036/viewer/2022081502/55c4b031bb61eb2b2c8b4585/html5/thumbnails/12.jpg)
Sayfa Tasarımı
Content Area
![Page 13: IMDB VE İKSV SİTELERİNİN ANALİZİ](https://reader036.fdocument.pub/reader036/viewer/2022081502/55c4b031bb61eb2b2c8b4585/html5/thumbnails/13.jpg)
Sayfa Tasarımı
FOOTER
![Page 14: IMDB VE İKSV SİTELERİNİN ANALİZİ](https://reader036.fdocument.pub/reader036/viewer/2022081502/55c4b031bb61eb2b2c8b4585/html5/thumbnails/14.jpg)
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.
![Page 15: IMDB VE İKSV SİTELERİNİN ANALİZİ](https://reader036.fdocument.pub/reader036/viewer/2022081502/55c4b031bb61eb2b2c8b4585/html5/thumbnails/15.jpg)
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.
![Page 16: IMDB VE İKSV SİTELERİNİN ANALİZİ](https://reader036.fdocument.pub/reader036/viewer/2022081502/55c4b031bb61eb2b2c8b4585/html5/thumbnails/16.jpg)
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.
![Page 17: IMDB VE İKSV SİTELERİNİN ANALİZİ](https://reader036.fdocument.pub/reader036/viewer/2022081502/55c4b031bb61eb2b2c8b4585/html5/thumbnails/17.jpg)
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ş.
![Page 18: IMDB VE İKSV SİTELERİNİN ANALİZİ](https://reader036.fdocument.pub/reader036/viewer/2022081502/55c4b031bb61eb2b2c8b4585/html5/thumbnails/18.jpg)
Form Tasarımı
![Page 19: IMDB VE İKSV SİTELERİNİN ANALİZİ](https://reader036.fdocument.pub/reader036/viewer/2022081502/55c4b031bb61eb2b2c8b4585/html5/thumbnails/19.jpg)
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.
![Page 20: IMDB VE İKSV SİTELERİNİN ANALİZİ](https://reader036.fdocument.pub/reader036/viewer/2022081502/55c4b031bb61eb2b2c8b4585/html5/thumbnails/20.jpg)
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.
![Page 21: IMDB VE İKSV SİTELERİNİN ANALİZİ](https://reader036.fdocument.pub/reader036/viewer/2022081502/55c4b031bb61eb2b2c8b4585/html5/thumbnails/21.jpg)
İKSV’NİN SİTESİ
![Page 22: IMDB VE İKSV SİTELERİNİN ANALİZİ](https://reader036.fdocument.pub/reader036/viewer/2022081502/55c4b031bb61eb2b2c8b4585/html5/thumbnails/22.jpg)
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
![Page 23: IMDB VE İKSV SİTELERİNİN ANALİZİ](https://reader036.fdocument.pub/reader036/viewer/2022081502/55c4b031bb61eb2b2c8b4585/html5/thumbnails/23.jpg)
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.
![Page 24: IMDB VE İKSV SİTELERİNİN ANALİZİ](https://reader036.fdocument.pub/reader036/viewer/2022081502/55c4b031bb61eb2b2c8b4585/html5/thumbnails/24.jpg)
İç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.
![Page 25: IMDB VE İKSV SİTELERİNİN ANALİZİ](https://reader036.fdocument.pub/reader036/viewer/2022081502/55c4b031bb61eb2b2c8b4585/html5/thumbnails/25.jpg)
Arama Motoru Optimizasyonu(seo)
![Page 26: IMDB VE İKSV SİTELERİNİN ANALİZİ](https://reader036.fdocument.pub/reader036/viewer/2022081502/55c4b031bb61eb2b2c8b4585/html5/thumbnails/26.jpg)
Arama motoru optimizasyonu
![Page 27: IMDB VE İKSV SİTELERİNİN ANALİZİ](https://reader036.fdocument.pub/reader036/viewer/2022081502/55c4b031bb61eb2b2c8b4585/html5/thumbnails/27.jpg)
Sayfa Tasarımı
![Page 28: IMDB VE İKSV SİTELERİNİN ANALİZİ](https://reader036.fdocument.pub/reader036/viewer/2022081502/55c4b031bb61eb2b2c8b4585/html5/thumbnails/28.jpg)
Sayfa tasarımı
![Page 29: IMDB VE İKSV SİTELERİNİN ANALİZİ](https://reader036.fdocument.pub/reader036/viewer/2022081502/55c4b031bb61eb2b2c8b4585/html5/thumbnails/29.jpg)
Sayfa tasarımı
Footer
![Page 30: IMDB VE İKSV SİTELERİNİN ANALİZİ](https://reader036.fdocument.pub/reader036/viewer/2022081502/55c4b031bb61eb2b2c8b4585/html5/thumbnails/30.jpg)
Sayfa tasarımı
Arama kutusu işlevi
![Page 31: IMDB VE İKSV SİTELERİNİN ANALİZİ](https://reader036.fdocument.pub/reader036/viewer/2022081502/55c4b031bb61eb2b2c8b4585/html5/thumbnails/31.jpg)
Sayfa Tasarımı
Görsel tasarım prensipleri
![Page 32: IMDB VE İKSV SİTELERİNİN ANALİZİ](https://reader036.fdocument.pub/reader036/viewer/2022081502/55c4b031bb61eb2b2c8b4585/html5/thumbnails/32.jpg)
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.
![Page 33: IMDB VE İKSV SİTELERİNİN ANALİZİ](https://reader036.fdocument.pub/reader036/viewer/2022081502/55c4b031bb61eb2b2c8b4585/html5/thumbnails/33.jpg)
Tipografi ve Editoryal DüzenlemeF pattern kullanımı
![Page 34: IMDB VE İKSV SİTELERİNİN ANALİZİ](https://reader036.fdocument.pub/reader036/viewer/2022081502/55c4b031bb61eb2b2c8b4585/html5/thumbnails/34.jpg)
Tipografi ve Editoryal Düzenleme
• Metin içerik olarak yalın bir dille hazırlanmış, tüm hedef kitlelerin anlaması beklenmiştir
![Page 35: IMDB VE İKSV SİTELERİNİN ANALİZİ](https://reader036.fdocument.pub/reader036/viewer/2022081502/55c4b031bb61eb2b2c8b4585/html5/thumbnails/35.jpg)
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.
![Page 36: IMDB VE İKSV SİTELERİNİN ANALİZİ](https://reader036.fdocument.pub/reader036/viewer/2022081502/55c4b031bb61eb2b2c8b4585/html5/thumbnails/36.jpg)
Görsel ve İşitsel malzeme kullanımı
![Page 37: IMDB VE İKSV SİTELERİNİN ANALİZİ](https://reader036.fdocument.pub/reader036/viewer/2022081502/55c4b031bb61eb2b2c8b4585/html5/thumbnails/37.jpg)
Form tasarımı
![Page 38: IMDB VE İKSV SİTELERİNİN ANALİZİ](https://reader036.fdocument.pub/reader036/viewer/2022081502/55c4b031bb61eb2b2c8b4585/html5/thumbnails/38.jpg)
Etkileşim açısından başarılı bir form tasarımı görmekteyiz. Doğru ya da yanlış doldurduğumuza dair bilgi verilmektedir.
![Page 39: IMDB VE İKSV SİTELERİNİN ANALİZİ](https://reader036.fdocument.pub/reader036/viewer/2022081502/55c4b031bb61eb2b2c8b4585/html5/thumbnails/39.jpg)
Form tasarımı
![Page 40: IMDB VE İKSV SİTELERİNİN ANALİZİ](https://reader036.fdocument.pub/reader036/viewer/2022081502/55c4b031bb61eb2b2c8b4585/html5/thumbnails/40.jpg)
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.
![Page 41: IMDB VE İKSV SİTELERİNİN ANALİZİ](https://reader036.fdocument.pub/reader036/viewer/2022081502/55c4b031bb61eb2b2c8b4585/html5/thumbnails/41.jpg)
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.
![Page 42: IMDB VE İKSV SİTELERİNİN ANALİZİ](https://reader036.fdocument.pub/reader036/viewer/2022081502/55c4b031bb61eb2b2c8b4585/html5/thumbnails/42.jpg)
IMDB MOBİL VERSİYON
![Page 43: IMDB VE İKSV SİTELERİNİN ANALİZİ](https://reader036.fdocument.pub/reader036/viewer/2022081502/55c4b031bb61eb2b2c8b4585/html5/thumbnails/43.jpg)
Footer
![Page 44: IMDB VE İKSV SİTELERİNİN ANALİZİ](https://reader036.fdocument.pub/reader036/viewer/2022081502/55c4b031bb61eb2b2c8b4585/html5/thumbnails/44.jpg)
Sayfa tasarımı
![Page 45: IMDB VE İKSV SİTELERİNİN ANALİZİ](https://reader036.fdocument.pub/reader036/viewer/2022081502/55c4b031bb61eb2b2c8b4585/html5/thumbnails/45.jpg)
Sayfa tasarımı
![Page 46: IMDB VE İKSV SİTELERİNİN ANALİZİ](https://reader036.fdocument.pub/reader036/viewer/2022081502/55c4b031bb61eb2b2c8b4585/html5/thumbnails/46.jpg)
Arama butonu işlevselliği
![Page 47: IMDB VE İKSV SİTELERİNİN ANALİZİ](https://reader036.fdocument.pub/reader036/viewer/2022081502/55c4b031bb61eb2b2c8b4585/html5/thumbnails/47.jpg)
Tipografi ve Editoryal Düzenleme
![Page 48: IMDB VE İKSV SİTELERİNİN ANALİZİ](https://reader036.fdocument.pub/reader036/viewer/2022081502/55c4b031bb61eb2b2c8b4585/html5/thumbnails/48.jpg)
Form tasarımı
![Page 49: IMDB VE İKSV SİTELERİNİN ANALİZİ](https://reader036.fdocument.pub/reader036/viewer/2022081502/55c4b031bb61eb2b2c8b4585/html5/thumbnails/49.jpg)
Form tasarımı
![Page 50: IMDB VE İKSV SİTELERİNİN ANALİZİ](https://reader036.fdocument.pub/reader036/viewer/2022081502/55c4b031bb61eb2b2c8b4585/html5/thumbnails/50.jpg)
Görsel ve işitsel malzeme kullanımı
![Page 51: IMDB VE İKSV SİTELERİNİN ANALİZİ](https://reader036.fdocument.pub/reader036/viewer/2022081502/55c4b031bb61eb2b2c8b4585/html5/thumbnails/51.jpg)
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.
![Page 52: IMDB VE İKSV SİTELERİNİN ANALİZİ](https://reader036.fdocument.pub/reader036/viewer/2022081502/55c4b031bb61eb2b2c8b4585/html5/thumbnails/52.jpg)
İksv mobil versiyon
![Page 53: IMDB VE İKSV SİTELERİNİN ANALİZİ](https://reader036.fdocument.pub/reader036/viewer/2022081502/55c4b031bb61eb2b2c8b4585/html5/thumbnails/53.jpg)
Sayfa tasarımı
![Page 54: IMDB VE İKSV SİTELERİNİN ANALİZİ](https://reader036.fdocument.pub/reader036/viewer/2022081502/55c4b031bb61eb2b2c8b4585/html5/thumbnails/54.jpg)
Sayfa tasarımı
![Page 55: IMDB VE İKSV SİTELERİNİN ANALİZİ](https://reader036.fdocument.pub/reader036/viewer/2022081502/55c4b031bb61eb2b2c8b4585/html5/thumbnails/55.jpg)
Görsel ve işitsel malzeme kullanımı
![Page 56: IMDB VE İKSV SİTELERİNİN ANALİZİ](https://reader036.fdocument.pub/reader036/viewer/2022081502/55c4b031bb61eb2b2c8b4585/html5/thumbnails/56.jpg)
Tipografi ve editoryal tasarım
![Page 57: IMDB VE İKSV SİTELERİNİN ANALİZİ](https://reader036.fdocument.pub/reader036/viewer/2022081502/55c4b031bb61eb2b2c8b4585/html5/thumbnails/57.jpg)
Evrenselleştirme
![Page 58: IMDB VE İKSV SİTELERİNİN ANALİZİ](https://reader036.fdocument.pub/reader036/viewer/2022081502/55c4b031bb61eb2b2c8b4585/html5/thumbnails/58.jpg)
Bizi dinlediğiniz için teşekkür ederiz.
Yaşar şekerci
Anıl kararuş
Muhammed şahin
Tuğsan Sarıoğlu