01 / المسرد
التصميم المتجاوب
تصميم الصفحة بحيث يتكيّف تخطيطها تلقائيًا مع أحجام الشاشات المختلفة مثل الهواتف والأجهزة اللوحية وأجهزة الكمبيوتر.
- 01
لماذا هو مهم؟
في مواقع كثيرة يصل معظم الزوار عبر هواتفهم، وتقيّم Google المواقع أساسًا من خلال نسخها المحمولة. فالنصوص الصغيرة والجداول التي يتجاوز عرضها حدود الشاشة والأزرار الأصغر من أن تُضغط بالإصبع على الهاتف تُفقد المبيعات وتضرّ بسهولة الوصول في آن واحد.
- 02
مثال
في موقع عيادة، يتألف نموذج الحجز من عمودين على سطح المكتب؛ أما على الهاتف فيتحول إلى عمود واحد، وتكبر الأزرار، ويصبح رقم الهاتف قابلًا للاتصال به بنقرة واحدة.
- 03
خطأ شائع
اعتماد التصميم على سطح المكتب فقط وترك العرض على الهاتف إلى اللحظة الأخيرة. وعندما يُدفع العرض على الهاتف في نهاية المطاف، يصبح المحتوى والأزرار صعبة الاستخدام.
- 04