SlideShare a Scribd company logo
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ızda Sponsorluk 
İnsan 
Kaynakları Basın Arşiv İletişim Üye ol 
İKSV 
SPONSORLU 
K 
PROGRAMI 
İK 
POLİTİKALARI 
TARİHÇE 
SPONSORLA 
R 
ÇALIŞMA 
OLANAKLARI 
TEMEL 
ARAÇLAR 
AÇIK 
POZİSYONLA 
R 
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üzenleme 
F 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

More Related Content

Viewers also liked

Douglas Carl Engelbart - for NextNow - 2015 March 14, San Francisco
Douglas Carl Engelbart - for NextNow - 2015 March 14, San FranciscoDouglas Carl Engelbart - for NextNow - 2015 March 14, San Francisco
Douglas Carl Engelbart - for NextNow - 2015 March 14, San Francisco
Community of Impact
 
Systemia presentation
Systemia presentationSystemia presentation
Systemia presentation
Velinas
 
Kranthi arelli
Kranthi arelliKranthi arelli
Kranthi arelli
KRANTHI ARELLI
 
Clase 1
Clase 1Clase 1
Tics de la educacion
Tics de la educacionTics de la educacion
Tics de la educacion
criselizabeth30
 
Concienciació fonològica
Concienciació fonològica Concienciació fonològica
Concienciació fonològica Nuria Torras
 
Easter eggs
Easter eggsEaster eggs
Easter eggs
Ania Pawłowska
 
Community of Impact Introduction - 20130528
Community of Impact Introduction - 20130528Community of Impact Introduction - 20130528
Community of Impact Introduction - 20130528
Community of Impact
 
A bit of geography
A bit of geographyA bit of geography
A bit of geography
Ania Pawłowska
 
Poems about spring
Poems about springPoems about spring
Poems about spring
Ania Pawłowska
 
SlideShare 101
SlideShare 101SlideShare 101
SlideShare 101
Amit Ranjan
 

Viewers also liked (12)

Douglas Carl Engelbart - for NextNow - 2015 March 14, San Francisco
Douglas Carl Engelbart - for NextNow - 2015 March 14, San FranciscoDouglas Carl Engelbart - for NextNow - 2015 March 14, San Francisco
Douglas Carl Engelbart - for NextNow - 2015 March 14, San Francisco
 
Systemia presentation
Systemia presentationSystemia presentation
Systemia presentation
 
Kranthi arelli
Kranthi arelliKranthi arelli
Kranthi arelli
 
Clase 1
Clase 1Clase 1
Clase 1
 
Tics de la educacion
Tics de la educacionTics de la educacion
Tics de la educacion
 
Concienciació fonològica
Concienciació fonològica Concienciació fonològica
Concienciació fonològica
 
Spring dictionary
Spring dictionarySpring dictionary
Spring dictionary
 
Easter eggs
Easter eggsEaster eggs
Easter eggs
 
Community of Impact Introduction - 20130528
Community of Impact Introduction - 20130528Community of Impact Introduction - 20130528
Community of Impact Introduction - 20130528
 
A bit of geography
A bit of geographyA bit of geography
A bit of geography
 
Poems about spring
Poems about springPoems about spring
Poems about spring
 
SlideShare 101
SlideShare 101SlideShare 101
SlideShare 101
 

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

  • 1. 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
  • 2. 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İ
  • 3. 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
  • 5. IMDB Bilgi Mimarisi  Site haritası
  • 6. 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.
  • 7. Bilgi Mimarisi  Arama motoru optimizasyonu(seo)
  • 12. Sayfa Tasarımı  Content Area
  • 14. 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.
  • 15. 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.
  • 16. 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.
  • 17. 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ş.
  • 19. 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.
  • 20. 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.
  • 22. Bilgi Mimarisi  Site haritası Hakkımızda Sponsorluk İnsan Kaynakları Basın Arşiv İletişim Üye ol İKSV SPONSORLU K PROGRAMI İK POLİTİKALARI TARİHÇE SPONSORLA R ÇALIŞMA OLANAKLARI TEMEL ARAÇLAR AÇIK POZİSYONLA R NEJAT ECZACIBAŞI BİNASI
  • 23. 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.
  • 24.  İç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.
  • 25.  Arama Motoru Optimizasyonu(seo)
  • 26.  Arama motoru optimizasyonu
  • 30. Sayfa tasarımı  Arama kutusu işlevi
  • 31. Sayfa Tasarımı Görsel tasarım prensipleri
  • 32. 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.
  • 33. Tipografi ve Editoryal Düzenleme F pattern kullanımı
  • 34. Tipografi ve Editoryal Düzenleme • Metin içerik olarak yalın bir dille hazırlanmış, tüm hedef kitlelerin anlaması beklenmiştir
  • 35. 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.
  • 36. Görsel ve İşitsel malzeme kullanımı
  • 38. Etkileşim açısından başarılı bir form tasarımı görmekteyiz. Doğru ya da yanlış doldurduğumuza dair bilgi verilmektedir.
  • 40. 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.
  • 41. 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.
  • 50. Görsel ve işitsel malzeme kullanımı
  • 51. 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.
  • 55. Görsel ve işitsel malzeme kullanımı
  • 58. Bizi dinlediğiniz için teşekkür ederiz.  Yaşar şekerci  Anıl kararuş  Muhammed şahin  Tuğsan Sarıoğlu