GÖRSEL WEB TASARIMI

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.

Gerçekçi Görseller: Anlatılmak istenen objenin gerçek halidir.

Analojik Görseller: Anlatılmak istenen durumla ilişkili olan farklı nesnelerle oluşturulan görsellerdir.

Örgütsel Görseller: Farklı öğeler arasındaki niteliksel ilişkileri ifade etmek için kullanılırlar.

İlişkisel Görseller: Niceliksel ilişkileri anlatmada tercih edilirler. Yaygın olarak tercih edilen ilişkisel görseller arasında çubuk grafikler, resimli grafikler, pasta grafikleri ve çizgi grafikleri gösterilebilir.

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.

Yorumlayıcı Görseller: Teorik ya da soyut ilişkileri göstermek için kullanılırlar.

Analojik Görseller: Anlatılmak istenen durumla ilişkili olan farklı nesnelerle oluşturulan görsellerdir. Örnek olarak, elektrik devresinin anlatımı aşamasında su hortumundan yararlanarak görselleştirmek verilebilir.

Ö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

İlişkisel Görseller: Niceliksel ilişkileri anlatmada tercih edilirler. Yaygın olarak tercih edilen ilişkisel görseller arasında çubuk grafikler, resimli grafikler, pasta grafikleri ve çizgi grafikleri gösterilebilir.

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.

Ziyaretçinin kendini özel hissetmesi ve muhatap bulması yalnız olmadığını düşünmesine ve siteye bağlılık hissetmesine olanak tanıyacaktır. Bu bağlamda iletişim bilgileri, iletişim formu, yorum ekleme, eşzamanlı ya da eşzamansız destek ve ulaşım bilgilerine yer verilmesi iyi bir web sayfası oluşumunda gerekli görülmektedir. Doğru cevap D'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.

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.

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.