Kapsayıcı Web Tasarımı Nedir?

Web sitesi kullanılabilirliği, bir web sitesinin kullanım ve etkileşim kolaylığını tanımlayan geniş bir terimdir. Bununla birlikte, bir web sitesini kullanılabilir olacak şekilde tasarlarken hatırlanması gereken önemli bir nokta, herkesin bir web sitesiyle aynı şekilde veya aynı koşullar altında etkileşim kurmadığıdır.

"Ortalama" veya "ideal" kullanıcı için bir web sitesi tasarlarsanız, gerçekçi bir şekilde, başkaları için hoş olmayan, zor veya kullanımı imkansız bir arayüz oluşturabilirsiniz.

World Wide Web Konsorsiyumu ve yerel yönetimler tarafından sağlanan yönergeler, kullanılabilirlik ve erişilebilirlik söz konusu olduğunda tasarımcıların boşlukları kapatmasına yardımcı oldu. Ancak, bu mutlaka bir web sitesini tamamen kapsayıcı yapmaz.

Bir sonraki gönderide, kapsayıcı tasarımın ne anlama geldiğini, web tasarımındaki değerini ve kapsayıcı arayüzler ve etkileşimler tasarlarken nelere dikkat etmeniz gerektiğini inceleyeceğiz.

Web Erişilebilirliği için Nasıl Tasarım Yapılacağını Öğrenin

Kapsayıcı Tasarım Nedir?

Kapsayıcı web tasarımı, kullanıcıların bir bozulma, demografi veya diğer geçici veya kalıcı koşullar nedeniyle dışlanmış hissetmemeleri için bir web sitesindeki önyargıları ve varsayımları ortadan kaldırır.

Hem erişilebilir web tasarımı hem de UX tasarımı, kapsayıcı bir web sitesinin kritik bileşenleridir. Erişilebilir tasarım, engelliler ve diğer engelliler için giriş engellerinin kaldırılması sürecidir. UX tasarımı, gerçek kullanıcıların bir web sitesiyle nasıl etkileşimde bulunduğunu test eden ve doğrulayan tasarıma yönelik veri odaklı bir yaklaşımdır.

Bu nedenle, kapsayıcı tasarımda dikkate alınması gereken çok şey vardır, çünkü kullanıcının bir web sitesini tam olarak kullanmasını veya bir web sitesinden memnun kalmasını engelleyebilecek bir engel kesinlikle değildir. Web tasarımcıları, özel bir kullanıcı grubu için deneyimler hazırlayarak da sorunlarla karşılaşabilir.

Bu nedenle, web tasarımcılarının aşağıdaki faktörleri göz önünde bulundurması gerekir:

• Görme, işitme veya el becerisi ile ilgili fiziksel bozukluklar
• Biliş veya konuşmayı etkileyen zihinsel bozukluklar
• Kullanıcının ürünle tam olarak etkileşime geçmesini engelleyen durumsal sınırlamalar
• Donanım, internet bağlantısı ve bilgisayar okuryazarlığı gibi teknik kısıtlamalar
• Dil ve coğrafi engeller
• Yaş, ırk ve cinsiyet gibi demografik farklılıklar
• sosyoekonomik farklılıklar

Alt satır: Kapsayıcı tasarım, nihayetinde evrensel tasarıma dönüşür.

Web tasarımcıları, kapsayıcı tasarımın erişilebilirlik yönünü ele almak için ellerinde çeşitli araçlara sahiptir. Örneğin, WordPress erişilebilirlik araçları, web erişilebilirlik denetleyicileri, WAI-ARIA yönergeleri ve daha fazlası, erişilebilir tasarım ve uygulamanın yapılmasını kolaylaştırabilir.

Ancak kapsayıcı tasarım, kullanıcıların web'de karşılaşabilecekleri sınırlamaların daha iyi anlaşılmasını gerektirir. Web sitenizi tarayacak ve mümkün olan en çeşitli ve adil deneyimi yarattığınızı onaylayacak bir araç yok. Bu, kendi başınıza nasıl uygulayacağınızı ve kontrol edeceğinizi öğrenmeniz gereken bir şey.

