Erişilebilir Tasarım – Grafik Tasarımcılar İçin 5 Temel Sır

Kapsayıcılık, artık görmezden gelemeyeceğiniz bir tasarım trendi haline geliyor. Markanızı ve mesajınızı doğru bir şekilde yakalayan tasarımlar oluşturmak önemlidir. Ancak daha da önemlisi, müşterilerinizin gördüğü ve doğru şekilde işlediği tasarımlar yaratmaktır. Bu, çeşitli engelleri olan insanlar için tasarım yapmayı da içerir. Bir tür engellilikle yaşayan nüfusun büyük bir bölümü var. Bu, yalnızca ABD'de 61 milyon yetişkin demek. Bu nedenle erişilebilir tasarım, hafife alamayacağınız bir şeydir. Dünya Engelliler Günü 3 Aralık'ta. O halde şimdi erişilebilir tasarım hakkında konuşmanın tam zamanı.

Yukarıdaki resimde 73 sayısını gördünüz mü? Herkes yapamaz! Renkleri ayırt etmekte zorlanan kişiler de hedef kitlenizin bir parçasıdır. Bu nedenle erişilebilir tasarıma öncelik vermeye başlamak önemlidir. Nereden başlayacağınızı bilmiyor musunuz? Seni yakaladık! Tüm farkı yaratabilecek basit ayarlamalar ve tasarım hususları hakkında size bazı yapılabilir ipuçları vereceğiz.

Erişilebilir tasarım – grafik tasarım perspektifinden

Pazarlamada temsili reklamcılık ve kapsayıcılık hakkında konuştuğumuzda, genellikle çeşitli kültürel temsilleri dahil etme kavramını sınırlıyoruz. Farklı demografik özelliklere sahip insanların kendilerini dahil edilmiş hissetmelerini sağlamak. Farklı etnik kökenleri kabul etmek ve kucaklamak. Ancak kapsayıcılık bunun ötesine geçer. Farklı yeteneklere sahip kullanıcılar için deneyimi değerlendirmek ve ince ayar yapmak, kapsayıcı pazarlamanın bir başka kritik bileşenidir.

Erişilebilir tasarım oldukça geniş bir alandır. Bu, tüm müşteri temas noktalarınızda erişilebilirlik için tasarlamayı içerir. Erişilebilir bir UI tasarımından, her tür kullanıcı için kullanımı basitleştiren uygulama özelliklerine kadar bir markanın alabileceği çeşitli önlemler vardır. Ancak bu blogda özellikle grafik tasarımda erişilebilirlikten bahsedeceğiz. Bu, engelli kişiler için kullanımı kolay tanıtım grafikleri oluşturmayı içerir.

Çoğu marka, körlük ve işitme bozuklukları gibi fiziksel engelleri dikkate alır. Ancak bilişsel engeller, dikkatinizin adil bir payını da gerektirir. Afazi, otizm, disleksi, DEHB - insanların onlara sunduğunuz bilgileri işlemesini zorlaştıran bu tür birkaç bilişsel engel vardır. Ekranda harika göründüğünü düşündüğünüz bir tasarım olan reklamınız, onlar tarafından çok farklı görülebilir.

Örneğin, metin ile arka plan arasındaki kontrast yeterli değilse ve bu nedenle kullanıcı kritik bilgileri kaçırırsa ne olur? Ya da infografikinizdeki pasta grafiğin farklı parametreler için farklı renkleri varsa ancak renk körü bir kullanıcı bunları ayırt edemiyorsa? Tasarımın amacı kaybolur. Bu nedenle, pazarlama ve marka tasarımlarınızda erişilebilirlik özelliklerini göz önünde bulundurmak önemlidir.

Ve en iyi yanı, pazarlamada erişilebilir tasarımın o kadar da zor olmaması. Birkaç küçük ayar ve tasarımınız hem genel izleyici hem de engelli insanlar için hazır. Bunu başarmak için bazı fikirlere bakalım.

1. Tipografinize dikkat edin

Tipografinin çeşitli yönleri, kopyanın okunabilirliğini ve okunabilirliğini etkiler. Doğru yazı tipini seçmek ve yazı tiplerinizi şekillendirmek konusunda kendinizi her zaman sınırlayamayacak olsanız da, birkaç yönü göz önünde bulundurmak, tasarımı görsel ve nörolojik engelli kişiler için çok daha uygun hale getirebilir.

