Web Grafik Tasarımının Özellikleri

Bir mesajı iletmek, bir görseli geliştirmek veya bir düşünceyi görselleştirmek için metnin ve görsellerin algılanabilir ve görülebilir bir düzlemde, iki boyutlu veya üç boyutlu olarak organize edilmesini içeren yaratıcı süreç, Grafik Tasarım olarak adlan- dırılır.

Fotoğraf, resim, grafik ve video gibi görsel unsurlarla düz yazıları bir araya getire- rek, kullanıcılara mesaj vermeyi ya da düşünce aktarımını sağlamak, ilgi çekmek, beğeni kazanmak ve tanıtım yapmak, grafik tasarımının hedefleri arasında yer almaktadır.

Denge: Bir tasarımdaki şekil ve elementlerin görsel dengesi denge olarak tanımlanmaktadır.

Web tasarımının ve Web grafik tasarımının özellikleri şu şekilde sıralanabilir:

• Yaratıcılık

• Dinamiklik

• Erişilebilirlik

• Yenilemeye açık olma

• Bakım kolaylığı

• Hızlı yükleme

• Hedef Kitle ile Etkileşim

Yaratıcılık konusun- da ilerleme kaydedebilmek için şu adımları uygulamak önemli katkılar sağlayacaktır:

-Günün En Üretken Zamanında Çalışmak

-Fikirlerin Özetlenmesi

-Kişisel Tasarım Projeleri Üretmek

-Daha Zorlu İşler Üstlenmek

-Yaşam Boyu Öğrenime Devam Etmek

-Dikkat Dağıtıcı Durumlardan Kurtulmak

-Yaratıcı Grup Toplantıları Düzenlemek

-Bilinçaltını Devreye Koymak

• Bu siteler için oluşturulan özel bir yönetim paneli vardır.

• Yönetim paneli aracılığıyla Web sitesinin ayarları değiştirebilmekte veya içerik yüklemesi yapılabil- mektedir.

• Hazır temalar da bu sitelerde kullanılabilmektedir.

• Dinamik Web sitelerinde tasarım değişikleri kolayca yapılabilmektedir.

• Dinamik Web sitelerini yönetebilmek ya da içerik yükleyebilmek için herhangi bir kodlama bilgi- sine gereksinim duyulmamaktadır.

• Bu siteler, arama motoru optimizasyonu konusunda avantaj sağlamaktadır.

• Güncelleme işlemleri, dinamik Web sitelerinde daha hızlı yapılabilmektedir.,

• Dinamik Web sitelerinde içerik yapısı, ihtiyaca göre düzenlenebilmektedir.

• Dinamik Web sitelerinde etkileşim olanağı oldukça yüksektir.

• Bu sitelerde, veri girişi, veri silme gibi işlemler kolay yapılabilmektedir.

• Dinamik Web siteleri, içerik ve mimari açıdan gelişime açıktır.

• Bu siteler, büyük projelerin mimari ve içerik yönetimleri için oldukça kullanışlıdır.

• Statik Web sitelerine göre çalışma hızları bi- raz daha yavaştır.

• Güvenlik açığı, statik Web sitelerine oranla daha fazladır.

• Olabilecek en fazla sayıda kullanıcıya bağımsızlık sağlayan,

• Ürünün bütünlüğünü tehlikeye düşürmeden kullanıcı özel gereksinimlerine uyum sağlayan,

• Estetik olarak başarılı,

• Ortalama bir gereksinim düzeyinde başarı gösteren,

• Tüketiciye bilgi veren,

• Sürdürülebilir olan tasarımdır.

Evrensel tasarım felsefesinin dayandığı ilkeler ilk kez 1948’de Birleşmiş Milletler Genel Kurulu tarafından benimsenip ilan edilen İnsan Hakları Evrensel Bildirgesi’nde ifade edilmiştir.

• Eşitlikçi Kullanım: Tasarım, çok farklı ye- tenek düzeyleri olan bireylerce kullanılabi- lir, satın alınabilir olmalı ve bu konuda eşit şartlar sağlanmış olmalıdır.

• Kullanımda Esneklik: Tasarım, bireysel tercihler ve yetenekler konusunda geniş se- çenekler sunmalıdır.

• Basit ve Sezgisel Kullanım: Tasarım, bire- yin deneyimine, bilgisine, dil becerilerine veya o anki konsantrasyon seviyesine bakıl- maksızın, kolay anlaşılabilir olmalıdır.