Kapsayıcı Web Tasarımı Neden Önemlidir?

Web tasarımcılarının, oluşturdukları her web sitesinin erişilebilirliği ve kapsayıcılığı bir parçası haline getirmelerinin birkaç nedeni vardır. Önce kapsayıcı olmayan bir web sitesinin herkesi nasıl incittiğine bakalım:

Kapsayıcı Olmamanın Dezavantajı

2021'de WebAIM, Ekran Okuyucu Kullanıcı Anketi #9'un sonuçlarını yayınladı. Ankete katılanların %7,7'si çevrimiçi olduklarında ekran okuyucu kullanmaları gerektiğini söyledi.

İnternet erişilebilirliğinin günümüzdeki durumu hakkında ne düşündükleri sorulduğunda, yalnızca %39,3'ü önceki yıllara göre daha erişilebilir olduğunu söyledi. %42,3'ü hiçbir şeyin değişmediğini düşünürken, %18,5'i daha kötü olduğunu söyledi.

CivicActions'tan Mike Gifford'a göre, erişilemezlik yaşayan ve şu duyguları paylaşan nüfusun %7,7'sinden fazlası olabilir:

“Engellilerin ve insanların engelleri aşma yöntemlerinin birleşimi son derece çeşitlidir. Etik olarak, en az avantajlı kullanıcılarımız için bina oluşturmaya en yüksek öncelik verilmelidir. Ne yazık ki, sürekli yeni ve gösterişli olana olan tutkumuzla, hemşehrilerimizin %10-20'sini düzenli olarak dışlıyoruz."

Amerikan Barolar Birliği'ne göre, 2017 ve 2020 yılları arasında federal mahkemelere açılan 8.000 Engelli Amerikalılar Yasası Başlık III davası vardı. Accessibility.com'a göre bu sayı yalnızca 2021'de %14,3 artarak 2.352 davaya yükseldi.

Bir web sitesinden dışlanmış hissedebilecek, ancak yasal başvurusu olmayan başkaları da var. Örneğin, Dünya Veri Laboratuvarı 1,1 milyar internet yoksulu olduğunu söylüyor. Bazı durumlarda bu, mobil veri planlarını karşılayamayacakları anlamına gelir. Diğer durumlarda yapabilirler, ancak kullanmak için yeterli veriye sahip değiller, bu nedenle kaynak açısından yoğun web sitelerinde zaman harcamayı göze alamazlar.

Ayrıca dikkate alınması gereken yaşlı nüfus var. Pew Araştırma Merkezi, interneti kullanan yaşlıların sayısının son yıllarda arttığını tespit etti. Bununla birlikte TechCrunch, yaşlı yetişkinlerin yaklaşık %50'sinin yeni dijital teknolojileri kurmalarına ve kullanmalarına yardımcı olacak birine ihtiyaç duyduğunu bildiriyor. Buna ek olarak, San Francisco şehrinde - Silikon Vadisi'nin hemen yanında, her yerdeki yaşlıların %40'ı dijital olarak okuma yazma bilmiyor.

Web siteniz davaya konu olmasa bile, kapsayıcı olmayan bir tasarım nedeniyle ziyaretçilerinizin %20'sini veya daha fazlasını kaybetmenin bir markanın uzun vadeli sürdürülebilirliğini nasıl etkileyeceğini düşünün. Bu, web sitesi hoş karşılanmadığı veya kullanışlı olmadığı için gidecek olan büyük bir kitle segmenti.

Kapsayıcılığın İyi Yanı

Bir web sitesini kapsayıcı olacak şekilde tasarladığınızda, onu, isteyen herkesin onunla tam olarak etkileşime girebileceği ve dışlanmış hissetmeyeceği şekilde tasarlarsınız. İnternet kapsayıcı bir yer haline geldiğinde herkes kazanır:

Kapsayıcı web tasarımı, daha iyi ürün tasarımına yol açar.

Web sitelerinden mobil uygulamalara ve bunların arasındaki her şeye kapsayıcı tasarım, tasarımcıları iyi, kullanışlı ve empatik tasarımın temellerine geri dönmeye zorlar.

