Kapsayıcı ürün tasarımı için en iyi yedi uygulama

Uzun Cheng | Pinterest Baş Tasarımcısı, Çekirdek Deneyimi

Pinterest'te görevimiz, sevdiğiniz şeyi keşfetmenize ve yapmanıza yardımcı olmaktır. Herkes için bir ürün inşa ediyoruz, çünkü en iyi Pinterest her yetenek seviyesine sahip kişiler için kapsayıcı ve kolay kullanılabilir. İşte bu nedenle, geçtiğimiz yıl boyunca geliştirdiğimiz öğrendiklerimizi ve en iyi uygulamalarımızı paylaşarak Pinterest'i görme engelli ve görme engelli insanlar için daha erişilebilir olacak şekilde yeniden tasarladık.

1. Renk kontrastlarını arttırın

Pinterest ürün tasarım ekibi, erişilebilir renklerin o kadar güzel olmadığı varsayımına meydan okuyor. Ürünümüz için 3.00: 1 kontrast oranı ve üstü ile erişilebilen bir renk paleti oluşturduk.

Dolayısıyla erişilebilirlik özelliklerinin açık olup olmamasına bakılmaksızın, renkli bir arka plana ayarlandığında metinlerin okunması kolaydır.

2. Güçlü tipografik hiyerarşi kullanın

İyi tipografinin iyi tasarımın anahtarı olduğunu düşünüyoruz. Tipografik hiyerarşinin, çok fazla gri tonu kullanmadan anlaşılmasını sağlıyoruz. Bilginin bir bakışta anlamlı olması için anlamlı bir hiyerarşi oluşturmak için güçlü tip boyutlandırma ve kodlamaya güveniyoruz. Ayrıca, uygulamalarımızdaki dinamik font boyutları için desteği de etkinleştirdik. Bu yolla, metnin boyutunu size en uygun olanı değiştirmek için varsayılan erişilebilirlik özelliğini kullanabilirsiniz.

3. Net odak göstergelerine sahip olmak

Görme ve motosiklet engelli insanlar, Pinterest'te bir fare veya izleme paneli olmadan gezinebilir. Tüm Pinners için açık ve net odak göstergeleri yarattık, böylece yetenek seviyeniz ne olursa olsun, web sitemizi veya uygulamalarımızı net bir şekilde kullanabilirsiniz.

4. Renklere güvenmeyin

Tüm kullanıcı akışlarımızda, yalnızca net bir harekete geçirme ifadesi olan gri tonlamaya güveniyoruz. Bu, renk körlüğü olan insanlar için harikadır, çünkü bilgileri göstermek için renklere güvenmiyoruz. Bunun yerine, anlam ve bilgi yapısı oluşturmak için kullanıcı akışımızda tipografik ve mekansal hiyerarşinin iyi kullanılmasına güveniyoruz.

5. SVG'leri kullanın

PNG'leri SVG'lerle değiştirin, böylece çoğu işletim sisteminde ve tarayıcıda kullanılabilen yerleşik yakınlaştırma özelliğini kullanırken simgeler ve UI bileşenleri net ve keskin hale gelir. Bu, görme keskinliği olan kişilerin, piksel yoğunluğu ve zum yüzdesine bakılmaksızın, küçük şeyleri yakınlaştırıp görmelerini sağlar.

6. Ekran okuyucu desteğini göz önünde bulundurun

Ekran okuyucular, görme engelli ve görme engelli kişilerin sesli geri bildirim almasını sağlar. Bu projeye başlamadan önce, görme engelli kişilerin Pinterest için kesintisiz bir kayıt deneyimi olmadı, çünkü kayıt olmamız ve yeni kullanıcı deneyimimiz bir ekran okuyucu için optimize edilmedi. Ayrıca, ana sayfa özet akışından aramalarına kendi profiline kadar uygulamamızda gezinme konusunda sorun yaşadılar. O zamandan beri önemli güncellemeler yaptık, böylece Pinterest ekran okuyucuları ile tamamen kullanılabilir durumda.

7. Erişilebilirliği mühendisler ve tasarımcılar için zihniyet haline getirme

En iyi ürün tasarım ve mühendislik sürecinin her aşamasında bulunur. Bu yüzden, mühendislerin ve tasarımcıların Pinterest'i tasarlarken ve tasarlarken kullanabilmeleri için erişilebilir bileşenler içeren yepyeni bir UI kitaplığı oluşturduk. Ayrıca, herhangi bir yeni özellik için simgeleri ve bileşenleri açıkça etiketlediğimizden emin olmak için otomatik erişilebilirlik kontrolleri yapılmaktadır.

Bu en iyi uygulamalarla, Pinterest'i herkes için daha kapsamlı hale getirmeye devam ediyoruz. İOS ve web platformlarımızı erişilebilirlik standartlarının çoğunu karşılayacak şekilde güncelleyerek önemli ilerleme kaydettik ve bu değişiklikleri aşamalı olarak Android'e getirmek için çalışıyoruz. Bunu aldığınızda, ne düşündüğünüzü bize bildirin.

Teşekkürler: Scott Andreae, Julia Cochran, Chris Lloyd, Rahul Malik, Shira Netter, Mallika Potter, Mara Sohn, Christian Vuerings, Alice Yuan, Joey Zingarelli, Linnea Zulch ve Pinterest'teki Erişilebilirlik Çalışma Grubunun geri kalanı.