سبعة أفضل الممارسات لتصميم المنتجات الشاملة

تشنغ لونغ | Pinterest الرصاص مصمم ، الخبرة الأساسية

مهمتنا في Pinterest هي مساعدتك على اكتشاف ما تحب. نحن نبني منتجًا للجميع ، لأن أفضل Pinterest هو شامل وسهل الاستخدام للأشخاص الذين لديهم جميع مستويات القدرات. لهذا السبب نشارك اليوم خبراتنا وأفضل الممارسات التي طورناها على مدار العام الماضي ، حيث قمنا بإعادة تصميم Pinterest لتكون في متناول الأشخاص المكفوفين وضعاف البصر.

1. زيادة التناقضات اللون

يتحدى فريق تصميم المنتج Pinterest الافتراض الشائع بأن الألوان التي يمكن الوصول إليها ليست جميلة. لقد أنشأنا لوحة ألوان لمنتجاتنا يمكن الوصول إليها بمعدل تباين 3.00: 1 وما فوق.

لذلك بغض النظر عما إذا كانت ميزات إمكانية الوصول قيد التشغيل ، من السهل قراءة النصوص عند تعيينها على خلفية ملونة.

2. استخدام التسلسل الهرمي مطبعي قوي

نعتقد أن الطباعة الجيدة هي مفتاح التصميم الجيد. نحن نضمن أن يكون التسلسل الهرمي المطبوع منطقيًا دون استخدام الكثير من أشكال درجات الرمادي المختلفة. نحن نعتمد على تحجيم ونوع كتابة قويين لإنشاء تسلسل هرمي ذي معنى حتى تصبح المعلومات منطقية في لمحة. كما قمنا بتمكين دعم أحجام الخطوط الديناميكية عبر تطبيقاتنا. بهذه الطريقة يمكنك استخدام ميزة إمكانية الوصول الافتراضية لتغيير حجم النص إلى ما يناسبك.

3. لديهم مؤشرات التركيز واضحة

يمكن للأشخاص ذوي الإعاقات البصرية والحركية التنقل بينتيريست بدون ماوس أو لوحة التتبع. لقد أنشأنا مؤشرات تركيز واضحة إلى الأمام وواضح لجميع Pinners بحيث يمكنك بغض النظر عن مستوى قدرتك ، استخدام موقعنا أو تطبيقاتنا بوضوح.

4. لا تعتمد على الألوان

في جميع تدفقات المستخدم لدينا ، نعتمد على تدرج الرمادي مع استدعاء واحد واضح فقط للون الإجراء. يعد هذا أمرًا رائعًا للأشخاص الذين يعانون من العمى اللوني لأننا لا نعتمد على الألوان للدلالة على المعلومات. بدلاً من ذلك ، نحن نعتمد على الاستخدام الجيد للتسلسل الهرمي والمكاني في تدفقات المستخدم لدينا لإنشاء بنية المعنى والمعلومات.

5. استخدام SVGs

استبدل PNGs بـ SVGs بحيث تصبح الرموز ومكونات واجهة المستخدم واضحة وحادة عند استخدام ميزة التكبير المضمنة المتوفرة في معظم أنظمة التشغيل والمتصفحات. يتيح ذلك للأشخاص الذين يعانون من ضعف في الرؤية تكبير وتصغير الأشياء الصغيرة النظيفة والهشّة ، بغض النظر عن كثافة البكسل ونسبة التكبير.

6. النظر في دعم قارئ الشاشة

تتيح قارئات الشاشة للأشخاص المكفوفين وضعاف البصر تلقي ملاحظات منطوقة. قبل أن نبدأ هذا المشروع ، لم يكن الأشخاص ذوو الإعاقة البصرية يتمتعون بتجربة تسجيل سلسة لـ Pinterest ، نظرًا لأن الاشتراك وتجربة المستخدم الجديدة لم يتم تحسينهما لقارئ الشاشة. لقد واجهوا أيضًا مشكلة في التنقل في تطبيقنا ، من الخلاصة المنزلية إلى البحث في ملفهم الشخصي. لقد أجرينا منذ ذلك الحين تحديثات مهمة بحيث يكون Pinterest قابلاً للاستخدام تمامًا من خلال قارئات الشاشة.

7. جعل إمكانية الوصول عقلية للمهندسين والمصممين

أفضل منتج شامل في كل مرحلة من مراحل عملية التصميم والهندسة. لهذا السبب أنشأنا مكتبة جديدة لواجهة المستخدم تتضمن مكونات يمكن للمهندسين والمصممين الوصول إليها لاستخدامها أثناء قيامهم ببناء وتصميم Pinterest. أيضًا ، يتم إجراء اختبارات إمكانية الوصول الآلي لضمان وضع علامات واضحة على الرموز والمكونات لأي ميزة جديدة.

من خلال هذه أفضل الممارسات ، نواصل جعل Pinterest أكثر شمولًا للجميع. لقد أحرزنا تقدمًا كبيرًا في تحديث iOS ومنصات الويب الخاصة بنا للوفاء بمعظم معايير إمكانية الوصول ، ونعمل على تقديم هذه التغييرات إلى Android تدريجياً. عندما تحصل عليه ، أخبرنا برأيك.

شكر وتقدير: سكوت أندريا ، جوليا كوكران ، كريس لويد ، راهول مالك ، شيرا نيتر ، ماليكا بوتر ، مارا سون ، كريستيان فورنجز ، أليس يوان ، جوي زينجاريلي ، لينيا زولتش وباقي مجموعة عمل إمكانية الوصول في بينتيريست.