انتهينا من مؤتمر مطوّري برامج Chrome قبل أسبوعين، وإليك الأول من سلسلة تقارير حول الفعالية. كان هناك تركيز قوي على تطوير الجوال وعبر الأجهزة، لذلك سنبدأ في ذلك!
أفضل أنماط تجربة المستخدم لتطبيقات الويب على الأجهزة المحمولة من قبل بول كينلان
بعد تحليل مدى توافق أفضل 1000 موقع إلكتروني مع الأجهزة الجوّالة، وجدنا بعض المشاكل: لا يزال 53% يقدّم تجربة على أجهزة الكمبيوتر المكتبي فقط، بينما 82% من المواقع الإلكترونية تواجه مشاكل في التفاعل على الأجهزة الجوّالة و64% من المواقع الإلكترونية تتضمن نصوصًا ستواجه المستخدمين مشاكل في القراءة.
النتائج السريعة لتحسين تجربة الويب على الأجهزة الجوّالة إلى حد كبير
- تحديد إطار عرض دائمًا
- ملاءمة المحتوى داخل إطار العرض
- الحفاظ على حجم الخط بمستوى يمكن قراءته
- الحد من استخدام خطوط الويب
- تحديد حجم أهداف النقر والمسافات بشكل مناسب
- استخدام الأنواع الدلالية لعناصر الإدخال
أطلقت "إحصاءات PageSpeed " للتو تحليل تجربة المستخدم لتحديد مدى توافق موقعك الإلكتروني مع الأجهزة الجوّالة. وسيساعدك ذلك على العثور على المشاكل الشائعة في تجربة المستخدم على الأجهزة الجوّالة في مواقعك الإلكترونية. ننصحكم بتجربتها.
العروض التقديمية من Google: أفضل أنماط تجربة المستخدم لتطبيقات الويب على الأجهزة الجوّالة
تسهيل الاستخدام على أجهزة متعددة من قِبل "أليس بوكسهول"
وسيتمكّن المستخدمون من الوصول إلى مواقعك الإلكترونية وخدماتك من العديد من الأجهزة التي تتضمّن مجموعة كبيرة من متطلبات تسهيل الاستخدام المختلفة. وباستخدام العناصر الدلالية الصحيحة وأدوار ARIA الصحيحة، فإنك تساعد في تحسين فهمك لصفحتك على المتصفح والتكنولوجيا المساعدة.
العروض التقديمية من Google: تسهيل الاستخدام على أجهزة متعددة
الطرق الرئيسية لفهم مشاكل التواصل ومعالجتها
- التأكّد من تقديم تجربة جيدة للمستخدم باستخدام لوحة المفاتيح فقط
- التعبير عن دلالات الواجهة باستخدام الاختيار الصحيح للعنصر وARIA
- استخدِم ChromeVox على الكمبيوتر المكتبي وTalkBack على نظام التشغيل Android.
- جرِّب إضافة Chrome الخاصة بأدوات مطوّري برامج تسهيل الاستخدام
- تزداد الحاجة إلى استخدام الإنترنت من قِبل جمهور أكثر تنوعًا، ما يعزّز الحاجة إلى تسهيل الوصول إلى مواقعك الإلكترونية
إنشاء تطبيقات للأجهزة الجوّالة باستخدام Chrome WebView من تأليف "مات غوانت"
جميعنا يعرف المشاكل التي واجهها المطوّرون في الإصدار السابق من WebView: ميزات HTML5 محدودة، وعدم استخدام أدوات تصحيح الأخطاء، وعدم استخدام أدوات تصميم. مع طرح مكوّن WebView المستند إلى Chromium في نظام التشغيل Android 4.4 (KitKat) وتوفير مجموعة كبيرة من الأدوات الجديدة للمستخدمين الآن لإنشاء تطبيقات أصلية رائعة باستخدام WebView.
تتيح مكوّنات WebView إمكانية تصحيح الأخطاء عن بُعد بالكامل باستخدام الأدوات نفسها التي تستخدمها في Chrome. مع Grunt، يمكنك استخدام سير العمل الموثوق لتطوير الويب الخاص بك ودمجه في أدوات التجميع الأصلية من خلال Gradle. وبعد دمج العوالم، هناك خدعة ذكية لاستخدام "أدوات مطوري البرامج في Chrome" لاختبار الرموز البرمجية الأصلية من JavaScript.
العروض التقديمية من Google: إنشاء تطبيقات للأجهزة الجوّالة باستخدام Chrome WebView
النقاط الرئيسية الفعالة لتطوير WebView
- وهي ليست الميزات الجديدة المهمة، بل الأدوات التي يمكنك استخدامها الآن لتسريع سير العمل.
- لا تحاوِل محاكاة واجهة المستخدم الأصلية. ولكن احرص على إزالة بعض التصريحات بأن ذلك محتوى ويب.
- استخدِم التطبيقات الأصلية للميزات عندما يكون ذلك مناسبًا. على سبيل المثال، استخدم DownloadManager بدلاً من XHR للملفات الكبيرة.
تحسين سير العمل لعالم عبر الأجهزة، بقلم مات غاونت
إذا كان علينا تطوير التطبيقات لأجهزة الكمبيوتر المكتبي والأجهزة الجوّالة والأجهزة اللوحية والأجهزة القابلة للارتداء وغيرها من أشكال الأجهزة، كيف يمكنك تحسين سير العمل لتقليل إرهاقك؟ هناك نهج مصمَّم لأجهزة متعددة لتنفيذ مهام التحسين بسرعة باستخدام LiveReload وGrunt وYoman وبرنامج Mini Mobile Device Lab الذي تم الإعلان عنه مؤخرًا. وأخيرًا، إذا لم تكن لديك الأجهزة المادية التي تريد اختبارها، فإن بعض مقدمي الخدمات يتيحونها عبر السحابة الإلكترونية.
العروض التقديمية من Google: تحسين سير العمل لعالم يعمل باستخدام أكثر من جهاز واحد
النقاط الرئيسية
- عدد الأجهزة التي سنكون بحاجة إلى تلبيتها سيزيد فقط
- تنفيذ سير العمل بالشكل المناسب من خلال تطبيقَي Grunt وYeoman
- تبسيط الاختبار على جميع المتصفحات والأجهزة باستخدام الميزة الاختبارية للأجهزة الجوّالة الصغيرة
- اختيار وضع المحاكاة الذكي باستخدام محاكاة أدوات مطوّري البرامج في Chrome، ومحاكيات الأسهم، وأدوات المحاكاة المستندة إلى السحابة الإلكترونية مثل Saucelabs وBrowserstack وappexperience والمحاكي التابع لجهات خارجية Genymotion
- لا تقتصر ميزات اختبار الأجهزة الجوّالة على اختبار اتصال Wi-Fi فحسب، بل استخدِم خادمًا وكيلاً لمحاكاة سرعات الشبكة الأبطأ.
الاتصال بالشبكة: اختياري من إعداد "جيك أرشيبالد"
لقد تعلمنا الكثير من الأشياء من هذه المحادثة: "جيك" لا يرتدي أي حذاء أثناء العرض؛ وصدر كتاب جديد لمجلة Business Kinlan قريبًا؛ حيث يتعامل مورّدو المتصفح مع وضع عدم الاتصال بجدية، وستتوفر لك قريبًا الأدوات التي تساعدك في بناء تجارب رائعة تعمل بشكل جيد عندما تكون غير متصل بالإنترنت.
ServiceWorker: ستمنحنا المرونة التي نحتاج إليها لإنشاء تجارب أولى جذابة بلا اتصال بالإنترنت بسهولة وبدون مواجهة المشاكل التي تتسبب فيها خدمة AppCache. يمكنك أيضًا تجربة واجهة برمجة التطبيقات باستخدام Polyfill.
العروض التقديمية من Google: الاتصال بالشبكة: اختياري
عامل خدمات يقدّم خدمات الإنقاذ
- في الجيل التالي من التحسين التدريجي، نتعامل مع الشبكة على أنّها تحسين محتمل.
- يتيح لك ServiceWorkers التحكّم في طلبات الشبكة بشكل كامل وقابل للبرمجة وقابل للتصحيح.
- إذا كانت لديك تجربة بلا اتصال بالإنترنت، لا تنتظر إلى أن يتعطل اتصال الشبكة قبل عرضها، لأنّ ذلك قد يستغرق وقتًا طويلاً.