GÖRSEL WEB TASARIMI - Deneme Sınavı - 14

Uyumluluk ilkesi tasarımcılar tarafından göz ardı edilmemelidir. Web sayfalarına ulaşmak için kullanıcılar özel programlardan yararlanır. Bu programlar web sayfası tasarım ve programlama kodlarını, bir başka deyişle ön yüz ve arkaplan kodlarını yorumlayacak tarayıcılardır. Her kullanıcı web sayfalarına ulaşmak için tarayıcılardan yararlanmak durumundadır. Bütün tarayıcılar genel olarak bütün biçimsel kodları tanır ve arkaplan kodlamalarını yorumlayabilir. Ancak standartlara uymayan tasarımlar tarayıcılarda farklı görünümlere sebep olabilmektedir. En çok kullanılan tarayıcılar arasında Google Chrome, Internet Explorer, Safari, Mozilla Firefox ve Opera gelmektedir.

Görsel Tasarım Web sayfası oluşturma sürecinde dikkat edilmesi gereken bir diğer aşama tasarım aşamasıdır. Görünümün nasıl olacağına, içeriğin nerede gösterileceğine, ana menüler ve alt menülerin konumuna, başlık ve taban görünümüne kadar bütün düzene tasarım aşamasında karar verilir.

Dönüşümsel Görseller: Zaman ve mekân bağlamında hareketi veya dönüşümü göstermek için tercih edilen görsellerdir. Su döngüsü animasyonu, imalat süreci animasyonu veya fotosentez sürecini anlatan bir animasyon dönüşümsel görsellere örnek olarak verilebilir.

Gerçekçi görseller:  Photoscape, Photoshop, PowerPoint, Illustrator, Paint, Panit.NET, Pencil vb.

Analojik görseller:  Photoshop, Illustrator, Paint, Panit.NET, Pencil vb

Örgütsel görseller:  Photoshop, PowerPoint, Illustrator, Paint, Panit.NET, Pencil vb

İlişkisel görseller:  PowerPoint, Word vb

Dönüşümsel görseller:  Photoscape, Pencil, Flash, Flex vb.

Yorumlayıcı görseller:  Illustrator, Paint, Panit.NET, Pencil vb.

İyi bir web sayfası kullanıcının daha sonra ihtiyaç duyduğunda tekrar ziyaret edebildiği web sitesidir. Bu bağlamda iyi bir web sayfasının oluşturduğu ilk izlenim çok önemlidir. İlk izlenim kullanıcının içeriğe daha sempatik yaklaşmasını ve ön yargılarından kurtulmasını sağlayacaktır. Bunun yanında iyi navigasyonu olan, içeriği güncel, gerçekçi, nesnel ve anlaşılır olan, iletişim kurma olanağı vererek aidiyet hissi oluşturmaya çalışan, farklı platformlarla uyum içerisinde olan ve kullanıcı memnuniyetine önem veren web sayfaları iyi olarak nitelendirilebilecek web sayfaları arasında gösterilebilir.

Web      sayfası  yapısı     itibariyle içerik  olarak   sürekli güncelleniyorsa mutlaka eski içerikleri için iyi bir arşiv sistemi ve bağlantı oluşturma sistemi olmalıdır.

Dönüşümsel Görseller: Zaman ve mekân bağlamında hareketi veya dönüşümü göstermek için tercih edilen görsellerdir. Su döngüsü animasyonu, imalat süreci animasyonu veya fotosentez sürecini anlatan bir animasyon dönüşümsel görsellere örnek olarak verilebilir.

Yorumlayıcı Görseller: Teorik ya da soyut ilişkileri göstermek için kullanılırlar.Elektrik devresinin şematik görünümü, kroki tasarımlar ya da alt yapı tasarımları örnek olarak   verilebilir. Yorumlayıcı görseller öğrenenler için görünmeyen ya da soyut olan olayları ve    süreçleri zihinsel bir modele dönüştürürler

Vurgu Görsel malzemeler üzerinde bazen tek bir yere daha çok dikkat çekilmek istenebilir. Karışık bir görselde istenilen objenin öğrenen tarafından hemen fark edilebilmesi için diğer objeleri bulanıklaştırma, asıl objeyi keskinleştirme, farklı renklendirme ile dikkati istenilen objeye yönlendirmenin yapılabileceği gibi özel işaretçilerden (ok, daire gibi) de yararlanılabilir.

