GÖRSEL WEB TASARIMI

Web sayfalarının biçimsel olarak doğru tasarlanmasındaki vaz geçilmez unsur olan görseller genel olarak;  gerçekçi, analojik, örgütsel, ilişkisel, dönüşümsel ve yorumlayıcı görseller şeklinde türlere ayırılabilir. A, B, C ve E seçeneklerinde verilenler Bu görsel türleri arasında yer alır. Ancak iletilebilir görseller bu türler arasında yer almaz. Doğru cevap D'dir.

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. Doğru cevap C’dir.

web sayfalarının algılamayı kolaylaştırabileceği gibi güçlüklere de sebep olabileceği unutulmamalıdır. Amacı yansıtmayan, konu dışında farklı uyarıcıları da barındıran tasarımların algılamayı negatif yönde etkilediği bilinmektedir. Bu durumun yaşanmaması için web tasarımı yaparken görsel malzeme seçiminde amaca uygunluğuna, tek bir konu, Web İçin Tasarım İlkeleri ile ilişkili olmasına, sadeliğine, dikkati çekecek derecede iyi renklendirilmiş olmasına, ihtiyaca göre yazılı içerik bulundurmasına ve gerçeği yansıtmasına dikkat edilmesi gerekir.

Web sayfaları sunumunu basitleştirmek, düşünmeyi canlandırmak, anahtar noktaları vurgulamak, istatistiksel verilerin anlaşılabilirliğini artırmak, karşılaştırma yapmak, ilişkileri göstermek, yeni kavramları-detayları açıklamak ve varlıkların nitel boyutlarını sergilemek için görseller tercih edilmektedir. Bu doğrultuda web sayfaları tasarlanırken içerikte görsel malzemelerin (durağan veya hareketli) kullanımı, daha fazla bilginin daha kısa zamanda algılanmasına ve kavramlar arası ilişkilerin anlamlı olarak yapılandırılmasına olanak tanıyacaktır. Ancak, web sayfalarının algılamayı kolaylaştırabileceği gibi güçlüklere de sebep olabileceği unutulmamalıdır. Doğru cevap C'dir.

Yazım ve dilbilgisi kurallarına, terminolojiye dikkat edilmelidir. Anlaşılması güç yabancı kelimelerden, kısaltmalardan kaçınılmalıdır.

Web sitelerinde başlık kısmı Head olarak kodlanır. JavaScript ve CSS kütüphaneleri bu alana eklenir.

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. Doğru cevap A'dır.

Web sayfası bağlantısı alan adı domain olarak bilinmektedir. Doğru cevap D'dir.

Web sayfaları sunumunu basitleştirmek, düşünmeyi canlandırmak, anahtar noktaları vurgulamak, istatistiksel verilerin anlaşılabilirliğini artırmak, karşılaştırma yapmak, ilişkileri göstermek, yeni kavramları-detayları açıklamak ve varlıkların nitel boyutlarını sergilemek için görseller tercih edilmektedir. Ancak, web sayfalarının algılamayı kolaylaştırabileceği gibi güçlüklere de sebep olabileceği unutulmamalıdır. Amacı yansıtmayan, konu dışında farklı uyarıcıları da barındıran tasarımların algılamayı negatif yönde etkilediği bilinmektedir. Bu durumun yaşanmaması için web tasarımı yaparken görsel malzeme seçiminde amaca uygunluğuna, tek bir konu ile ilişkili olmasına, sadeliğine, dikkati çekecek derecede iyi renklendirilmiş olmasına, ihtiyaca göre yazılı içerik bulundurmasına ve gerçeği yansıtmasına dikkat edilmesi gerekir.

Web sayfası tasarımı, var olanı iyi gösterebilmek ve kullanımı kolaylaştırmak içindir. Var olan ile kastedilen sunulmak istenen, aktarılmak istenen tüm içerik ve bileşenlerdir. Tasarımcılar rastgele bir içeriğin ekleneceği bir siteye herhangi bir tasarım yapamazlar. İçeriğe göre tasarım yapmak gerekir. Aksi durumdaki web sayfaları istenilen etkiyi yaratamadıklarından uzun ömürlü olamamaktadırlar.

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 sitesi tasarımında sitenin sahip olduğu teknik özelliklerden ve alt yapısındaki kaliteden çok kullanıcı ne gördüğü ve neye ulaşmak istediğiyle ilgilenir. Ziyaretçilerin çok fazla bağlantı tıklamadan gezinim bileşenleri üzerinden istediğine erişebileceği bir hiyerarşi oluşturulması ve ziyaretçinin aradığına ulaşma çabasının minimize edilerek sağlanması web sayfasının işlevselliğinin göstergesidir.

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. Doğru yanıt D seçeneğidir.

Ö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. Doğru yanıt B seçeneğidir.

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. Doğru yanıt A seçeneğidir.

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 ve asıl anlatılmak isteneneni vurgulamak 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. Doğru yanıt C seçeneğidir.

Aidiyet hissi, 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 yanıt D seçeneğidir.

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. Doğru yanıt E seçeneğidir.

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.