• Algılanabilir Bilgi: Tasarımda, bireye ge- rekli olan bilgi, ortam koşulları ve bireyin duyusal becerilerinden etkilenmeyecek şe- kilde verilmelidir.

• Hata için Tolerans: Tasarımda, kaza veya istenmeyen davranışlar sonucu ortaya çı- kabilecek tehlikeli ve kötü sonuçlar en aza indirgenmelidir.

• Düşük Fiziksel Güç Gereksinimi: Tasarım, verimli olmalı ve rahatlıkla kullanılacak şe- kilde, yorgunluğu en aza indirgemelidir.

• Yaklaşım ve Kullanım İçin Uygun Boyut ve Mekân: Tasarımda, bireyin vücut ölçüle- rine, duruşuna ve hareketliliğine bakılmak- sızın, yaklaşma, uzanma, elle hareket ettir- me gibi fiziki hareketler için uygun boyut ve alan sağlanmalıdır.

• Sayfa tasarımı: Tasarlanan sayfaların erişi- lebilir olması için Web siteleri tasarlanırken geçerli standart internet programlama kod- ları tercih edilmelidir.

• Renklerin kullanımı: Web sitesindeki arka plan rengi ve yazı rengi arasında yüksek zıt- lık olmalıdır. Bu aşamada belirlenen hedef kitleye uygun renkler seçilmelidir. Örneğin, kırmızı ve yeşil renk kombinasyonları, renk körü kullanıcıların erişilebilirliğini engelle- yebileceği için tercih edilmemelidir.

• Resim ve grafiklerin kullanımı: Ekran okuyucu araçlar ve yazılımlar, yazılı metin- leri görme engelli bireyler için seslendirile- bilirken bu işlemi resim, grafik ve video gibi nesnelerde gerçekleştirememektedir. Dola- yısıyla, kullanılan her görsel için açıklama metni eklemek gerekmektedir.

• Ses kullanımı: İşitme engelli bireyler göz önüne alındığında, kullanılan ses ögeleri işitme engelli bireyler için görsel veya metin formatında sunulmalıdır.

• Bağlantıların kullanımı: Bağlantıların kullanımında bağlantılara açıklama metni eklenmelidir. Bu sayede ekran okuyucula- rın bağlantının hedefini kullanıcıya iletmesi mümkün olacaktır.

  • Bilgi ve anket formlarının kullanımı: Bil- gi girilmesi beklenen her alanın açıklaması ve sorusunun aynı satırda verilmesi gerek- mektedir.

  • Pencere kontrollerinin kullanımı: Web sayfasında açılan pencereler (pop-up) ge- zinmeyi zorlaştırdığı için kullanımındankaçınılmalıdır. Açıldığında, yeni pencerede açılan sayfalar için kullanıcılara bilgi ve- rilmelidir. Sayfa yapısı standartlarına göre sayfalarda erişimi kolaylaştırmak için yatay kaydırma çubuğu kullanılmamalıdır.

  • İndirilen dokümanların kullanımı: İndi- rilen dokümanların kullanılmasında, Web sitesinde bilgisayara indirilerek görüntüle- nebilecek içerikler mümkün olduğunca bu- lunmamalıdır. Tüm bilgiler site içinde su- nulmalıdır. Sitede indirilerek kullanılacak bir doküman kullanılmışsa, bu dokümanın açılması için gerekli program ve erişilebilir- lik bilgisi, nasıl ulaşılabileceği de kullanıcı- ya aktarılmalıdır.

Bir Web sitesinin yenilenmesini gerektiren ne- denler ise şu şekilde sıralanabilir:

• Web sitesi kullanan kurumların stratejileri- ni değiştirmesi

• Web sitesinin sunduğu işlevlerin yeterli ol- maması

• Web site yönetiminin zor olması

• Web sitenin hızının yavaşlaması

• Web site tasarımının eski kalması

• Web site tasarımının duyarlı (responsive) bir yapıda olmaması

• Web sitesinde yer alan kodların doğru bir şekilde çalışmaması

• Web sitesindeki eklentilerin, temaların ya da diğer modüllerin doğru bir şekilde çalış- maması

• Web sitesinin hızının yavaşlamaya başlaması

• Web sitesinin görsel tasarımında bozulma- lar başlaması

• Web sitesinin bulunduğu anın teknolojisi- ne uyum sağlayamaması

• Web sitesine saldırı yapılması ya da yönetici yetkilerinin izinsiz bir şekilde kullanılması

