افتح موقعك على هاتفك الآن. ليس لتعديله. ليس لفحص رابط. كزائر عادي، على هاتف عادي، بالطريقة التي يراها بها عملاؤك عندما يجدونك. إذا كان النص صغيرًا، الأزرار صعبة اللمس، الصور تستغرق وقتًا طويلاً للتحميل، أو التخطيط يبدو وكأنه مصمم لشاشة مختلفة — فهذه مشكلة.
الأرقام ليست غامضة
الجوال ليس مستقبل تصفح الويب. إنه الحاضر — وكان كذلك لسنوات.
في الإمارات، 75% من كل حركة المرور على الويب تأتي من الأجهزة المحمولة. عالميًا، الجوال يمثل 64% من جميع زيارات المواقع. نسبة انتشار الهواتف الذكية في دول الخليج تجاوزت 90%، وفي أسواق مثل مصر، الهاتف غالبًا ما يكون الجهاز الأساسي — وأحيانًا الوحيد — الذي يستخدمه الشخص للوصول إلى الإنترنت.
فكر في معنى هذا عمليًا.
عندما يرى عميل محتمل في الرياض منشورك على LinkedIn ويضغط على رابطك، فهو على هاتفه. عندما يبحث شخص في القاهرة عن خدماتك على جوجل، فهو غالبًا على هاتفه. عندما يحصل صاحب عمل في دبي على توصية ويبحث عنك قبل اجتماع، فهو على هاتفه.
نسخة سطح المكتب من موقعك — النسخة التي ربما صممتها واختبرتها بعناية أكبر — هي النسخة التي لن يراها معظم عملائك أبدًا.
ماذا يعني الجوال أولاً فعليًا
الجوال أولاً هو فلسفة تصميم، ليست ميزة.
لا يعني أخذ موقع سطح المكتب وجعله متجاوبًا. لا يعني إضافة قائمة همبرجر والاكتفاء بذلك. لا يعني ضمان أن الصفحة لا تنكسر على شاشة صغيرة.
الجوال أولاً يعني التصميم لأصغر شاشة أولاً، مع التجربة الأكثر تقييدًا في الاعتبار، ثم التوسع إلى شاشات أكبر — وليس العكس.
هذا التمييز مهم جدًا عمليًا.
عندما تصمم لسطح المكتب أولاً ثم تكيف للجوال، أنت تتنازل باستمرار. العناصر التي تعمل على شاشة عريضة تُضغط أو تُكدس أو تُخفى. التنقل المصمم للفأرة يُترجم بشكل محرج للإبهام. الصور المضبوطة لشاشة كبيرة تتحمل ببطء على اتصال جوال.
النتيجة هي تجربة جوال تشعر وكأنها ترجمة — وظيفية تقنيًا، لكنها ثانوية بوضوح.
عندما تصمم للجوال أولاً، كل قرار يُتخذ مع مستخدم الهاتف في الاعتبار من البداية. التخطيط مبني للإبهام، وليس للفأرة. التسلسل الهرمي للمحتوى محسن للتمرير العمودي. الصور مضبوطة ومضغوطة لاتصالات الجوال. الأزرار كبيرة بما يكفي للنقر المريح. التنقل بديهي بدون فأرة.
نسخة سطح المكتب تصبح توسيعًا لذلك الأساس — مساحة أكبر، ثراء بصري أكثر، محتوى مرئي أكثر في آن واحد — بدلاً من ضغطه.
التكلفة الخفية لهذا الخطأ
الشركات التي تعاني أكثر من تجارب الجوال السيئة غالبًا ما تكون تلك التي لا تعرف أبدًا أن هذا يحدث.
لا يوجد إشعار عندما يغادر زائر موقعك لأنه كان صعب الاستخدام على هاتفه. لا بريد إلكتروني. لا نموذج ملاحظات. لا تنبيه بارتداد يقول "هذا الشخص غادر لأن زرك كان صغيرًا جدًا للنقر."
مجرد صمت.
وفي ذلك الصمت، تتراكم مشكلة متضاعفة. كل زائر لديه تجربة جوال سيئة ويغادر هو عميل محتمل وجد منافسًا بدلاً منك. كل شهر تكون فيه تجربة جوالك دون المستوى هو شهر آخر من خسائر الأعمال الصامتة.
في الأسواق التنافسية — وكل سوق في الشرق الأوسط يصبح أكثر تنافسية — هذه الفجوة تتضاعف بسرعة. الشركات المستثمرة في تجربة جوالها تستحوذ على حصة غير متناسبة من الاهتمام. تلك التي لا تفعل تفقد أرضًا دون أن تدرك ذلك.
الجوال أولاً في سياق الشرق الأوسط
ضرورة الجوال أولاً قوية بشكل خاص في الشرق الأوسط لأسباب تتجاوز الاتجاهات العالمية.
في أسواق مثل مصر، الوصول إلى الإنترنت عبر الجوال غالبًا ما يسبق الوصول عبر سطح المكتب — العديد من المستخدمين يأتون عبر الإنترنت من خلال هواتفهم ولا يطورون عادات تصفح سطح المكتب أبدًا. هذا يعني أن موقعًا سيئًا على الجوال ليس غير مريح لبعض المستخدمين فقط. إنه غير قابل للوصول فعليًا لجزء كبير من السوق.
في الخليج، نسبة انتشار الهواتف الذكية من بين الأعلى في العالم، والمستخدمون معتادون على تجارب جوال متميزة من التطبيقات والمنصات العالمية. مستوى ما يعتبر مقبولاً على الهاتف مرتفع. موقع كان سيبدو كافيًا على الجوال قبل خمس سنوات يبدو مكسورًا اليوم بالمقارنة.
المواقع ثنائية اللغة تضيف طبقة إضافية من التعقيد. العربية لغة من اليمين إلى اليسار، مما يعني أن اتجاه التخطيط بالكامل ينقلب على الجوال — التنقل، محاذاة النص، وضع الأزرار، وتدفق القراءة كلها تحتاج إلى إعادة النظر للمستخدمين العرب. موقع يعتمد على الجوال أولاً بالإنجليزية ولكن ليس بالعربية هو مبني بنصف فقط.
ما نفعله في VIVIDA
في VIVIDA، الجوال أولاً ليس مربع اختيار في نهاية المشروع. إنه نقطة البداية لكل قرار تصميمي.
عندما نبدأ في تصميم موقع، نبدأ بعرض الجوال. نحدد التسلسل الهرمي للمحتوى، هيكل التنقل، أحجام الأزرار، أبعاد الصور، والطباعة لشاشة الهاتف أولاً. كل عنصر يكسب مكانه على أصغر شاشة قبل أن نفكر في كيف يتصرف على شاشة أكبر.
للمواقع ثنائية اللغة، نصمم تجربة الجوال العربية كمشهد من الدرجة الأولى — ليس صورة مرآة للتخطيط الإنجليزي، لكن تصميمًا مدروسًا بحد ذاته، مع تدفق قراءة من اليمين إلى اليسار، طباعة مناسبة، وخيارات بصرية ذات صلة ثقافيًا.
كما نحسن الأداء على اتصالات الجوال. الصور مضغوطة ومخدمة بأحجام مناسبة. الكود خفيف. أوقات التحميل سريعة — لأنه على جهاز محمول، كل ثانية تأخير تزيد من احتمالية مغادرة الزائر قبل أن تنتهي الصفحة من العرض.
النتيجة هي موقع يعمل بشكل جميل على الجهاز الذي يستخدمه عملاؤك فعليًا — ويتوسق برشاقة إلى كل حجم شاشة آخر.
إذا كان موقعك الحالي مبنيًا لسطح المكتب أولاً ومكيفًا للجوال كفكرة لاحقة، فأنت تعرف بالفعل أن شيئًا ما غير صحيح. عملاؤك يعرفون ذلك أيضًا، حتى لو لم يستطيعوا التعبير عن السبب.
دعنا نبنيها بالطريقة الصحيحة.
