مرحبًا بكم في سلسلة "خرافات UX"، حيث أفنّد مفاهيم التصميم الخاطئة الشائعة التي تتكرر في اجتماعات المنتج (وأحاول تصحيحها).

مفهوم خاطئ عن حجم الخط

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

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

"مثل أشياء كثيرة في تصميم UI، فإن ما يبدو عشوائيًا وذاتيًا (مثل أحجام الخطوط) يعتمد على مبدأ منطقي بشكل لافت: نحن نحب قراءة الفقرات التي تبدو حروفها بالحجم الذاتي نفسه تقريبًا، أي بارتفاع يقارب 0.3° من خط الأساس إلى ارتفاع الحروف الكبيرة، ضمن مجال رؤيتنا." - Erik D. Kennedy.

الاحتكاك بين المصممين وأصحاب المصلحة

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

ومن المرجح أنكم، بوصفكم مصممين عملتم في هذا المجال سنوات عديدة، حين تعرضون شاشاتكم المصممة بعناية على أصحاب المصلحة في جلسة مراجعة، يحدث ما يلي:

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

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

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

أحجام الخطوط تغيّرت

طورت كل من iPhone وAndroid منظومتها الخاصة لمساعدة المطورين على التعامل مع تشتت أحجام الشاشات.

يقدم Dynamic type في iOS و The Type System في Android توثيقًا شاملًا وأفضل الممارسات، إذ يتيحان للمطورين تعديل الأحجام المفضلة للخطوط وإنشاء مجموعة من "المضاعِفات" لكل عنصر نصي. وتحدد هذه الإرشادات مقدار تكبير النصوص اللازم للحفاظ على المعايير ودعم جميع المستخدمين الذين ربما كبّروا أو صغّروا حجم الخط الافتراضي على مستوى الهاتف بأكمله مسبقًا.

لماذا؟ لضمان أن يحافظ كل تطبيق يتبع هذه الإرشادات على أفضل تجربة مستخدم عبر جميع التطبيقات المستخدمة على الهاتف.

وأنصح من يريد معرفة المزيد عن مبادئ الطباعة الرقمية بشرح مبسط لهذه الممارسات من مدونة Learn UI Design.

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

ما العمل؟

• أطلعوا جميع أصحاب المصلحة في المشروع على أساليب التطوير الحديثة وثقّفوهم بها، مثل Dynamic Type Sizes والإرشادات وأفضل الممارسات وغيرها، فهناك مصادر كثيرة يمكنكم الرجوع إليها.
• أنشئوا حالة اختبار سريعة لنموذج أولي على أجهزة أصغر أو أكبر، وقارنوها بتطبيقات أخرى في السوق.
• تجنبوا فخ الملاحظات الذي يقود إلى انحياز شخصي ناتج عن مقارنة غير متكافئة، مثل: "عنوان الواجهة الرئيسي في نموذجنا بحجم iPhone Xs Max يبدو صغيرًا جدًا مقارنة بنص المحتوى "المكبّر" على Samsung s20"، وما إلى ذلك.