شرح التصميم المتجاوب: نسخة الهاتف هي الموقع نفسه

التجاوب ليس تقليص صفحة الحاسوب، بل قرار بما تصبحه الصفحة على الشاشة الصغيرة، ومعظم زوارك يرون تلك النسخة لا غيرها.

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

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

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

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

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

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

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