Markalar daha geniş bir kitleye ulaşır.

Sadece ideal kullanıcı için değil, herkes için evrensel olarak olumlu bir deneyime öncelik veren bir marka, kapsayıcılık ve eşitliğe de değer veren daha sadık bir kullanıcı tabanını çekecektir.

Kullanıcılar kapsayıcı web siteleriyle daha iyi etkileşime girerler.

İnsanlar ekranların önünde o kadar çok zaman harcıyorlar ki karpal tünel sendromu, bilgisayar görme sendromu ve internet bağımlılığı bozukluğu gibi sorunlar bugünlerde çok yaygın. Kapsayıcı, etik tasarım, kullanıcıların hem zihinlerinde hem de bedenlerinde daha iyi hissetmelerine yardımcı olabilir.

Kapsayıcı web tasarımı, web sitelerinin arama sonuçlarında daha iyi sıralanmasına yardımcı olur.

Google, birkaç yıl önce arama algoritmasını güncelleyerek en iyi sayfa deneyimini oluşturmak için gerekli dört faktörü belirledi: Performans (hız) Erişilebilirlik, En İyi Uygulamalar (tasarım ve kod) ve SEO (ör. alternatif metin). Kapsayıcı tasarım bunların her birine katkıda bulunur.

Kapsayıcı Web Tasarım Kişileri Nasıl Oluşturulur

Çoğu zaman, tasarımcılar web sitesi projelerinin başında kurgusal kişilikler bulurlar. Bu, web sitesini oluşturmakta oldukları son kullanıcıyı görselleştirmelerine ve onlarla ilişki kurmalarına yardımcı olur. Ayrıca, söz konusu kullanıcının web sitesiyle nasıl etkileşime geçeceğini anlamalarına da yardımcı olur.

Web tasarım sürecinize kapsayıcılığı dahil ettiğinizde, kullanıcı kişisel açıklamalarınızın biraz ayarlanması gerekecektir. Tipik kullanıcı kişilikleri aşağıdakileri ayırır:

• İsim
• Demografi (örneğin yaş, cinsiyet, meslek vb.)
• Kişilik
• Ses
• Hedefler
• motivasyonlar
• hayal kırıklıkları
• korkular

Kapsayıcı kullanıcı kişiliklerinin ayrıca şunları içermesi gerekir:

Yetenek: Bu, kapsayıcılığın erişilebilirlik bileşenidir. Bazı kullanıcılarınızın, fiziksel ve bilişsel olarak web sitesini nasıl kullandıkları ve siteyle nasıl etkileşimde bulundukları konusunda nasıl kısıtlanabileceğini tahmin etmeniz gerekecek.

Yetenek: Kaç kullanıcının çevrimiçi olduğuna ilişkin verilere bakarsanız, bazı kullanıcılarınızın dijital okuryazar olmayabileceğini fark edeceksiniz. Temel yapılardan ve düzenlerden sapmak ve yeterli bağlam sağlamamak (iletişim formlarındaki etiketler gibi), bu kullanıcıların deneyimlerine zarar verebilir.

Tutum: Bu, web sitelerini güvenli olmayan ortamlar olarak algılayabilecek kullanıcıları ifade eder. Gizlilikleri konusunda aşırı endişeli veya kötü amaçlı yazılımla karşılaşma konusunda gergin olsalar da, bu tür korkular, tanınabilir ve güvenilir güvenlik ve gizlilik özellikleriyle ele alınmalıdır.

Erişim: Web'e sınırlı erişime sahip olmak için kullanıcıların internetten yoksun olmaları gerekmez. Örneğin, UNESCO'ya göre, dünya nüfusunun yarısından biraz fazlasının evinde internet erişimi var. Bu, çevrimiçi olamayacakları anlamına gelmez, yalnızca onu elde etmenin başka yollarını bulmaları gerektiği anlamına gelir - örneğin bir kütüphaneye veya internet kafeye gitmek gibi. Dolayısıyla bağlantı, donanım, yazılım ve hatta konum, erişimi etkileyebilir.

