أطلق لوك وروبليوسكي هذا الاسم على هذه الممارسة عام ٢٠٠٩، لكن المنطق كان ملحاً بالفعل. فقد أصبحت الهواتف الوسيلة الأساسية للوصول إلى الإنترنت، وكان تصميم واجهات سطح المكتب أولاً يُجبر المصممين على حشر التعقيد في الشاشات الصغيرة لاحقاً. أما منهجية "الأجهزة المحمولة أولاً" فتقلب الترتيب. ابدأ بأصغر شاشة، وحدد أهم العناصر، ثم توسع تدريجياً ليشمل تصميمات الأجهزة اللوحية وأجهزة سطح المكتب.

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

الممارسات الأساسية

• ابدأ تصميم الهيكل السلكي بعرض الهاتف.
• رتب أولويات التسلسل الهرمي للمحتوى بلا هوادة.
• حدد أهداف اللمس في التصميم بما لا يقل عن 44 بكسل.
• يتم التوسع إلى الأجهزة اللوحية وأجهزة الكمبيوتر المكتبية في النهاية.

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