كيفية تحسين Mobile UX: 11 إستراتيجية فعالة

لماذا يجب التركيز على مستخدمي المحمول

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

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

في عام 2022 ، يأتي ما يصل إلى 70 بالمائة من حركة مرور الويب من الأجهزة المحمولة - TECHJURY

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

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

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

كيفية تحسين Mobile UX

1. استخدم تصميمًا مستندًا إلى المهام

سؤال: ما هو السبب الرئيسي لزيارة المستخدمين لموقعك على الويب؟

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

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

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

2. أبقها بسيطة

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

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

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

3. تحسين السرعة

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

سرعة الموقع هي أيضًا موضوع ساخن في Google. في عام 2021 ، أعلن محرك البحث عن مجموعة جديدة من المقاييس تسمى Core Web Vitals. توفر هذه المقاييس رؤى Google لعامل تصنيف جديد: تجربة الصفحة. في عام 2022 ، سيحكم المستخدمون على مواقع الجوال من خلال التجربة التي تقدمها للمستخدمين. وقد خمنت أن سرعة الموقع هي أحد تلك العوامل.

من أسهل الأشياء وأكثرها فعالية التي يمكنك القيام بها هو تحسين صورك لتحسين محركات البحث وتجربة المستخدم. هناك العديد من الأدوات لمساعدتك في ذلك. أنا أحب Imagify ، لكن Smush و Short Pixel بدائل قابلة للتطبيق.

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

بالطبع ، يجب عليك أيضًا استخدام الاستضافة المتميزة ، حيث يتضح أن ذلك غالبًا ما يكون مكسبًا سريعًا للعديد من المواقع.

4. استخدم الأزرار القابلة للنقر

إنه أمر واضح للغاية ، لكنه لا يزال مدعاة للقلق. يتصفح الزوار مواقع الويب للجوال باستخدام أصابعهم وإبهامهم ، ولا توفر الأزرار دائمًا مساحة كافية لضربهم بسرعة. يمكنك العثور على هذا ضمن Accessible Tap Targets في وثائق مطوري Google. ويجب أن نكون قادرين على النقر فوق العناصر باستخدام هذا الإبهام.

في مقال Google المرتبط أعلاه ، يمكنك العثور على أرقام لهدف النقر هذا:

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

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

5. التركيز على منطقة إبهام الجوال

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

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

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

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

6. إضافة قائمة بسيطة وخيار البحث

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

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

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

7. استخدام الفواصل المرئية

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

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

8. استخدم النماذج القصيرة

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

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

• النشرة؟ عنوان البريد الإلكتروني فقط (مع حقل إدخال <نوع الإدخال = "البريد الإلكتروني">).
• يقتبس؟ الاسم الأخير وعنوان البريد الإلكتروني.
• محل؟ التسليم والفاتورة وعنوان البريد الإلكتروني. نقاط المكافأة لخيار نسخ عنوان التسليم إلى عنوان الفاتورة.

تأكد من اتباعك لإرشادات اللائحة العامة لحماية البيانات!

9. تحديد أحجام الخطوط

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

1. حجم شاشة الموبايل. لا تريد أن يملأ العنوان الشاشة ؛ تريد التأكد من أن المقالة تبدأ ضمن العرض الأول للصفحة. لا تريد أيضًا أن يكون الخط الأساسي (مثل خط الفقرة) صغيرًا جدًا بحيث لا يمكن قراءته دون الحاجة إلى الضغط والتكبير.
2. يعاني Mobile UX عند استخدام أكثر من ثلاثة أحجام للخط. ستكون الاختلافات في الحجم أكثر وضوحًا. يجب أن تحدد عدد أحجام الخطوط باثنين ، وربما ثلاثة.

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

10. الحد من الإعلانات والنوافذ المنبثقة

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

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

11. اختبر Mobile UX الخاص بك. يكرر!

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

فوائد تحسين تجربة المستخدم للأجهزة المحمولة

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

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

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

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

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

هل أنت غير متأكد من كيفية تحسين Mobile UX؟

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

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

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

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

هل قمت بتحسين Mobile UX على موقع الويب الخاص بك؟

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

لا تتردد في التعليق أدناه حتى يتمكن جمهورنا من الاستفادة والحصول على خلاصتنا حتى لا تفوتك المنشور التالي! ولا تتردد في مشاركة منشوراتنا مع جمهورك!

شكرًا لك! نحن نقدر مساعدتك في إنهاء مواقع الويب التجارية السيئة ، بكسل واحد في كل مرة!

بقلم جريجور سايتا
المؤسس المشارك / CXO
تضمين التغريدة