Yerelleştirme: Her kullanıcının aynı ülkede yaşadığını, aynı kültürden geldiğini ve sizinle aynı dili konuştuğunu varsaymak asla güvenli değildir. Bu nedenle, kapsayıcı kullanıcı kişilikleri oluşturulurken bu farklılıkların ele alınması gerekir.

Kapsayıcı Tasarımın 7 İlkesi

Kapsayıcı tasarımın çalışması için web tasarımcıları, varsayımları, önyargılı kavramları ve ortalama bir kullanıcının tüm kullanıcıların yararına tercih edilmesini kaldırmalıdır. Bunu başarılı bir şekilde yapmak için tasarımcılara aşağıdaki ilkeler rehberlik etmelidir:

1. Esneklik

Web tasarımında tek beden diye bir şey yoktur. Bu, farklı kullanıcılar için farklı web siteleri veya açılış sayfaları oluşturmanız gerektiği anlamına gelmez. Ancak, farklı kullanıcıların deneyimleri arasındaki boşluğu kapatmaya yardımcı olacağına inandığınızda, kullanıcı arayüzüne ekstra özellikler eklemek anlamına gelir.

Örneğin, gömülü dosyanın altına bir videonun dökümünü eklemek iyi bir fikirdir. Bu şekilde videoyu duyamayan veya duymak istemeyen veya izlemek istemeyen kullanıcılar metni okuyabilir.

2. Sadelik

Minimalizm, kalıcı bir web tasarım trendidir ve bunun iyi bir nedeni vardır. Bunun nedeni sadece görsel olarak daha hoş arayüzler oluşturması değil, minimalizm ve sadeliğin daha sezgisel bir tasarımın yolunu açmasıdır.

Buna yaklaşmanın en iyi yolu, bir web sitesine minimum uygulanabilir ürün (MVP) gibi davranmaktır. Onu kullanılabilir ve değerli bir ürün yapan temel özellikleri oluşturun. Ardından, yalnızca ihtiyaç duyulan yerlere ekstra öğeler ekleyin ve herkesin deneyimine değer katın.

3. Tutarlılık

Tutarlılık, bir web sitesinin tahmin edilebilir veya sıkıcı olması gerektiği anlamına gelmez. Tutarlılığı korurken yine de yaratıcı olabilirsiniz.

Tasarımdaki tutarlılıktan herkes yararlanır. Aynı web sitesinde farklı şekillerde sunulan aynı öğe veya özelliğin neden olduğu hayal kırıklığını ve kafa karışıklığını ortadan kaldırır. Ek olarak, web'in çoğunluğunun temel öğeleri (web sitesinde gezinme gibi) nasıl ele aldığıyla tutarlılık, bir web sitesinin kullanılabilirliğini iyileştirebilir ve dönüşüm süresini hızlandırabilir.

4. Algı

Tasarımcıların, insanların web siteleriyle nasıl etkileşimde bulunduğunu hesaba katmanın yanı sıra, web siteleriyle nasıl etkileşimde bulunmayı tercih ettiklerini de düşünmeleri gerekir. Örneğin, görsellerin hakim olduğu bir web sitesi, görsel öğrenen olmayan kullanıcılar için içeriği sindirmek için çok zor olabilir.

Bir web sitesi için içeriği bir araya getirdiğinizde, bunun sağlıklı bir karışımı olduğundan emin olun. Yalnızca tek bir içerik türü varsa (tümü metin ve görüntü yok gibi), ziyaretçilerinizden bazıları, anlama veya kullanım kolaylığı söz konusu olduğunda dezavantajlı durumda olacaktır.

5. Öz sermaye

Web tasarımında eşitlik, adil sonuçları ifade eder. Başka bir deyişle, ziyaretçi kim olursa olsun, her ziyaretçi görevleri kolaylıkla tamamlayabilmelidir.

UX tasarım sürecinin kullanışlı olduğu yer burasıdır. Kullanıcıların hedeflerine ve bunları tamamlamak için neye ihtiyaç duyduklarına ilk elden kullanıcı girdisi sağlamak, tasarımcıların herkes için sorunsuz etkileşimler ve kullanıcı yolculukları oluşturmasına yardımcı olur.

