أكثر من 90% من تصفح السعوديين عبر الجوال. موقع لا يتقن شاشة الهاتف الصغيرة يخسر معظم زواره قبل أن يقرأوا سطرًا واحدًا.
1. الجوال أولًا لا الجوال أيضًا
صمّم للشاشة الصغيرة ثم وسّع — لا العكس. المحتوى الأهم يظهر دون تمرير، والأزرار بحجم إصبع (48px على الأقل)، والنماذج مختصرة.
2. السرعة جزء من التصميم
كل ثانية تأخير تخفض التحويل. صغّر الصور (WebP)، وأجّل ما ليس ضروريًا، وتجنّب الخطوط والمكتبات الزائدة. اختبر موقعك على شبكة 4G حقيقية لا على واي فاي مكتبك.
3. تجربة اللمس تختلف عن الفأرة
- روابط وأزرار متباعدة لا تُضغط بالخطأ.
- قوائم تنقل سفلية أو همبرغر واضح.
- نصوص بخط كبير وتباين عالٍ تحت الشمس.
- نماذج بحقول أقل ولوحة مفاتيح مناسبة (أرقام للهاتف).
4. قس على أجهزة حقيقية
المحاكي لا يكفي. جرّب موقعك على 3 أجهزة مختلفة وبيد من لم يره من قبل — ستكتشف احتكاكات لا تظهر في التقارير.
قائمة فحص الموقع على الجوال
- يظهر العرض الأساسي وزر الإجراء دون تمرير طويل.
- النص مقروء والأزرار سهلة اللمس والمسافات بينها كافية.
- الصور بالمقاس المناسب ولا تحجب المحتوى أثناء التحميل.
- النموذج قصير ولوحة المفاتيح تناسب نوع كل حقل.
- الهاتف وواتساب والخريطة تعمل بنقرة واحدة.
السرعة جزء من قرار الشراء
المستخدم على شبكة الجوال لا ينتظر الصفحة الثقيلة. لذلك نحدد أبعاد الصور، نؤجل الموارد غير المهمة، ونختبر المسار الكامل من نتيجة البحث حتى إرسال الطلب، لا الصفحة الرئيسية وحدها.
أسئلة شائعة
هل يكفي أن يتغير عرض الموقع على الهاتف؟
التجاوب الحقيقي يشمل السرعة وترتيب المحتوى وسهولة اللمس وإتمام الهدف.
هل نحتاج نسخة منفصلة للجوال؟
غالبًا لا؛ التصميم المتجاوب يحافظ على عنوان واحد ومحتوى واحد لكل الأجهزة.
