إذاً ماذا يجب أن يفعل علم النفس به؟ عندما يتعلق الأمر بتجربة المستخدم ، كل شيء تقريبا.

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

ما هو علم النفس المستخدم؟

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

والتصميم جزء كبير من ذلك. كل شيء من اللون إلى الصور إلى أنماط لكيفية عمل الموقع يمكن أن تؤثر هذه المشاعر والعلاقات العاطفية.

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

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

اثنين من تجارب المستخدم المختلفة

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

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

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

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

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

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

توقعات المستخدم

كل ذلك يعود إلى سؤال مركزي: ماذا يريد مستخدم الهاتف المحمول ويتوقعه؟

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

لقد أصبح مستخدمو الجوّال يتوقعون أشياء معينة من الواجهة:

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

كيفية تصميمها

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

نعناع

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

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

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

نعناع

النعناع المحمول

المقطر جهاز التقطير

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

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

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

المقطر جهاز التقطير
التقطير موبايل

قناة الطقس

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

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

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

طقس
الطقس المحمول

بيتزا دومينوز

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

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

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

أحجار الدومينو
أحجار الدومينو موبايل

عرض الليلة

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

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

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

هذه الليلةالليلة موبايل

استنتاج

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

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

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