Örneğin, bir görüntü kaydırıcısı gibi bir UI bileşenini düşünün. Bunu tasarlamanın kapsayıcı yolu, otomatik kaydırma özelliğini devre dışı bırakmak olacaktır. Ardından, her kullanıcının kaydırıcıyı ve hızını kontrol edebilmesi için hem kaydırma hem de tıklama özelliklerini ekleyin.

6. Önleme

Kapsayıcı tasarım insan hatasını azaltacaktır. Bu, mümkün olduğu kadar çok hatayı önlemek için bir kullanıcı arayüzü tasarlamak ve aynı zamanda meydana gelen hatalara toleranslı ve yardımcı bir yanıt sağlamak anlamına gelir. Kapsayıcı bir tasarım, hata yapmaktan kaynaklanan hayal kırıklığını veya utancı azaltarak, ziyaretçiler arasında güven oluşturmak için daha fazlasını yapar.

Bu özel ilke, en sık angajman noktasında devreye girer. Örneğin, düğmeler her zaman görülebilecek ve tıklanacak kadar büyük olacak şekilde tasarlanmalıdır.

İletişim formlarındaki hata mesajları da bir başka iyi örnektir. Satır içi hata mesajlarını herkesin okuyabileceği renk ve boyutta görüntüleyerek, hataların tekrarlanma olasılığını azaltırsınız. Ayrıca, belirsiz hata mesajları veren veya süreçte çok geç ortaya çıkanlardan daha yararlı hissettiren bir iletişim formunuz olacaktır.

7. Konaklama

Web sitelerinin gerçek mekanda faaliyet gösteren işletmelerde olduğu gibi erişilebilirlik davalarına tabi olmasının nedenlerinden biri, bunların “kamu konaklama yerleri” olarak kabul edilmeleridir. Kapsayıcı tasarım, herkesin bir web sitesini okuyabilmesini, gezinebilmesini ve web sitesiyle etkileşime geçebilmesini sağlamanın yanı sıra, ziyaretçilere belirli bir miktarda rahatlığı garanti eder.

Konfor birçok insan için pek çok şey ifade edebilir – geniş alan, öngörülebilir düzenler vb. Kapsayıcı tasarım ayrıca tasarımcılardan kullanıcılarının web sitesinin içeriğiyle ne kadar rahat olacaklarını düşünmelerini ister.

Örneğin, hedef kitleyi yansıtan çeşitli görüntülerin kullanılması, kullanıcıların tekrar tekrar gördüğü genel stok görüntülerden daha sıcak bir ortam yaratacaktır. Aynı şey, yalnızca izleyicilerin bir kesiminin anlayabileceği jargonla dolu bir metin yerine doğrudan bir kopya kullanmak için de söylenebilir.

Çözüm

Kapsayıcı web tasarımı, UX tasarımı, erişilebilir tasarım ve duyarlı tasarım gibi disiplinleri içeren her şeyi kapsayan bir terimdir. Bununla birlikte, kapsayıcı tasarım, nihai sonucun evrensel olarak kullanılabilir ve iyi karşılanan bir web sitesi olmasını sağlamak için bir adım daha ileri götürür.

Bu web tasarımı yaklaşımı, farklı insanların web siteleriyle etkileşime girerken karşılaştıkları, bozulma veya engelliliğin ötesine geçen zorlukların sağlam bir şekilde anlaşılmasını gerektirir.

Kapsayıcılığı web tasarım sürecinize entegre etmenin en iyi yolu, öncelikle onu uygulamanıza yardımcı olacak araçlarla çalıştığınızdan emin olmaktır - örneğin WordPress'in ve Elementor'un erişilebilirlik özellikleri. Ardından, yetenek, yetenek ve erişim gibi kapsayıcı faktörlerle kullanıcı kişi şablonlarınızı güncelleyin. Son olarak, kullanıcıların deneyimleri ve web'i kullanırken karşılaştıkları genel zorluklar hakkında daha fazla bilgi edindikçe sürecinizi güncel tutun.