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

Genel olarak bir birine yakın bilgilerin yer aldığı çalışmalarda birçok görsel tasarım ilkesi ve önemi ifade edilmiştir. İlgili bilgiler doğrultusunda görsel tasarım ilkeleri incelenmiş ve en çok dikkat edilmesi gereken ilkeler; Bütünlük, Denge, Simetri/Asitmetri, Vurgu ve Hizalama şeklinde derlenmiştir.

Gerçekçi görselleri oluşturmada, Photoscape, Photoshop, PowerPoint, Illustrator, Paint, Panit.NET, Pencil vb. kullanılır.

Web sayfası bağlantısı alan adı domain olarak bilinmektedir.

Kullanılabilirlik ilkesi ziyaretçiyi daha sonra aynı sayfaya çeken ve rahat kullanım şansı veren bir ilkedir. Web sayfası hazırlanırken hedef kitle özelliklerine göre kullanım kolaylığı gözetilmelidir. Kullanım kolaylığı, yazı tipi, renk, büyüklük, zemin ve yazı bütünlüğü ve çıktı formatı gibi birçok farklı seçeneğe göre düzenlenebilir. 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 web sayfasının okunabilir olması gerekmektedir.  Birçok kullanıcı sayfayı önce tarar sonra okur. Bu nedenle okunabilirliği arttırmak için yazı ve fontlarda
zıt renkler kullanılmalıdır. Doğru cevap A'dır.

Sistemin kullanımı kolay olmalı ve çok sayıda içeriğe erişim sağlamalıdır. Bir sitede navigasyonu sağlayan en basit ve en anlaşılır yöntem site haritasıdır. Özel bir menü aracılığıyla kullanıcıya bütün site haritası gösterilebilir. Bütün sayfalardan, ana sayfaya dönüşün olması, kullanıcıların daha güvenli bir şekilde yönlendirilmesini sağlar. Bütün bağlantıların çalışabilir olması gereklidir. Bozuk bağlantıların sayfadan çıkarılması için sürekli olarak kontrol edilmelidir. Navigasyonu iyi planması, çalışır ve güncel bir şekilde tutulması iyi bir web sayfasında olması gereken özelliklerden birisidir. Doğru cevap C'dir.

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.

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

En çok kullanılan tarayıcılar arasında Google Chrome, Internet Explorer, Safari, Mozilla Firefox ve Opera gelmektedir.

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 etiketlerine meta-tag denir.

Görsel tasarım ilkeleri incelenmiş ve en çok dikkat edilmesi gereken ilkeler; Bütünlük, Denge, Simetri/Asitmetri, Vurgu ve Hizalama şeklinde derlenmiştir.

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.

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.

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.

• 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 sayfalaya 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

Kullanılabilirlik ilkesi ziyaretçiyi daha sonra aynı sayfaya çeken ve rahat kullanım şansı veren bir ilkedir. Web sayfası hazırlanırken hedef kitle özelliklerine göre kullanım kolaylığı gözetilmelidir. Kullanım kolaylığı, yazı tipi, renk, büyüklük, zemin ve yazı bütünlüğü ve çıktı formatı gibi birçok farklı seçeneğe göre düzenlenebilir.

Web sayfası hazırlanırken hedef kitle özelliklerine göre kullanım kolaylığı gözetilmelidir.

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.

Örgütsel Görseller: Farklı öğeler arasındaki niteliksel ilişkileri ifade etmek için kullanılırlar. Yaygın olarak tercih edilen örgütsel görseller arasında sınıflandırma çizelgeleri, zaman çizgileri, akış şemaları ve haritalar gösterilebilir (Şekil 2.4).

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 (Şekil 2.6).