على الرغم من أن عدد مواقع الويب التي لا تحتوي على تحسين للجوّال آخذ في التقلص ، إلا أنه لا يزال هناك بعض المواقع المصممة لسطح المكتب فقط. لسوء الحظ ، تم إيقاف خدمة الويب "الجوال" السابقة من Google. الخليفة الروحي للخدمة هو Google Weblight ، المصمم حول تحسين الاتصالات البطيئة بدلاً من مراجعة المواقع لعرضها على الجوال. بخلاف خدمة Google ، هناك عدد من الممارسات والأدوات التي يجب مراعاتها عند تطوير موقع مع مراعاة الجوّال.
خطوات
جزء 1 من 2: تجربة Google Weblight
الخطوة الأولى. قم بتحليل كيفية عمل Weblight
Weblight عبارة عن خوارزمية تم إنشاؤها بواسطة Google لتزويد المستخدمين بتحميل أسرع وأخف للصفحات في ظروف الشبكة السيئة. هذا يعني أن Weblight ليس له واجهة مستخدم ويعمل على الواجهة الخلفية. يتم تجريد الصفحات من عناصرها الأكثر تعقيدًا ، مما يوفر تجربة مجردة وخفيفة الوزن ، بدلاً من تجربة محسّنة بشكل صريح لمنصة الأجهزة المحمولة.
الخطوة 2. اختبر تغييرات الموقع باستخدام Weblight
على جهازك المحمول ، ما عليك سوى إلحاق عنوان URL الكامل لموقعك بنهاية عنوان Weblight (على سبيل المثال ، إذا كان موقع الويب الخاص بك هو "mywebsite.com" ، فأنت تدخل https://googleweblight.com/؟lite_url=https://mywebsite.com). سيتم تحميل الصفحة نسخة مبسطة ولكن وظيفية من نفسها. مع إزالة العناصر ، قد تظهر بعض المواقع بشكل أفضل على شاشات الأجهزة المحمولة.
الخطوة 3. التعرف على القيود
ضع في اعتبارك أن هذه ليست أداة تحويل صريحة مصممة لتفاعل المستخدم. بينما يمكن استخدام الدخول إلى موقع الويب يدويًا في لمح البصر ، فإن Weblight مصمم للسرعة وليس قابلية الاستخدام.
جزء 2 من 2: تصميم متوافق مع الأجهزة المحمولة
الخطوة الأولى. ضع في اعتبارك قيود الجهاز المحمول
تشترك الأجهزة المحمولة في بعض الجوانب التي تجعلها متميزة عن نظيراتها المكتبية. يجب أن تكون هذه الميزات الأساسية هي الاعتبارات الرئيسية عند إنشاء موقع لاستهلاك الأجهزة المحمولة.
- الشاشات الصغيرة والعمودية: على الرغم من أن دقة الشاشة على الأجهزة المحمولة تتحسن باستمرار ، يظل عامل الحجم والشكل مصدر قلق لتصميم الموقع. يعد تصميم موقع في تخطيط عمود واحد هو الأفضل للهواتف (يمكن للأجهزة اللوحية غالبًا استخدام مواقع سطح المكتب دون حدوث الكثير من المشكلات).
- واجهات اللمس: يجب وضع عناصر الصفحة مع وضع حجم الإصبع في الاعتبار. يجب تقليل العناصر التي تستخدم تمرير الماوس إلى الحد الأدنى أو إعادة تصميمها للمس (مثل القوائم المنسدلة).
- سرعات البيانات: تتمثل إحدى المزايا العظيمة للأجهزة المحمولة في الاستخدام خارج نطاق wifi ، ولكن اتصالات البيانات عادةً ما تكون أبطأ وأقل موثوقية. يجب أن تظل واجهات المستخدم (UI) بسيطة ويجب أن يكون المحتوى مرئيًا ويمكن الوصول إليه. سيؤدي وجود الكثير من الفوضى إلى تعثر أوقات التحميل وجعل التنقل صعبًا.
الخطوة 2. استخدم خدمة نظام إدارة المحتوى (CMS)
بالنسبة لأولئك الذين يطورون موارد أقل ، فإن استخدام خدمة CMS مثل Wordpress أو Squarespace يعد خيارًا رائعًا لتصميم الهاتف المحمول منخفض التكلفة وسهل الاستخدام. ستوفر السمات التي تستخدم تصميم الويب سريع الاستجابة أسهل نموذج لموقع محمول.
تصميم الويب سريع الاستجابة هو نظرية لتصميم الويب تعزز استخدام عناصر التصميم المرن للسماح بالانتقال السلس للتصميم وقابلية الاستخدام عبر الأنظمة الأساسية
الخطوة الثالثة. اختبر شاشات الجهاز المحمول باستخدام برنامج سطح المكتب
هناك عدد من تطبيقات الويب المجانية التي تتيح لك محاكاة الأجهزة المحمولة لاختبار جماليات موقع الويب ووظائفه. يعد استخدام هذه الأدوات سهلاً مثل تحديد جهاز الاختبار المطلوب ، ثم الدخول إلى موقع الويب المستهدف للمعاينة. سيتضمن معظمها أدوات للمتغيرات مثل اتجاه الشاشة أو كثافة البكسل أو حتى اختيار المتصفح. بعض الأمثلة الشائعة هي:
- محاكي وضع جهاز Chrome
- mobile phoneemulator.com
- screenfly (مجموعة فرعية من quirktools)
- mobiletest.me (عضوية مدفوعة)