Küçük bir yazı tipi kullanmadan önce iki kez düşünün

Küçük yazı tipleri gözleri çok fazla zorlar. Ve kullanıcılarınızın mesajı almak için daha çok çalışmasını sağlar. Şanslar, yapmayacaklar! Ayrıca, 12 pikselden küçük yazı tiplerini özellikle cep telefonlarında okumak zor olabilir. Küresel web trafiğinin %58,99'unun mobil cihazlardan geldiği düşünüldüğünde, küçük yazı tiplerinden kaçınmak, erişilebilir tasarım için kesinlikle iyi bir karardır.

Bu nedenle, ana metin için büyük kalın yazı tipleri yalnızca dikkat çekici veya kaydırmayı durdurucu olarak işlev görmez, aynı zamanda birkaç kullanıcı için okuma kolaylığı sağlar. Farklı bölümler için yazı tipi boyutlarının değiştirilmesi de her türden kullanıcının hiyerarşiyi anlamasını kolaylaştırır. Çünkü en büyük yazı tipleri çoğu insanın ilk fark ettiği yazı tipleridir ve en küçüğü belki de sonuncusudur.

Seçtiğiniz yazı tipi önemlidir

Orada çok sayıda güzel ve okunaklı serif yazı tipi var. Bunda hiç şüphe yok. Ancak, görme engelli insanları göz önünde bulundurarak tasarım yapıyorsanız, sans-serif yazı tiplerinin açık bir avantajı vardır. Temiz ve sorunsuz harf şekilleri, onları okumayı daha kolay hale getirir. Ve bu hem basılı hem de dijital tasarımlar için geçerlidir.

Sans-serif yazı karakterlerinde çok ince vuruşlu yazı tiplerinden uzak durmalısınız. Dekoratif fontlar, görme engelliler için tasarım yaparken çalışmayan diğer türlerdir. Dekoratif yazı tiplerini ölçülü kullanmakta sorun yoktur. Ancak ana mesajı, CTA'yı ileten bölüm ve çok fazla metin içeren alanların daha okunaklı bir alternatifi olmalıdır.

Harf aralığına dikkat edin

Kopyadaki karakter aralığı veya karakterler arasındaki boşluk, okuyucularınızın bilgileri doğru okumasını sağlar. Ve zorlanmadan okuduklarını. Birbirine çok yakın harfler, metnin tamamını okumayı zorlaştırabilir. Görme bozukluğu ve okumada bilişsel güçlük yaşayan kişiler için harfler arasındaki boşlukların çok az olması daha da büyük bir sorun teşkil etmektedir. Kitleniz üzerinde amaçlanan etkiye sahip değilse, iyi bir kopyanın ne faydası var? Ya da daha kötüsü, ya kötü deneyim nedeniyle markanızı terk ederlerse?

İyi aralıklı harfler ve dağınık olmayan bir genel düzen, ihtiyacınız olan şeydir. Yoğun bir tasarım değil. Kimse bundan hoşlanmıyor, sadece engelliler değil.

Yukarıdaki kartvizit, dikkatli tipografi ayarlamaları hakkında yukarıdaki tüm fikirleri içermektedir. Boyunca basit bir sans-serif yazı tipi kullanır. Harfler arasındaki boşluk, metnin okunabilir olmasını sağlar. Ve son dokunuş olarak QR kodu, mükemmel hibrit tasarımın oluşturulmasına yardımcı olur. Kodu taramak sizi web sitesine, sosyal medya sayfalarına ve doğrudan arama bağlantılarına bağlantılar içeren bir dijital kartvizite götürür. Her tür kullanıcı, bunun gibi kullanıcı odaklı mantıklı bir tasarımı sevecektir.

Kimp İpucu: Seçilen tipografinin okuyucunun gözünde kolay olup olmadığını bilmiyor musunuz? Aşağıdaki karakterleri yan yana yazınız-

• Büyük harf "i"
• Küçük harf "l"
• Ve "1" sayısı

Ve yazı tipi boyutu için, tasarımdan biraz uzaklaşın ve yakınlaştırma yapmak zorunda kalmadan metni rahatça okuyup okuyamayacağınıza bakın. Ekip üyelerinizden birkaç farklı bakış açısı alın ve hazırsınız.

