تصميم يسهل الوصول إليه - 5 أسرار أساسية لمصممي الجرافيك

أصبحت الشمولية اتجاه تصميم لا يمكنك تجاهله بعد الآن. من المهم إنشاء تصميمات تلتقط علامتك التجارية ورسالتك بدقة. ولكن الأهم من ذلك هو إنشاء تصميمات يراها عملاؤك ويعالجونها بالطريقة الصحيحة. وهذا يشمل التصميم للأشخاص الذين يعانون من أنواع مختلفة من الإعاقات. هناك قسم كبير من السكان يعاني من شكل من أشكال الإعاقة. هذا 61 مليون بالغ في الولايات المتحدة وحدها. لذلك ، فإن التصميم الذي يمكن الوصول إليه هو شيء لا يمكنك الاستخفاف به. يصادف اليوم العالمي للأشخاص ذوي الإعاقة 3 ديسمبر. حسنًا ، حان الوقت الآن للتحدث عن التصميم الذي يمكن الوصول إليه.

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

تصميم يسهل الوصول إليه - من منظور التصميم الجرافيكي

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

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

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

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

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

1. انتبه للطباعة الخاصة بك

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

فكر مرتين قبل استخدام خط صغير

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

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

الخط الذي تختاره مهم

هناك الكثير من خطوط serif الجميلة والمقروءة. ليس هناك شك في ذلك. ولكن إذا كنت تصمم مع مراعاة الأشخاص الذين يعانون من ضعف في الرؤية ، فإن خطوط sans-serif تتمتع بميزة واضحة. أشكال الحروف النظيفة والخالية من الإزعاج تجعلها أكثر ملاءمة للقراءة. وهذا ينطبق على كل من التصميمات المطبوعة والرقمية.

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

كن حذرًا بشأن تباعد الأحرف

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

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

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

نصيحة كيمب: ألا تعرف ما إذا كانت الطباعة المختارة سهلة على أعين القارئ؟ اكتب الأحرف أدناه بجانب بعضها البعض-

• الأحرف الكبيرة "i"
• الأحرف الصغيرة "l"
• والرقم "1"

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

قلق من جعل الطباعة تعمل؟ تواصل مع فريق Kimp.

2. تباين الألوان يستحق اهتماما خاصا

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

وفقًا لاتحاد شبكة الويب العالمية (W3C) ، يوصى بنسبة تباين تبلغ 4.5: 1 أو أكثر بين النص الأمامي والخلفية.

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

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

نصيحة Kimp: بدلاً من التساؤل عما إذا كان اللون الأحمر الذي اخترته للخط سيبدو جيدًا على خلفية رمادية ، استخدم أداة عبر الإنترنت مثل WebAIM Contrast Checker لمعرفة نسبة التباين.

3. كن حذرًا عند استخدام تراكبات النص

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

يمكن أن تكون الخلفيات المعقدة في شكل صور أو خلفيات منقوشة. على الرغم من أن كلا التصميمين يمثلان خلفية رائعة ، إلا أنهما قد لا ينصفان دائمًا النص الموجود في المقدمة.

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

على سبيل المثال ، يتيح التصميم أدناه تألق الصور مع تسهيل قراءة النص أيضًا.

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

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

4. تصميم لعمى الألوان

اختيار الألوان هو قرار مرهق في حد ذاته. ولكن ماذا لو كان عليك أن تجعله مناسبًا للمستخدمين المصابين بعمى الألوان؟ والخبر السار هو أن العديد من أدوات التصميم تتيح لك التصميم للأشخاص الذين يعانون من عمى الألوان.

أكثر أنواع عمى الألوان شيوعًا هي protanopia و deuteranopia و tritanopia. عندما لا يتمكن المستخدم النهائي من رؤية لون مختلف عن الآخر ، فإن قرارك باستخدام ألوان مختلفة للخط والخلفية أو ألوان مختلفة لالتقاط التسلسل الهرمي في مخطط معلومات بياني ، كل هذا لا معنى له.

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

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

أو ، إذا كنت ترغب في التحقق من تصميم موجود وجعله آمنًا لعمى الألوان ، فيمكنك استخدام أدوات عبر الإنترنت مثل Coblis- Color Blindness Simulator لمعرفة الشكل الذي يبدو عليه تصميمك لمستخدم مصاب بعمى الألوان.

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

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

5. أضف تسميات توضيحية واضحة لمقاطع الفيديو ونص بديل للصور

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

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

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

تبسيط التصميم الذي يمكن الوصول إليه باستخدام Kimp

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

اشترك الآن وجرب اشتراك Kimp مجانًا لمدة 7 أيام.

المنشورات ذات الصلة