ليس من المستغرب أن تقريرا صدر مؤخرا من وكالة الأمم المتحدة ، و الاتحاد الدولي للاتصالات ، وتوقع أنه سيكون هناك المزيد من الاشتراكات على الهاتف المحمول على هذا الكوكب من الناس داخل 9 أشهر القادمة. إن "ثورة الهاتف الذكي" هي بالتأكيد على عاتقنا ، وعلى هذا النحو ، فقد انفجر تصميم الويب المحمول في السنوات الأخيرة.
ويعني هذا أن مطوري الويب قد اضطروا إلى التعامل مع تصميم موقع الجوال ، إذا كانوا يرغبون في التنافس وإثبات أعمالهم في المستقبل. ومع أخذ ذلك في الاعتبار ، فقد توصلت إلى بعض النصائح المهمة من أجل إعطاء المطورين نقطة انطلاق ، مع وضع بعض الأمور في الاعتبار قبل المتابعة.
نظرة سريعة على المدى الذي وصلت إليه الأجهزة المحمولة منذ إدخال جهاز iPad ، مما يؤكد أن تكنولوجيا الهاتف المحمول هي صناعة سريعة التطور ومتغيرة باستمرار ولهذا السبب ، من الحكمة التفكير في كيفية التصميم المستقل في المستقبل.
وهذا يعني أن مواكبة أحدث الاتجاهات أمر حيوي إذا أردت التأكد من أن الموقع سيكون قابلاً للتطبيق في غضون بضع سنوات. وبالطبع فإن التصميم المستجيب هو كل الغضب في الوقت الحالي ومن المحتمل أن يكون هذا جزءًا من خطتك.
في حين أنه من الآمن أن نفترض أن معظم الزائرين سيحصلون على هواتف ذكية ، إلا أنه من المفيد ألا تكون جميع الإرادة ، ولذلك قد تحتاج إلى العمل في هذا التصميم. من الجدير بالاهتمام البحث عن الجمهور المستهدف في مراحل التخطيط ، بحيث يمكنك التعامل مع الأجهزة الشائعة المستخدمة ، وكذلك سلوك المستخدم.
لا يحتاج زوار مواقع ويب الجوّال بالضرورة إلى الوصول إلى مواقع الويب أثناء التنقل ، وهذا أمر يجب أخذه بعين الاعتبار. في كثير من الأحيان ، يتم التصفح المحمول أثناء الانتظار. في القطار أو في السيارة أو حتى على الأريكة في المنزل.
هذا يعني أن تجريد التصميم بحيث يكون بسيطًا للغاية قد يؤدي إلى نتائج عكسية. إذا كان لديك موقع عظام عارية لا يحتوي على أي شيء كثير من حيث المحتوى ، فقد يكون هذا غير مرغوب فيه للجمهور حيث إن موقعك لا يقدم أي شيء حقيقي ، ولا يمكن اعتباره أكثر من إعلان بانر كبير الحجم.
يتم استخدام الهاتف المحمول هذه الأيام بقدر ، إن لم يكن أكثر ، من سطح المكتب لتصفح الإنترنت ، لذلك عليك أن تضع ذلك في الاعتبار أثناء عملية التصميم وتضمن أن موقعك سهل الاستخدام ، ولكنه غني بالمحتوى.
يُعد تحسين مواقع الويب للجوّال أمرًا حيويًا أيضًا ، خاصةً بالنسبة للصفحات المقصودة ، نظرًا لأن هذه هي نقطة الدخول إلى موقع الويب. وهذا يعني أنه يجب تحسين موقع الويب للجوّال مع وضع المستخدم في الاعتبار ، بالإضافة إلى محرك البحث ، لتوفير تجربة تنقل بسيطة ونص واضح ونماذج سهلة بنقرة واحدة ومعلومات وصفية ذات صلة وعلامات تمييز.
يجب مراعاة أحجام الملفات من حيث الوزن ويجب تضمين العبارة القوية التي تحث المستخدم على اتخاذ إجراء في الصفحات المقصودة. إذا كان عليك استخدام النماذج ، فاحتفظ بها بسيطة قدر الإمكان ، مع وجود أقل عدد ممكن من حقول الإدخال حتى لا يشعر المستخدم بالإحباط ويغادر.
وينطبق نفس الشيء على الإجراءات ؛ اجعلها بسيطة ولا تستخدم إلا عند الضرورة. في حين قد يكون من الجميل أن يكون لديك نظام ملاحة فاخر ، إذا كان غير قابل للاستخدام ، فنتوقع ارتفاع معدل الارتداد.
عند استخدام الأزرار ، تأكد من اجتياز "اختبار الإبهام" ، مما يعني أنه يجب أن تكون قادرًا على الضغط على زر باستخدام إبهامك ، دون أن تضغط على محتوى آخر قد ينقلك إلى صفحة غير مرغوب فيها.
يعتبر التحسين أمرًا يجب مراعاته عند إنشاء موقع ويب سريع الاستجابة أيضًا. لقد كان هناك الكثير من الجدل في الآونة الأخيرة حول كيف أن التصميم المستجيب يبطئ من سرعة الإنترنت وما إذا كان سيعني بالضرورة زوال المواقع سريعة الاستجابة. ومع ذلك ، هناك تقنيات تحميل مشروطة يمكن أن تساعد في تسريع الموقع لضمان عدم قيام الأجهزة تلقائيًا بتنزيل إصدار سطح المكتب الكامل من الموقع في كل مرة.
يجب ضغط موارد CSS وجافا سكريبت ، وهناك الكثير من البرامج مفتوحة المصدر للمساعدة في ذلك. فمثلا، UglifyJS يمكن استخدامها مع جافا سكريبت لضغط الكود و بوصلة يمكن استخدامها لإنشاء ترميز أنظف ، بالإضافة إلى النقوش والامتدادات ، دون الكثير من الجلبة والعمل الجاد.
عند استخدام التصميم المتجاوب ، تتمثل إحدى النقاط الرئيسية التي يجب تحديدها في البداية في الشبكة ونقاط التوقف. مرة أخرى ، هناك العديد الأدوات عبر الإنترنت يمكن أن تساعدك على تحديد الأعمدة وعرضها والمزاريب.
يفضل بعض مطوري البرامج تعيين نقاط التوقف استنادًا إلى الدقة ، ولكن هذا ليس حلاً مثاليًا نظرًا لوجود عدد كبير جدًا من الأجهزة المحمولة في السوق وتغير القرارات بمرور الوقت.
وهذا يعني أن نقاط التوقف يجب أن تستند إلى التصميم والمحتوى ، بدلاً من الحل. لاختبار نقاط التوقف والشبكات ، يمكن استخدام نافذة المستعرض خلال مشروع التصميم لمعرفة كيفية سلوك المحتوى عند تغيير حجمه.
من الناحية المثالية يجب أن تتدفق بشكل طبيعي ويمكنك استخدام العديد من نقاط التوقف التي تحتاجها لتحقيق ذلك.
لا يتم إنشاء كل أنظمة تشغيل الجوال بنفس الطريقة ، كما تعلمون ، لذا يجدر النظر في الإرشادات عندما يتعلق الأمر بالبناء لـ Android و iOS ، على سبيل المثال ، والمتصفحات التي يمكن استخدامها عليها.
ضع في اعتبارك أن المستخدمين سيتصفحون مجموعة متنوعة من أنظمة التشغيل وأن بعضها سيكون إصدارات أقدم ، لذلك من المفيد التأكد من أن موقع ويب الجوّال متوافق بشكل متخلف. من المفيد الاطلاع على التحليلات الخاصة بالموقع الرئيسي ، إذا كان ذلك ممكنًا ، حيث ستتمكن من معرفة الأجهزة التي يدخل إليها جمهورك على الموقع.
بالطبع ، سيساعدك النظر إلى التحليلات بعد الانتهاء من الموقع على إجراء التغييرات اللازمة والتعلم للمستقبل.
كما نعلم جميعًا الآن ، فإن المحتوى هو ملك الويب مرة أخرى ، لذا من المهم التخطيط لوحدات المحتوى. يجب تحديد سلوك وحدات المحتوى لضمان عرضها كما ينبغي أثناء تنقل المستخدم واتخاذ إجراء بشأنه.
وهذا يعني أنه يجب عليك النظر في كيفية عرض المحتوى وتحديده عند التبديل بين سطح المكتب وشاشة الجوال لتحديد كيفية تكديس الوحدات وإعادة ترتيب نفسها.
في هذا الصدد ، يكون من الأسهل في كثير من الأحيان الحصول على هذا التعليق في مرحلة التخطيط. قم بعمل رسم تخطيطي لكيفية تصوّر عرض المحتوى ثم العمل على كيفية تحقيق ذلك.
ومع ذلك ، حاول عدم التعلق على تحديد كل شيء. في حين أن الصفحات الرئيسية الخاصة بك ستحتاج إلى إطارات سلكية ، فإنها لا تتبع بالضرورة أن كل صفحة واحدة سوف. يجب أن يكون إنشاء مجموعة رئيسية لأحجام الشاشة واتجاهها كافيًا حقًا.
أنشئ نموذجًا أوليًا واختبر جيدًا ، مع التأكد من أن جميع الجوانب تعمل كما تذهب. كما أنه من الحكمة أيضًا إبقاء المستخدم في ذهنه عند الاختبار ، مما يضمن سهولة التنقل ، ويفضل أن يكون أقصى ثلاث طبقات. حاول العثور على شخص ليس لديه تفكير تقني ، ولكنه يستخدم أجهزة مختلفة ، لاختبار الموقع.
يُعد تصميم الويب على الجوال تحديًا ضروريًا للتعامل مع المصمم ، من أجل تقديم خدمة كاملة إلى العميل. مثل الكثير من الأشياء في الحياة ، أحد أهم الجوانب هو التخطيط بحيث يكون لديك فكرة واضحة عن كيفية المضي قدمًا.
سيساعدك التخطيط الفعال وحفظ المستخدم في الاعتبار على التغلب على معظم العقبات التي قد تواجهها ، وسيقوم الاختبار الدقيق باختيار الباقي. فكر مليًا وسريعًا وبسيطًا ، مع محتوى مفيد ممتاز ولا يمكنك الذهاب إلى أبعد من اللازم.
صورة مميزة / صورة مصغرة ، صورة المحمول على شبكة الإنترنت عبر Shutterstock.