Meta-tag’lar sayfa kodlamasında başlık olarak ifade edilen bölüme yazılan, web sayfasını tanıtan, aramalarla eşleştiren ve web sayfasının kısa özetini barındıran bilgi etiketleridir.

Görsel tasarım ilkeleri, Bütünlük, Denge, Simetri/Asitmetri, Vurgu ve Hizalama şeklinde derlenmiştir.

Denge ilkesi web sayfası tasarımlarında ve web sayfası içeriğinde oldukça önemli olan bir görsel tasarım ilkesidir. Kullanıcının sayfaya eriştiğinde kullandığı aracın bütününe hitap etmeyecek bir düzen biçimsel tasarımın doğru yapılmadığının göstergesidir. Tasarımcı nesneleri dizerken belirli bir terazi dengesi gözetmeli ve bir düzen takip etmelidir.

Web sayfalarını değerli kılanın kullanıcı ziyareti olduğu düşünüldüğünde kullanıcı beklentilerinin önemli olduğu söylenebilir. Bu doğrultuda beklen­tileri yönünde hız ilkesinin tasarımcılar tarafından gözetilmesi ve sayfaların hızlı yüklenmesinin önün­deki engellerin neler olduğunun bilinmesi gerek­mektedir.

Hizalama ilkesi simetri ve denge ilkesini tamamlayan bir özelliktir. Benzer nesnelerin bir düzene göre dizilmesi kullanıcının dikkatinin dağılmamasına ve algılamasının kolay olmasına olanak tanıyacaktır. Hizalama ilkesine uygun tasarlanan görsellerde dikeyde, yatayda ve radyal olarak bir simetri yakalandığı ve dengeli olarak dağıldığı gözlenecektir.

Doğru yazı tipleri kullanılmalıdır. Doğru yazı tiplerinin seçimi, içeriğin sunumunu kolaylaştıracaktır. Çok büyük ya da çok küçük büyüklükte yazılar tercih edilmemeli, font büyüklüğü olarak 12 ile 14 arası seçimlere özen gösterilmelidir. Başlıklar normal metinden 2 birim daha büyük yazılabilir.

Web tasarım ilkeleri olarak sayılabilecek birçok farklı unsur vardır. Ancak bunlar arasında en çok dikkat edilmesi gerekenler İçerik, Hız, Kullanılabilirlik, İşlevsellik, Uyumluluk ve Görsel Tasarımdır.

İçerik açısından site tasarlanırken dikkat edilmesi gereken unsurlar şunlardır;
• Web sayfası kullanıcının sorusuna cevap verir özellikteki içeriği barındırmalıdır. Kullanıcı çekmek için arama motoru uyumu sağlayıp boş içeriğe kullanıcı çekilmemelidir.
• İçerik hakkında kullanıcıların beklentilerini belirtebilecekleri formlar ya da iletişim kurabilecekleri alanlar eklenmelidir.
• Web sayfası yapısı itibariyle içerik olarak sürekli güncelleniyorsa mutlaka eski içerikleri için iyi bir arşiv sistemi ve bağlantı oluşturma sistemi olmalıdır.
• Yazım ve dilbilgisi kurallarına, terminolojiye dikkat edilmelidir. Anlaşılması güç yabancı kelimelerden, kısaltmalardan  kaçınılmalıdır.
• İçerik içerisinde oluşturulan bağlantıların anlamlı olması gerekir. Alakalı olmayan bir sayfaya bağlantı eklenmemelidir.

Günümüz internet teknolojileri oldukça yüksek hızda hizmet vermeye başlamıştır. Ancak bu durum kullanıcıların da beklentilerinin değişmesine neden olmuştur. Örneğin web 1.0 yapısında web ana sayfalarının 19 saniye, çok ziyaret edilen sayfaların ise 8 saniyede görüntülenebilmesi kabul edilebilir bir hızlı yükleme sayılmasına rağmen günümüzde kullanıcılar 2 ya da üç saniyede tüm sayfanın yüklenmesini beklemektedir.

