يوجد العديد من المعلومات المتوفرة بهدف إنشاء المواقع الإلكترونية المخصصة للهواتف الذكية- منها الجيد و منها السيء لكن في النهاية الخبرة تساوي الكثير، و لا مانع من عرض مجموعة من الممارسات التي من الممكن أن تساهم في تجنب بعض الأخطاء التي يرتبكها المطورون عندما يقررون أن يبدأ في مجال تطوير المواقع الخاصة بالهواتف الذكية. ب
حافظ على عنصر السرعة
. لنواجهه الأمر – بوجود الشاشات الصغيرة، و الشبكات البطيئة، و الذاكرة المحدودة لا يتمكن المطور من تحقيق تجربة تصفح فريدة بالشكل المرجو لمستخدمي الهواتف الذكية. عليك أن تقدم بعض التنازلات حيث أنه بالرغم من أن الموقع قد يبدو مذهلاً على جهازك الذكي الحديث من الجيل الرابع إلا أنه عليك أن تأخذ في عين الاعتبار أن بعض المستخدمين من الممكن أنهم يعتمدون تكنلوجيا بجودة أقل و بذلك فلا يمكنك أن تقوم بتضمين مميزات لا يمكن أن يتم دعمها من قبل جميع الأجهزة مهما كانت التكنلوجيا المستخدمة.ب
لذلك، قبل أن تقوم بإضافة صور ثقيلة و ملفات مرئية مبهرة فكر في ما إذا كانت هذه الإضافات ستشكل أي قيمة لزوارك و زبائنك أو لا. عملية تحميل الموقع على الهواتف الذكية ستكون بطيئة و مستفزة لبعض الأشخاص إذا ما كانت الصفحات تحتوي على كم كبير من البيانات التي ينبغي الوصول إليها مما سيؤدي في النهاية إلى استعاضة الزائر عن موقعك بموقع آخر مشابة و لكن من دون الكم المماثل من البيانات. هذا لا يعني أن نسخة الهواتف المتحركة من الموقع يجب أن تكون مملة – و لكن عليك أن تقرر كيف تستفيد بصورة قصوى من المساحة المحدودة التي توفرها نسخة الهواتف الذكية من موقعك.ب
من ناحية تقنية عليك أن تقلل من ملفات الجافا-سكريبت و السي-إس-إس و تستخدم أقل نسبة ممكنة منهم. معظم المتصفحات تقوم بتحميل ثلاثة أصول في نفس الوقت، لذلك إذا كانت صفحتك تحتوي على 20صورة، 3 ملفات سي-إس-إس ، و 5 ملفات جاف-سكريبت فعليك أن تقوم بتعزيز هذه الموارد. يمكن نقل الصور الصغيرة مثل الرموز إلى صورة سبرايت واحدة.، كذلك يمكنك دمج ملفات السي-إس-إس و الجافا-سكريبت كلٍ في ملف واحد فقط.ب
.حتى لا تتسبب في تأخير باقي مكونات الصفحة </body>أضف إلى أنه يجب وضع ملفات الجافا-سكريبت قبل
جدلية الدقة
ستبدو الصور المخصصة للتصفح عبر الهواتف الذكية بهيئة تعيسةعلى هواتف الآيفون و غيرها من الأجهزة ذات الدقة العالية و لمعالجة ذلك يجب استخدام صور بحجم أكبر. من الممكن استخدام حلول الإتش-تي-إم-إل التي تقوم بتغير حجم الصور حسب حجم الشاشة. قبل إطلاق الموقع قم بفحص العرض على أكثر من جهاز و بأكثر من دقة لتصل إلى مستوى متوسط بين حجم الصور و مقدار الدقة الممكنة. ة
ب
لا للتصاميم ذات المقاييس الثابتة
على الرغم من أن شاشات الهواتف الذكية أصغر من شاشات الكمبيوتر إلا أن مقاساتها مختلفة، حتى الهواتف ذات المقاسات المتماثلة تمتلك دقة شاشات مختلفة – من 320 بيكسل إلى 1000 بيكسل. إذا قمت بتصميم ذو مقاسات ثابتة ستبدو الصفحات مقبولة على بعض الأجهزة و سيئة على بعضها. يجب أن تكون التصاميم قابلة للتعديل تلقائياً حسب مقاس الشاشة – إلا إذا كنت تستهدف مجموعة معينة من الأجهزة فقط. ب
استخدم أنماط تنقل جيدة
قوائم الميجا و غيرها من أقسام التنقل الكبيرة لا تتلائم مع المتصفحات صغيرة الحجم مثل تلك الخاصة بالهواتف الذكية. كذلك القوائم التي تظهر بشكل تسلسلي للأسفل بمجرد الضغط عليها لا تعمل جيداً في أجهزة اللمس، بينما القوائم الكبير تستهلك مساحة كبيرة. أحد القوائم الملائمة للهواتف هي تلك التي تتضمن مجموعة من أيقونات صغيرة بشكل أفقي في أعلى الصفحة حيث أن الأيقونات تتسع بمجرد الضغط عليها. على الرغم من محدودية هذا الخيار إلا أنه الأكثر ملائمة لحجم شاشات الهواتف الذكية لكن إذا ما قررت استخدام أنماط أخرى تأكد من مدى سهولة وصول المستخدم إليها. ب
أعد النظر في خاصية الكشف عن الأجهزة
الكشف عن الأجهزة هو عندما يتم الكشف عن عامل الهيدر للمستخدم و الذي يتم إرساله مع طلب الإتش-تي-تي-بي من ثم اتخاذ القرار بناءً على ذلك و الذي عادة ما يتعلق بعرض صفحة مختلفة للكمبيوتر أو الهاتف الذكي. بالرغم من ذلك، و مع انتشار الدعم اللازم لتصميم الاستجابة أصبحت عملية تصميم نسخة واحدة من المواقع الإلكترونية لجميع الأجهزة شائعة . إذا كانت حاجات مستخدمي الهواتف لا تختلف عن حاجات مستخدمي الكمبيوتر فعليك الإعتماد على خاصية تصميم الاستجابة بدلاً من الكشف عن الأجهزة. مثلاً إذا وجد أحدهم موضوعاً مثيراً للاهتمام بينما يقوم باستخدام الكمبيوتر و قرر العودة للموضوع في وقت لاحق باستخدام الهاتف الذكي فسيكون الموضوع صعباً إذا ما كانت النسختين مختلفتين في الجهازيين. سيكون من الأسهل على جميع الأطراف إذا ما كان موقعك يحافظ على جميع مميزاته على جميع الأجهزة بينما يقوم بتعديل العرض حسب حجم الشاشة. ب
استفد من مميزات الهواتف الذكية
تمتلك العديد من الهواتف الذكية مميزات غير متوفرة في أجهزة سطح المكتب مثل إمكانية إجراء مكالمة من موقع إلكتروني أو القدرة على تحديد الموقع الجغرافي بدقة عالية. تأكد من أنك تستغل هذه الخصائص عبر ربط أرقام الهواتف الموجودة على الموقع أو تحديد مواقع الزبائن حتى تتمكن من التعديل على خططك التسويقية لاستهداف الزبائن في أكثر المناطق التي يشيع فيها الاهتمام بمجال عملك.
ب
استخدم أيقونات و خطوط ذات حجم كبير
العديد من الهواتف حالياً تعمل باللمس حيث أن دقة اللمس أقل من دقة الفأرة عند التحديد على أحد العناصرمما يصعب عملية إختيار أحد الروابط إذا ما كان مجاوراً لغيره من الروابط الأخرى. على الأقل عليك استخدام خطوط ذات 14 بيكسل حيث أن دقة 10 بيكسل ستكون كافية على شاشة الكمبيوتر إلا أنها صعبة القراءة على الهواتف الذكية.ب
تجنب فتح نوافذ جديدة
عند استخدام الكمبيوتر فإن فتح نوافذ جديدة أثناء التصفح قد تتم من دون ملاحظة المتصفح إلا أن العملية تكون مزعجة للغاية للمتصفحين عبر الهواتف الذكية لأن استجابة الهواتف تختلف حسب النظام المستخدم في كلٍ منهاحيث أن الصفحات الجديدة ستستولي على المساحة الكلية للصفحة مما يرجح أن الزائر من الممكن أن يكون مهتماً بالصفحة الجديدة و ينسى صفحة موقعك التي كان يستعرضها مسبقاً . ب
تجنب استخدام الجداول و ال iFrames
مثل هذه الخيارات لا تعمل جيداً مع الهواتف الذكية حيث أن المساحة الموجودة لا تكفي لعرضهم بالشكل المطلوب. استبدل الجداول بطريقة ملائمة لعرض البيانات في قائمة أو استخدم جداول صغيرة عامودية إذا ما لزم الأمر. بدلاً من الأطر المدمجة يمكن تجميع المحتوى من الآر-إس-إس أوالاستعاضة عن ذلك بطرح روابط للصفحات بدلاً من تضمينها في صفحتك. ب
مستخدمي الهواتف ليسوا زبائن درجة ثانية
إذا لم تولي اهتمام لللزوار عبر الهواتف الذكية فتأكد أنك تخسر نسبة هائلة من العدد الكلي لزوارك، لذلك يجب أن لا تكون خدمتك بدرجة أقل من تلك التي توفرها لمتصفحي الكمبيوتر و تتوقع أن تكون في مستوى موازي للمواقع ذات الخدمات الأفضل. يجب الانتباه إلى ضرورة أن يكون الموقع ملائماً بدرجة متماثلة لجميع الأجهزة حتى تتأكد من أن جميع الزوار راضيين عن مستوى الموقع .
المصدر الأصلى للموضوع
حلول استعراض المواقع الإلكترونية على الهواتف الذكية - Cloud Wings