تصميم الويب السريع الاستجابة: 6 نصائح لنهج أول للجوّال

هناك احتمال بنسبة 51.92٪ أنك تقرأ هذا المقال على موقع للجوال. إذا كنت تستخدم هاتفًا ذكيًا (أو حتى جهازًا لوحيًا) في هذا الوقت من القراءة ، فلن يستغرق الأمر كثيرًا لإقناعك بأن تصميم الويب سريع الاستجابة أمر حاسم لنجاح أو فشل أي موقع ويب.

يوجد اليوم 2.6 مليار مستخدم للهواتف الذكية في العالم - أكثر من ثلث إجمالي عدد السكان.

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

إذا كنت تدير موقعًا ولم تصل إلى الجوّال بعد ، فإليك بعض نصائح تصميم الويب سريعة الاستجابة التي قد ترغب في وضعها في الاعتبار:

 

1. ممارسة التبسيط

 

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

الجواب على هذا السؤال هو البساطة.

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

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

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

 

2. المحتوى أولاً

 

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

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

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

 

3. تكبير نقاط اللمس الهامة

 

هل تتذكر أول هاتف iPhone؟ على الرغم من كونها ابتكارًا رائعًا ، إلا أن الكتابة عليها كانت محبطة للغاية ، مثل تقريب إبرة.

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

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

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

قد يبدو هذا كتغيير صغير غير مهم ، ولكنه تغيير يمكن أن يزيد معدل التحويل بشكل كبير.

إذا كنت تواجه مشكلة في تكوين موقعك ، فقد ترغب في الاتصال بخبير تصميم الهاتف المحمول مثل Vardot .

 

4. صفحات الجوال المعجلة

 

وفقًا لـ KissMetrics ، ليس لديك سوى حوالي ثلاث ثوانٍ لتحميل صفحة قبل ارتداد غالبية الزوار. إذا لم تكن تستخدم AMP بعد ، فقد تقتل SEO وتفقد الكثير من العملاء المحتملين.

ما هو Accelerated Mobile Pages (AMP)؟

AMP هي لغة برمجة ويب مفتوحة المصدر مصممة لتقديم محتوى ثابت على الفور إلى الأجهزة المحمولة مثل الهواتف الذكية والأجهزة اللوحية. إنها نسخة صغيرة ومبسطة من HTML مصممة خصيصًا لتسريع صفحات الويب الثابتة (اقرأ: غير التفاعلية) على الأجهزة المحمولة.

مع AMP ، ستحصل على توصيل سريع ولكنك تضحي ببعض الوظائف. فيما يلي بعض العيوب:

• جافا سكريبت محدودة بصرف النظر عن مكتبة AMP الجاهزة

• يتم تحميل الصور عند التمرير لأسفل إليها (تعرف أيضًا بوظيفة التحميل البطيء)

• يجب تبسيط CSS

على الرغم من العيوب ، تعد AMP طريقة رائعة لتحسين تجربة المستخدم (UX) وتعزيز SEO. من المهم ملاحظة أن Google قد بذلت قصارى جهدها لتحديد صفحات AMP والترويج لها .

 

5. تطبيق لعبتك

 

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

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

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

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

 

6. التواصل مع المستخدمين

 

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

وغني عن القول ، إذا لم تقم بتحسين وسائل التواصل الاجتماعي على موقع الجوال الخاص بك ، فقد تفوتك حركة المرور والتحويلات المحتملة.

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

ضع أزرار وأدوات التواصل الاجتماعي في مناطق بارزة على صفحاتك حتى يتمكن المستخدمون من الإعجاب بالمحتوى الخاص بك ومشاركته والتعليق عليه والتفاعل معه. من الناحية المثالية ، سترغب في تضمين الشركات الكبيرة مثل Facebook و Instagram و Twitter و Google+ و LinkedIn.

 

اختبار ، اختبار ، اختبار

 

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

... وهو ما يقودنا إلى الاختبار.

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

أفضل طريقة للقيام بذلك هي اختبار A / B (أي اختبار عنصر واحد في كل مرة مع الحفاظ على ثبات جميع العوامل الأخرى). يمكن أن تكون نقاط المقارنة غير ضارة مثل لون الزر أو النص داخل CTA. ستندهش من الطريقة التي يمكن أن تؤدي بها التغييرات البسيطة إلى نتائج قوية.

لست متأكدًا من كيفية القيام بذلك؟ هناك المئات من الأدوات التي يمكنك استخدامها لاختبار العناصر من سرعة الصفحة إلى التحويل إلى كل شيء آخر تقريبًا. اقرأ أهم 7 أدوات لاختبار موقع الويب للجوّال .

إليك مقالة أكثر شمولاً حول اختبار أ / ب إذا كنت مهتمًا. الأمر برمته هو عملية تكرارية طويلة ، لكنها تستحق المكاسب.

 

استنتاج

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

هل أنت جاهز لتنمية موقعك على الجوال؟ اتبع النصائح أعلاه وستكون في طريقك!

احتاج الى نصيحة؟ التعاون على الجوّال باستخدام مطور ويب موثوق به .