"

SiberKültür 101: Internet kültürü, web dedikoduları ve web tasarımı ve geliştirme konusundaki tüm açlığınızı giderir.

Web tasariminda gorseller ne kadar onemli?

Bu isin icinde olan herkes hemen hemen bir sekilde rastlamistir. Web tasariminda gorsellerin (gorselden kasit sekil, ikon, resim veya fotograf) kullaniminin onemli oldugu dusunulur. Ornegin sadece yazidan olsan bir sayfada mutlaka bir gorsel koymalisinizdir. Aksi halde sayfa cok bos, sig gorunecektir.

Peki gercekte oyle mi? Sayfaniza gorseller koydugunuzda gercekten kullanicilari mutlu ediyor musunuz?

User Interface Engineering'in bu konuda guzel bir makalesi var. Sonuca varmadan once bazi tanimlamalar yapalim. Tasarimda kullanilan gorseller belli gruplara ayriliyor:

Yonlendirici gorseller

Bu tip gorseller, kullaniciya yol gostermek icin kullaniliyor. Ornegin bir menudeki ikonlar veya bir alisveris sitesindeki kategori fotograflari bu kategoriye dahil edebiliriz. Ancak burada alti cizilmesi gereken bir nokta var. O da kastedilen gorsellerin kesinlikle suslemek amaciyla kullanilan degradeli kutular, web 2.0 butonlari vesaire olmadigi.

Yonlendirici gorsel ornegi

Icerik gorselleri

Adi uzerinde bu gorseller ise icerigin kendisi ile alakali. Mesela yine bir alisveris sitesinde bulunan urune ait fotograflar, iletisim sayfasindaki kroki gorseli veya sirket calisanlari sayfasindaki insanlarin fotograflari gibi.

Icerik gorseli ornegi

Susleyici gorseller

Bu tur konumuzun asil kahramani. Bu gorseller, uzerinde dusunmezseniz size aslinda cok mantikli, faydali gorseller gibi gelebilir. Ornek vermem gerekirse uyelik sayfaniza koyacaginiz el sikisan insanlar (guven mi yaratir?), misyonumuz sayfasinda yer alan artistik fotograf (sizi "cool" mu gosterir?) veya anasayfada yer alan bir unlunun fotografi (kaliteli mi gosterir?)...

Susleyici gorsel ornegi

UIE'nin arastirmasi gosteriyor ki yonlendirici ve icerik gorselleri kullanici deneyimini olumlu yonde etkiliyor. Cunku bu gorseller icerik ile alakali ve kullanicilarin okumasina gerek kalmadan onlara yol gosteriyor, fikir verdiriyor.

Ote yandan susleyici gorsellerin etkisi tartisilir. Aslinda buyuk oranda olumsuz bir etkisi oldugunu soyleyebilirim. Zira, susleyici gorseller cogunlukla icerikle hic alakali olmuyor, kullaniciya bir sey anlatmiyor, hayatini kolaylastirmiyor. Bu yuzden negatif etkiler yaratabiliyor. Simdi ornekleri birer birer curutelim.

  • Uyelik sayfaniza koyacaginiz el sikisan insanlar: Birilerin el sikismasi gercekten sizde guven duygusu yaratiyor mu? Yoksa yuz binlerce sitede gorunen fotograflar gibi, sadece siradan mi geliyor baska sitede gordugunuzde? Televizyon reklamlarini dusunun, bankada danseden ve dansederken el sikisan insanlar sizi gercekten etkiliyor mu?
  • Misyonumuz sayfasinda yer alan artistik fotograf: Bu fotograf cok sahane bir acidan, inanilmaz isik dengesiyle cekilmis, sitenizle tamamen uyumlu renklere sahip bir manzara fotografi olabilir. Tek basina olsa, herkes hayran kalacak. Ancak misyon sayfasinda isi ne? Gelen ziyaretci ne dusunecek? Bu sirketin misyonu bana boyle bir manzara saglamak mi?
  • Anasayfada yer alan bir unlunun fotografi: Cogumuz unluleri severiz. Ancak cogumuz ayni unluyu sevmeyiz. Seda Sayan'in seveni cok olabilir, ancak bir o kadar insana antipatik de gelebilir. Ustelik Seda Sayan'in firmanizin anasayfasinda ne isi var?

Gorsellerin insanlar uzerinde farkli etkileri var. Dogru kullanilan gorseller, ziyaretciye iyi bir deneyim yasatip, sitenizden mutlu ayrilmasini saglayabilir ancak susleyici gorseller, bir baska deyisle gereksiz gorseller, gereksiz olmaktan baska bir ise yaramazlar.

Ister web sitelerinin mutfaginda olun, isterseniz siteyi yaptiran siz olun, beyninizin size oynayacagi oyuna denk gelmeyin:

Bu kedi fotografini buraya koyayim, herkes cok begenecek!

Yorumlar

çok güzel ve anlaşılır eline sağlık

Yerinde örnekler vermişsin. Bahsettiğin gibi web tasarımında mutlaka görsel kullanılmalı. Ama bu işi profesyonelce abartmadan ve konuya odaklanarak yapmalı.

Yorumlama aparatı

Google Friend Connect (leave a quick comment)
loading...
Bu bilgi gizli tutulacak ve kimseyle paylaşılmayacaktır.
  • İzin verilen HTML elementleri: <a> <b> <dd> <dl> <dt> <i> <li> <ol> <u> <ul> <strong> <blockquote> <em> <br /> <img> <acronym> <p> <style> <code> <h2> <h3> <h4>
  • Satırlar ve paragraflar otomatik ayarlanıyor

Bot musun?
Üzgünüz ama korkunç botların saldırısından kurtulmak için bu soruya ihtiyacımız var.