Tipografiyi çalıştırma konusunda endişeli misiniz? Kimp ekibi ile iletişime geçin.

2. Renk kontrastı özel bir ilgiyi hak ediyor

Kontrast, tüm tasarımlarda önemli bir bileşendir. Renk kontrastı, size iki rengin ne kadar farklı olduğunu söyleyen şeydir. Onları yan yana veya ön planda ve arka planda üst üste yerleştirin, renkler neredeyse karışıyorsa, kontrast çok azdır. Zayıf kontrast, her tür insan için bir acı olabilir. Ve bu, görme bozukluğu olanlar için mesajı tüketmeyi özellikle zorlaştırıyor.

World Wide Web Konsorsiyumu'na (W3C) göre, ön plan metni ile arka plan arasında 4,5:1 veya daha yüksek bir kontrast oranı önerilir.

Aynı zamanda, kontrast çok yüksekse yine de çok fazla rahatsızlığa neden olabilir. Kırmızı zemin üzerine yeşil yazı ile aşağıdaki örnek iyi bir örnektir. Kontrast yüksektir ancak kombinasyon gözler üzerinde ağır olabilir.

Ayrıca yüksek kontrastlı renkler içeren titreyen ve yanıp sönen animasyonlara sahip olmak istemezsiniz. Bunlar, ışık hassasiyeti olan kişiler için zor olabilir.

Kimp İpucu: Yazı tipi için seçtiğiniz kırmızının gri bir arka planda iyi görünüp görünmeyeceğini merak etmek yerine, kontrast oranını öğrenmek için WebAIM Contrast Checker gibi çevrimiçi bir araç kullanın.

3. Metin bindirmeleri kullanırken dikkatli olun

Erişilebilir bir tasarım oluşturmak istiyorsanız kaçınmanız gereken diğer bir tasarım yönü, karmaşık arka planlar üzerine metin bindirmeleri yerleştirmektir. Arka planda çok şey olduğunda, en okunaklı yazı tiplerini bile okumak bazen zor olabilir. Örneğin, disleksi olan insanlar için daha zor olabilir. Nüfusun tahminen %10'unda disleksi vardır. İş ilanlarınız, kartvizitleriniz veya sosyal medya tasarımınız onlar için kolayca okunabilmelidir.

Karmaşık arka planlar, fotoğraf veya desenli arka planlar şeklinde olabilir. Her iki tasarım da harika bir arka plan oluştursa da, ön planda yer alan metnin hakkını her zaman veremeyebilirler.

Bunu önlemek için düz veya yarı saydam metin kutuları veya vurgular kullanabilirsiniz. Yazı tipi renginiz ile vurgu rengi arasındaki kontrast oranını tekrar kontrol edin.

Örneğin, aşağıdaki tasarım, fotoğrafların parlamasını sağlarken aynı zamanda metnin okunmasını kolaylaştırır.

Kontrastla ilgili sorunlar, özellikle gıda etiketleri veya ilaç etiketleri gibi uygulamalar söz konusu olduğunda patlayabilir. Alerji reddi veya içerik listesi ve dozaj talimatları net değilse, ambalaj tasarımı kullanıcıları için bir güvenlik tehlikesi oluşturabilir.

Bu nedenle, sınırlı bir alana sahip olduğunuz paketleme gibi uygulamalar söz konusu olduğunda, denemek için işte size bir fikir. Kellogg's, görme engelliler için özel bir ambalaj tasarımı tanıttı. Yardım için ekran okuyucu kullanan kişiler tarafından taranabilecek bir paket kodu vardır. Bu, tasarımınızı hibrit ve her tür izleyici için uygun tutmanın bir yoludur.

4. Renk körlüğü için tasarım

Renk seçimi başlı başına stresli bir karardır. Peki ya onu renk körlüğü olan kullanıcılar için uygun hale getirmeniz gerekse? İyi haber şu ki, birçok tasarım aracı, renk körlüğü olan insanlar için tasarım yapmanıza izin veriyor.

Renk körlüğünün en yaygın türleri protanopi, döteranopi ve tritanopidir. Son kullanıcınız bir rengi diğerinden farklı göremediğinde, yazı tipi ve arka plan için farklı renkler veya bir infografikte hiyerarşiyi yakalamak için farklı renkler kullanma kararınız anlamsızdır.