• Web sitesinde herhangi bir içeriğin ya da kategorinin silinmesi

• Web sitesinde güvenlik anlamında açıkların oluşmaya başlaması

• Web sitesine muhtemel diğer saldırı olası- lıklarının oluşması

• Web sitesi analiz yöntemi kullanılarak hata ve eksikliklerin tespiti yapılmalıdır.

• Düzensiz olan tasarımlar ve sayfa bozuklukları düzenlenmelidir.

• İçerik paylaşımlarının Web site formatına olan uygunluğu denetlenmelidir.

• Web sitesinde kullanılan reklam alanlarının (banner) düzenlenmesi sağlanmalıdır.

• Web sitenin mobil cihazlarda ve diğer bü- tün dijital cihazlarda sorunsuz bir şekilde çalışıp çalışmadığı kontrol edilmeli, bu aşa- mada gerekli düzenlemelere ihtiyaç varsa yerine getirilmelidir.

PageSpeed Insights (Google) 

Web sitelerinin bakımlarının aksatılması durumunda ise şu sorunlarla karşılaşılabilmektedir:

• Web sitesinde güvenlik açıkları oluşabilir. Bu durumda Web sitesi, saldırılara karşı sa- vunmasız kalabilir.

• Web sitesindeki bazı içerikler düzgün bir şekilde çalışmayabilir.

• Kullanıcıların kişisel verilerinin güvenliği tehlikeye düşebilir.

• Web sitesine virüs veya zararlı yazılımların bulaşma ihtimali katlanarak artabilir.

• Web sitesi, arama motorlarında aşağılarda kalabilir. Bu durumda ziyaretçi kaybı da söz konusu olabilir.

• Yedekleri alınmamışsa Web sitesi tamamen kullanılmaz hâle gelebilir.

• Web sitesi üzerinden dijital dolandırıcılık faaliyetleri gerçekleştirilebilir.

• Web sitesi ziyaret edildiğinde içerik görün- tülemede ya da fonksiyonlarda sorunlar ya- şanabilir.

• Daha fazla kullanıcı çekme

• Kullanıcı deneyimini iyileştirme

• Kullanıcıların Web siteye karşı aidiyet du- rumlarını sağlama

• Web sitesindeki içerikleri etkili bir şekilde fazla kullanıcıya sunabilme

• Web sitesinin arama motorlarında arkaya düşmesini önleme

• Hosting servis sağlayıcısından kaynaklanan sorunlar

• Web sitesine yüklenen yüksek boyutlu grafikler

• Web site ziyaretçilerinin anlık olarak yoğunlaşması

• Web sitesi tasarımında kullanılan kodların yoğunluğu

• Web sitesinde kullanılan eklentilerin sayısal olarak fazla olması

• Web sitesi içindeki sayfalar arası çok fazla yönlendirme yapma

• Kurumsal ve saygın bir hosting firması ile çalışmak,

• Kullanılan grafik tasarımlarında, baskı çö- zünürlüğünden (genellikle 300dpi) ziyade ekran çözünürlük standardı olan 72 dpi standardını kullanmak,

• Grafik tasarımları dışında kullanılan diğer görselleri sıkıştırmak ve optimize etmek,

• Önbellekleme yapmak,

• Kodlama hatalarını tespit etmek ve düzelt- mek,

  • Gereksiz kodları temizlemek,

  • Üçüncü parti eklenti ve/veya dosyaları kul- lanılıyorsa bunların sayısını azaltmak

  • İçerik dağıtım ağı kullanmak, • Videoları link olarak eklemek, • Cache eklentisini etkinleştirmek, • Veritabanını optimize etmek,
  • HTTP isteklerini azaltmak,

• Web sitesinde arama butonu kullanmak

• Kullanıcıları aksiyona geçirmek için kulla- nılan mesajları ideal düzeyde kullanmak

• Faydalı ve akıcı metinler üretmek

• İç link kullanımına önem göstermek

• Google Analytics gibi uygulamalar kullana- rak kullanıcı davranışlarını analiz etmek ve bu doğrultuda eylem planları oluşturmak

• SEO konusunda uzman desteği almak

• Site hızının yüksek kalmasını sağlamak

• Web sitesinde çoklu ortam ögeleri kullana- rak farklı etkileşim seçenekleri sunmak

• Kullanıcı dostu bir tasarım kullanmak
• Web sitesinde öneri algoritmaları kullanmak • Canlı sohbet butonu kullanmak