ماذا تعني «متجاوب مع الهاتف» فعلًا؟

التعريف

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

وما ليس كذلك: صفحة مكتب مصغَّرة حتى تتّسع. هكذا كان الويب قبل التصميم المتجاوب، وهذا ما تحصل عليه حين يقول أحدهم «متجاوب» ويقصد «يفتح تقنيًا».

لماذا يهمّ أكثر من قبل

معظم زوّارك على الهاتف. وللنشاط المحلي هي الأغلبية الكبيرة عادةً — فالناس يبحثون وهم يتنقّلون، لحظة اتخاذ القرار.

وجوجل تفهرس نسخة الهاتف لا نسخة المكتب. فإن كانت نسخة هاتفك معطوبة أو أفقر من نسخة المكتب، فهي ما يُحكم عليه.

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

اختبار الدقيقتين

على هاتفك أنت، افتح موقعك وحاول أن تفعل ما يفعله العميل:

• اقرأ النصّ الأساسي دون تكبير
• اضغط رقم الهاتف واجعله يتّصل
• اعثر على مواعيد عملك في أقلّ من عشر ثوانٍ
• أكمل حجزًا أو استمارة تواصل بإبهام واحد
• اقرأ القائمة أو الأسعار دون تكبير

وكل خطوة تجعلك تتنهّد تكلّفك عميلًا لن يتنهّد بل سيغادر.

الأعطال التي تتكرّر

قائمة PDF. الأكثر شيوعًا بفارق كبير. فصفحة مصمَّمة لمقاس A4 تصل إلى الهاتف شيئًا يُكبَّر ويُسحب. والقوائم مكانها صفحة كنصّ.

أهداف ضغط صغيرة. روابط متلاصقة وصغيرة تحتاج إلى دقة، فتخطئ وتصل إلى مكان لم تقصده.

نصّ فوق صورة خلفية، وكثيرًا ما يصير غير مقروء حين تُقصّ الصورة على شاشة ضيّقة.

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

رقم هاتف على شكل صورة. لا يمكن ضغطه فلا يمكن الاتصال به.

ماذا تطلب

إن كنت تطلب بناء موقع: «مصمَّم للهاتف أولًا، وأريد أن أراه على هاتفي قبل الإطلاق». فالفحص على جهازك أنت، على بيانات الهاتف لا على واي فاي المكتب، يكشف أكثر من أي مواصفات.

التعليمة التي تستحق الإضافة لما بعد الإطلاق

عبارة «مصمَّم للهاتف أولًا، وأريد رؤيته على هاتفي قبل الإطلاق» نصيحة جيدة لأنها ليست الأمر الافتراضي في كل مكان. ويستحق أن تقرنها بتعليمة ثانية، للسنوات التي تلي الإطلاق:

ينبغي أن تستطيع رؤية شكل التغيير قبل أن يراه أي أحد.

فمعظم المواقع تُعدَّل بشكل أعمى. تغيّر سطر نصّ، وتحفظ، ثم تفتح الموقع الحيّ على هاتفك لتعرف هل التفّ بسوء — وقد يكون عميل رآه بحلول ذلك. وهكذا يتعلّم الناس رهبة لمس مواقعهم، والموقع الذي لا يجرؤ أحد على لمسه يقدُم مهما كان متجاوبًا.

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