Renk körlüğünün beyaz erkekler arasında en yaygın olduğu tahmin edilmektedir. Bu, hedef kitlenizi tanımlıyorsa, renk körü güvenli renk paletlerini seçme konusunda hiçbir tartışma yoktur.

Adobe color gibi araçlar, renk paletinizin renk körü olup olmadığını kontrol etmenizi sağlar. Seçilen renklerin renk körlüğü olan insanlara nasıl göründüğüne dair bir simülasyon göreceksiniz ve aynı görünen renkleri tanımlayabilirsiniz. Aşağıdaki görselde yatay çizgilerin göründüğü renkler renk körü kullanıcılara benzeyen renklerdir. Erişilebilir bir tasarım hedefliyorsanız, bu tür zor kombinasyonlardan uzak durun.

Veya mevcut bir tasarımı kontrol etmek ve renk körü olarak güvenli hale getirmek istiyorsanız, tasarımınızın renk körü bir kullanıcıya nasıl göründüğünü görmek için Coblis-Color Blindness Simulator gibi çevrimiçi araçları kullanabilirsiniz.

CTA düğmeniz dışarı çıkıp genel bir kullanıcının dikkatini çekiyorsa, ancak renk körü bir kullanıcı için arka planda neredeyse görünmezse, yine de işareti kaçırıyorsunuz demektir. Her kullanıcı önemlidir, her kullanıcı etkileşimi önemlidir. Bu nedenle, doğru renkleri seçin.

Kimp İpucu: Yalnızca renge dayalı hiyerarşiye güvenmek yerine, her şeyi daha net hale getirmek için yazı tipi boyutunu ve diğer öğeleri kullanın.

5. Videolar için net altyazılar ve resimler için alternatif metin ekleyin

Bazı kullanıcılarınızın ekran okuyuculara güvendiğini unutmayın. Bu nedenle, alakalı alternatif metin kullanmadığınız sürece resminiz onlar için herhangi bir işe yaramayabilir. Evet, alternatif metniniz SEO konusunda size yardımcı olmaktan fazlasını yapar. Kullanıcılarınız için erişilebilir bir tasarım oluşturmanıza yardımcı olur. Ama evet, konuya bağlı kalın - uzun tanımlayıcılardan kaçının.

Görsellerin diğer metinsel yönü videolardaki altyazılar olacaktır. Otomatik olarak oluşturulan altyazılara güvenmeyin. Kullanıcılarınıza video boyunca rehberlik etmesi için metin bindirmeleri kullanın. YouTube'da işleri daha da iyi hale getirmek için bölümler oluşturabilirsiniz. Ve son olarak, altyazılarınızı arka planda kaybolup gitmeyen net ve okunaklı bir yazı tipiyle ekleyin. Ve burada hareketli bir geçmişiniz olduğunu unutmayın.

Altyazı eklemek, sosyal medyadaki videolarını sessiz izlemeyi tercih eden kişilerin ihtiyaçlarını karşılamanıza da yardımcı olur. Her iki şekilde de bir kazanç. Son zamanlarda videolar için otomatik altyazı ekleyen LinkedIn gibi sosyal medya platformlarının erişilebilirlik özelliklerine öncelik vermesi, erişilebilir tasarımı ciddiye alma zamanının geldiğinin iyi bir göstergesi.

Kimp ile erişilebilir tasarımı basitleştirin

Pazarlamada erişilebilir tasarım, izleyici gruplarınızdan birinin bile zorluklarını ve gereksinimlerini göz ardı etmeden görsellerin gücünden yararlanmakla ilgilidir. Aslında, bir dakikalığına "hedef gruplar" kavramını unutun ve bir dizi benzersiz bireyle bire bir iletişim kurduğunuzu anlayın. Bu, marka tasarımlarınıza bakışınızı değiştirir! Markanız için bu erişilebilir tasarımları oluşturmak için herhangi bir yardıma ihtiyacınız varsa, tasarımcılarımıza bildirin ve çeşitli müşteri demografinizin ihtiyaçlarını karşılamak için en iyi reklamları ve sosyal medya gönderilerini bulmanıza yardımcı olmaktan memnuniyet duyarız.

Şimdi kaydolun ve 7 gün boyunca ücretsiz bir Kimp aboneliği deneyin.

İlgili Mesajlar