تصميم الجوال أولًا: أبعد من تصغير سطح المكتب

معظم المواقع «الصديقة للجوال» مواقع مكتبية عُصرت عبر media query: كل شيء ينجو، أصغر. الجوال-أولًا انضباط مختلف — البدء من قيود الشاشة الصغيرة وترك نسخة المكتب تكون التوسعة. القيد هو المقصد: يفرض قرارات يتيح لك المكتب تأجيلها.

الأولوية قرار تصميم لا إعادة تدفق

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

صمم للإبهام لا للمؤشر

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

النماذج تتقلص أو تفشل

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

ضع ميزانية السرعة على هاتف حقيقي

موقعك سريع على واي-فاي المكتب وحاسوب المصمم. زائرك على هاتف متوسط بشبكة خلوية. اختبر هناك، واثبت على مؤشرات الويب الأساسية — صور بمقاس الشاشة، وسكربتات مؤجلة، ولا شيء يتزحزح أثناء التحميل.

دع المكتب يكون التحسين

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

تعيد البناء والجوال شاشتك الأساسية؟ هذا افتراضنا في تصميم وتطوير المواقع — أخبرنا عن مشروعك.