كيفية التكيف مع Mobile UX وتغيير عادات متصفح المستخدم

نشرت: 2022-12-14

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

جدول المحتويات

يمكن أن يؤدي تصميم Mobile UX السيئ إلى تدمير علامتك التجارية

mobile design

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

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

كيف يختلف Mobile UX؟

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

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

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

اقرأ المزيد: 10 حقائق يجب أن تعرفها قبل البدء في حملة تحسين محركات البحث

زيادة وضوح النص والروابط الخاصة بك

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

  • تجنب استخدام الخطوط الغريبة. أفضل أنواع الخطوط التي يمكن استخدامها تشمل Arial و Times New Roman و Grotesque و Helvetica و Open Sans. خطوط مثل الجزائرية في Ad Bonnie ستكون صعبة القراءة.
  • ضع في اعتبارك استخدام حجم خط من 18 إلى 22 نقطة. حجم الخط نفسه أكبر بنسبة 10٪ على جهاز سطح المكتب ، لذلك ستحتاج إلى استخدام خط أكبر للتأكد من أن النص الخاص بك ملحوظ على الهاتف المحمول.
  • استخدم نصًا أغمق وألوانًا أكثر جرأة للارتباطات التشعبية. هذا يخلق المزيد من التباين.

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

تأكد من أن جميع أزرار الحث على اتخاذ إجراء كبيرة بما يكفي لأحجام الأصابع المختلفة

cta

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

اقرأ المزيد: كيفية إنشاء موقع WordPress للمبتدئين في عام 2023

استخدم خيار النقر للاتصال

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

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

لا تبالغ في تعقيد مسار البريد الإلكتروني الخاص بك

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

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

استخدم قائمة الهامبرغر لجعل المحتوى أكثر سهولة

hamburger menu

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

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

قراءة المزيد: تقييم RingCentral و Nextiva: ما هو الخيار المثالي للشركات الصغيرة؟

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

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

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

قم بإزالة العناصر غير الضرورية

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

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

ألق نظرة فاحصة على Mobile UX الخاص بك

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