لماذا لا يزال تصميم الويب سريع الاستجابة يقرر ما إذا كان الأشخاص سيشترون أم لا

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

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

انقسام الجهاز

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

ينتج عن ذلك موقع يناسب أقلية الزوار ويختصر الأغلبية.

حيث ينقطع التحويل عبر الهاتف المحمول فعليًا

لمس الأهداف الصغيرة جدًا

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

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

نماذج مصممة للوحات المفاتيح

النماذج هي المكان الوحيد الأكثر شيوعًا الذي يتم فيه فقدان التحويل عبر الهاتف المحمول. يتطلب كل مجال جهدًا أكبر على الهاتف منه على سطح المكتب، ويتضاعف الجهد.

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

إذا طلبت رقم هاتف واسم شركة ومسمى وظيفي في نموذج الاستفسار الأولي، فإنك تتداول معدل التحويل مقابل بيانات ربما لن تستخدمها.

تم إخفاء المحتوى لتبسيط التخطيط

الاختصار الشائع هو إخفاء المحتوى الثانوي على الشاشات الصغيرة للحفاظ على نظافة التخطيط. المشكلة هي أن المحتوى المخفي هو في كثير من الأحيان ما يحتاجه المشتري المتردد - التسعير، ومعلومات التسليم، والمواصفات، والطمأنينة.

تكافؤ المحتوى مهم. إذا كانت المعلومات تساعد شخصًا ما في اتخاذ القرار على سطح المكتب، فإنها تساعده على اتخاذ القرار على الهاتف المحمول. أعد تنظيمه، وتحويله إلى أكورديون، لكن لا تقم بإزالته.

الأداء على الشبكات الحقيقية

لا يقتصر أداء الهاتف المحمول على حجم الملف فقط. تتمتع الهواتف بقدرة معالجة أقل، وتتمتع شبكات الهاتف المحمول بزمن وصول أعلى ونطاق ترددي متغير. يمكن أن تستغرق الصفحة التي يتم تحميلها في ثانية واحدة على شبكة wifi المكتبية ثمانية ثوانٍ على اتصال الهاتف المحمول في مبنى ذي إشارة ضعيفة.

JavaScript مكلف بشكل خاص هنا، لأنه يجب تنزيله وتحليله وتنفيذه - والتحليل مرتبط بوحدة المعالجة المركزية، وهو المكان الذي تكون فيه الهواتف أضعف بالنسبة لأجهزة الكمبيوتر المكتبية.

الوصول إلى الإبهام

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

هذا هو السبب في أن الأشرطة السفلية الثابتة للعبارات الأساسية التي تحث المستخدم على اتخاذ إجراء تعمل بشكل جيد على الهاتف المحمول. هذا ليس الاتجاه. ويترتب على ذلك كيف تحمل اليد الجهاز.

اختبار على الأجهزة الحقيقية

يعد تغيير حجم نافذة متصفح سطح المكتب مفيدًا للتحقق من نقاط توقف التخطيط ولا شيء آخر. لا يمكن أن يُظهر لك دقة اللمس، أو مدى وصول الإبهام، أو كيف تحجب لوحة المفاتيح على الشاشة الحقل الذي تكتب فيه، أو كيف تتصرف الصفحة على هاتف Android متوسط ​​المدى عند اتصال بطيء.

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

المحمول أولاً هو أسلوب عمل

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

يؤدي البدء بالشاشة الصغيرة والتحسين إلى الأعلى إلى إنتاج تسلسل هرمي أكثر وضوحًا من البدء بالشاشة الكبيرة والتصغير. نحن نبني بهذه الطريقة كمعيار في كل مشروع تصميم الويبوعادةً ما يكون فرق التحويل مرئيًا في الشهر الأول بعد الإطلاق.

التصميم المتجاوب نصف المهمة فقط: اكتشف كيف يغطي الموقع الذي يركّز على التحويل تكلفته بنفسه، أو اقرأ الأسئلة الشائعة حول تصميم المواقع لمعرفة المدد الزمنية والملكية.