BM 515 Etkileşimli Sistem Tasarımı dersi kapsamında hazırlanmış tasarım analiz raporu

1. BM 515 Etkileşimli Sistem Tasarımı Aralık 2009
Gazi Bilişim Enstitüsü www.tuncaykaplan.com
Tasarım Analiz Raporu:
Atılım Üniversitesi Web Sitesi İncelemesi ( www.atilim.edu.tr )
1. Genel Yerleşim
• Sayfa yaygın olarak kullanılan 1024*768
ve 1280*800 gibi ekran çözünürlüklerinde
dikey olarak ekrana sığmamaktadır.
Örneğin 4 numaralı içeriğe ulaşmak için
“kaydırma çubuğu” kullanılması
gerekmektedir. Banner(1) için gereğinden
fazla alan kaplaması bunun nedenlerinden
biridir.
• Üniversite adının yazıldığı başlıktaki
çerçeve ve ışıma görsel efektleri üniversite
kurumsal kimliğe uyum konusunda
başarısız kalmaktadır.
• 2 numaralı dönen fotoğraflar üniversitenin
fotoğraf galerisine bağlantılandırılabilir.
Burada dönen resimler içinde ileri geri
gezinti düğmeleri yerleştirilebilir.
• Farklı web tarayıcılarında 3 ve 4 numaralı alanlar arasında gereksiz boşluklar
oluşabilmektedir.(Teknik bir hata)
• 3 ve 4 numarada bulunan metinlerde daha okunaklı bir yazı tipi ve stil
kullanılabilir.
• 8 numaralı alandaki logolara içerikleri hakkında bilgilendirici “alt” ve “title”
özellikleri eklenebilir.
2. Ana Gezinti Menüsü
• Genelde hızlı erişilebilir olması nedeniyle tercih edilen “mega-menu” orta ve üzeri
yaş grubundaki insanlarca pek tercih kullanılmıyor. Kullanıcılardan bir kısmı
başlıklara tıklamaya alıştığı için, menu açılması için gereken 150ms süreyi
beklemek yerine doğrudan başlığa ait sayfayı açmayı tercih ediyorlar. (Nielsen,
Jakob. "Mega Drop-Down Navigation Menus Work Well (Jakob Nielsen's
Alertbox)." Useit.com: Jakob Nielsen on Usability and Web Design. 23 Mar. 2009.
Web. 11 Dec. 2009. <http://www.useit.com/alertbox/mega-dropdown-
menus.html>.)
• Menuler altında açılan bağlantıların yazı tipi ve yerleşimleri ile başlıklara
tıklanarak erişilen yan sayfalardaki bağlantıların yazı tipi ve yerleşimleri tutarsız.
• “Akademik Birimler” gibi ekranı kaplayan açılır menülerde, sağ üst tarafa bir
“Kapat” tuşu eklenerek, kullanıcının (özellikle düşük çözünürlükte ekrana sahip
kullanıcıların) paniklemesinin önüne geçilebilir.
3. Yan Sayfa Tasarımları
• “İdari Birimler” sayfasında bulunan birim isimlerinin bir kısmında, birim web
sayfasına bağlantı verilmemiş. Sorumlu kişilerin iletişim bilgilerine yer
verilmemiş.

2. BM 515 Etkileşimli Sistem Tasarımı Aralık 2009
Gazi Bilişim Enstitüsü www.tuncaykaplan.com
• Yan sayfalarda bulunan başlıkların hizalanmasında tutarsızlık bulunmaktadır.
Kimi sayfalarda başlıklar ortalanmışken, kimi sayfalarda sola hizalanmıştır.
(Örneğin: Başlığı Ortalanmış Sayfa,
http://www.atilim.edu.tr/oisleri_0910_dikey_gecisler.php, Başlığı Sola Yaslanmış
Sayfa, http://www.atilim.edu.tr/a_idari_birimler.php )
• “Üniversite Adayları” sayfasında
(http://www.atilim.edu.tr/a_universite_adaylari.php) bazı alt başlıklarda yer alan
“ekmek kırıklarında” eksik bağlantılar mevcut. (Ekmek Kırıkları Hakkında: Ishtiaq
Ahmed ve James Blustein, “Influence of spatial ability in navigation: using look-
ahead breadcrumbs on The Web,” Int. J. Web Based Communities 2, no. 2 (2006):
183-196.)
• Yansayfalardaki bağlantılar altı çizili olmadıkları için, bağlantılar zor
seçilmektedir. (Örnek sayfa: http://www.atilim.edu.tr/ad_burs.php )
• Yan sayfa başlıkları ve bağlantıların yazı tipleri ve yerleşimleri bazı sayfalarda
tutarsızlık göstermektedir.
4. Fonksiyonel Özellikler
• Küçük ekranlı mobil cihazlardan bağlanma durumunda cihaza uygun çözünürlükte
sayfa seçeneğinin bulunmaması. Yüksek boyutlarda dosya indirilmesi ile
kullanıcının bağlantı limitinin gereksiz yere kullanılmasına sebep oluyor. (Google
Analytics verilerine göre, toplam: 102.163 ziyaretin 736’sı mobil cihazlardan
gerçekleştirilmiş. %0,7 olan bu oran, sitenin mobil cihaz uyumlu olmaması da bu
oranın artmasına bir engel olmuştur.)
• Duyuru(3), haber(4) ve etkinlik(6,7) alanları için RSS beslemesi eklenebilir.
Sadece duyuruları takip eden bir kişi sürekli web sitesine girmek yerine, bir
besleme uygulaması kullanabilir.
• 5 numaralı alanın başında bulunan arama kutusundaki girdiler kayıt altına alınıp,
otomatik tamamlama özelliği eklenebilir. Ayrıca sitede bulunamayıp, kullanıcıyı
arama motoru kullanımına yönlendiren eksikler de tespit edilebilir.
• “Haberler” başlığı altında girilen bir sayfada, kullanıcıya “son eklenen haberler”,
“ilgili haberler” veya “etiket bulutu” şeklinde erişim imkanları sağlanabilir.
5. Diğer
• Ana sayfadan bağlantı verilmiş bazı web sayfalarında kurumun daha önceden
kullandığı logolar ile karşılaşılabilmektedir.