Web sayfalarını değerli kılanın kullanıcı ziyareti olduğu düşünüldüğünde kullanıcı beklentilerinin önemli olduğu söylenebilir. Bu doğrultuda beklentileri yönünde hız ilkesinin tasarımcılar tarafından gözetilmesi ve sayfaların hızlı yüklenmesinin önündeki engellerin neler olduğunun bilinmesi gerekmektedir.
• Web sayfaları yüklenirken içeriğinde barındırdığı her öğeyi istemcinin bilgisayarına indirmektedir. Bu öğeler yazı, resim, ses ve video gibi içeriklerdir. Bu aşamada tasarımcı her içeriği bütün boyutlarıyla sayfalara yüklememeli, görsel kullanacaksa küçültmeli, ses ya da video kullanacaksa player dediğimiz oynatıcılar aracılığıyla çağırmalıdır.
• Tabloların iç içe çok sayıda olması tarayıcının okumasını ağırlaştıracak ve sayfanın geç açılmasına neden olacaktır.
• Standart olmayan yazı tiplerinin kullanılması sayfa yüklenmesi önündeki engellerden biridir. İstemcinin yazı tipini tanıması için tasarımcının sayfa başlığında vermiş olduğu eklentiye gitmesi, onu okuması ve kabul etmesi gerekir. Bu durum sayfa yüklem süresini arttırır.
• Tasarımcının kod yazımlarında standartlara uymaması sayfanın geç yüklenmesine sebep olabilir. Örneğin düz bir metin içeren bir sayfanın birçok kütüphaneye link almış olması tarayıcı meşgul edecektir. Çünkü tarayıcı başlıkta verilen kütüphanelerin içerik için gerekli olduğu düşüncesiyle okumaya ve tanımaya çalışacaktır.

Kullanıcı alışkanlıkları kullanılabilirlik ilkesinde gözetilmesi gereken bir diğer konudur. Logo konumundan, menü bağlantılarına kadar kullanıcıyı farklı bir ortama çekme gayreti yerine diğer gezindiği sitelere benzer bir yapıya çekildiği hissi uyandırılmalıdır. Kullanılabilirliğin iyi olması için aşağıda bazı özellikler listelenmiştir:
• Hedef kitle analizi yapılmalı ve kullanıcıların özellikleri belirlenmelidir. Gerekirse bunu belirlemek için özel anket formlarıyla tercihleri ortaya çıkarılabilir. Burada amaç, hedef kitledeki kullanıcıların profilleri, beklentileri, bağlantı hızları vb. özelliklerin önceden tespit edilmeye çalışılmasıdır.
• En düşük hıza sahip kullanıcı gözetilerek site oldukça sade olmalı ve hızlı yüklenmelidir.
• Ziyaretçilerin sayfa kullanımı için yararlandığı bağlantılar menüsü alışkın oldukları düzene göre yerleştirilmelidir. Bu düzen genelde üst ve sol bölüm olarak bilinir. Sağ taraf tercihleri nadir de olsa kullanılabilmektedir.
• Web sayfalarının taşıdığı logolar kurumsal kimliğin ana parçasıdır. Kullanıcılar logoların tıklanabildiği görüşüne sahiptirler. Özellikle ana sayfaya geri dönmek için çok fazla bağlantının olması durumunda ya da çok fazla alt içeriğin gezindiği durumlarda üst tarafta yer alan logoyu tıklamak kullanıcılara kolaylık sağlayacaktır. Bu yüzden logoların tıklanabilir olması ve iyi konumlandırılması gerekir.
• Web sayfası okunabilir olmalıdır. Birçok kullanıcı sayfayı önce tarar sonra okur. Okunabilirliği arttırmak için yazı ve fontlarda zıt renkler kullanılmalıdır.
• Doğru yazı tipleri kullanılmalıdır. Doğru yazı tiplerinin seçimi, içeriğin sunumunu kolaylaştıracaktır. Çok büyük ya da çok küçük büyüklükte yazılar tercih edilmemeli, font büyüklüğü olarak 12 ile 14 arası seçimlere özen gösterilmelidir. Başlıklar normal metinden 2 birim daha büyük yazılabilir.
• Önemli kavramlar kalın olarak veya özel renklerle vurgulanmalıdır.
• Küçük boyuttaki bilgisayarlar ya da mobil cihazlarla da erişilebileceği unutulmamalı ve evrensel standartlara bağlı olarak kabul edilen büyüklüklere göre içerik ve tasarım konumlanmalıdır.
• Yardım, site haritası, sıkça sorulan sorular gibi servisler sitede bulunmalıdır. Ayrıca bu tür servisleri bütün sayfalardan erişilebilir olmalıdır.
• İçerik çok fazla ise arama kutusu bulunmalıdır.
• Kullanıcılara hata ile karşılaştıklarında hatanın olası nedenlerini açıklamaya çalışmalıdır,
• Web sitesinde iletişim kurmak için iletişim bilgileri ve iletişim formu bulunmalıdır.