أربعة تقنيات تصميم UX لتشجيع مشاركة المستخدم
إن تشجيع المستخدمين على البقاء واستخدام موقع الويب لا يتضمن دائمًا رمزًا أقل نحافة أو رسومات أجمل. بعض أبسط التنسيقات مثل Reddit لا تزال تبقي المستخدمين منشغلين بالمحتوى ، ومتحمسة للتفاعل مع الموقع.
السر يكمن في تجربة المستخدم و النظر في ماذا وظائف الموقع. التفاعلات تنبع من عناصر الصفحة وتدفقات الإجراءات التي تنتقل من صفحة إلى أخرى.
في هذا المنشور سوف نلقي نظرة على بعض تقنيات تصميم UX التي يمكن تطبيقها على تحسين تجربة المستخدم وزيادة مشاركة المستخدم. لاحظ أن هذه لا تنطبق دائمًا على كل موقع ويب ، والأهم هو أن نفهم لماذا تعمل هذه التقنيات حتى تتمكن من استخدام حكمك الخاص.
موضوع تجربة المستخدم واسع ويتطلب الصبر لفهمه بالكامل. ولكن كلما كنت تمارس أكثر ، ستفهم أكثر
أفضل شيء يمكنك القيام به هو العب حول المواقع التي تحبها و معرفة ماذا تحب عنهم. من خلال تجاربك ، يمكنك استقراء الأفكار المتسقة ومعرفة ما يبقيك (وربما الآخرين) منشغلاً بموقع ويب.
1. استخدم التباين لجذب الانتباه
تم تصميم كل موقع مع مجموعة من العناصر المصممة لتفاعل المستخدم. الارتباطات التشعبية ، الأزرار ، حقول الإدخال ، عناصر واجهة الشريط الجانبي ، والقائمة تطول وتطول. ولكن ليس كل العناصر يجب أن تكون متساوية. بعض بطبيعة الحال أكثر أهمية لمشاركة الزوار وينبغي أن تكون مصممة مع التباين العالي لتبرز من العناصر الأخرى على الصفحة.
تنبع هذه الفكرة من التباين العالي في اللون والطريقة التي يعالج بها البشر البيانات المرئية في الأنماط. عندما يكون هناك شيء ما يبرز من محيطه سواء حسب اللون أو الحجم أو الشكل أو المسافة البيضاء ، فإنه يمكن يبدو أكثر أهمية على أساس السياق.
استخدم التباين لجذب الانتباه نحو عناصر صفحة معينة تجذب الزوار إلى مهمة معينة. إذا كان هدفك هو إنشاء المزيد من الاشتراكات في الرسائل الإخبارية ، فقد يحتوي صندوق الاشتراك على زر اشتراك متحرك ساطع أو رمز متجه فريد.
الهدف هو جذب الانتباه من خلال بناء واجهة تغري الزائرين بأداء بعض الإجراءات المطلوبة.
إذا كان لديك الوقت ، فقد يستحق الأمر إجراء بعض دراسات الحالة A / B لمعرفة الألوان / العناصر التي تلعب بشكل أفضل معًا. من الصعب تحديد الإحصائيات ولكنك ستندهش من مقدار ما يمكن تعلمه من اختبار بسيط.
2. لذيذ UI / UX الرسوم المتحركة
لقد عثرت مؤخرًا على منشور بعنوان "ماذا تعرف ديزني عن الرسوم المتحركة للواجهة". ويغطي النقاط الحيوية للرسوم المتحركة وكيفية تشغيلها مع نفسية المستخدمين الذين يتفاعلون مع شاشة ثنائية الأبعاد مسطحة.
أنواع مختلفة من الرسوم المتحركة يمكن أن تنطوي على سلوكيات معينة. على سبيل المثال ، عند التمرير بالماوس فوق أحد الأزرار ، فقد يرتد إلى الأعلى لإظهار أنه قابل للنقر. غالبًا ما تهتز رسائل الخطأ للفت انتباه المستخدم.
تذكر ذلك يجب أن تكون الرسوم المتحركة لـ UX مرئية حتى الآن. تعد الرسوم المتحركة البرية أكثر أهمية للتلفزيون والأفلام أكثر من واجهات العمل.
لكن هذا لا يعني أن واجهاتك يجب أن تظل مسطحة. في الواقع معظم المستخدمين سوف بدلا لديهم نوع من الرسوم المتحركة لأنه يعطي وهم تجربة أكثر سلاسة. التصميم الرقمي هو جزئيا عنه إنشاء واجهة وهمية, لكن أكثر واقعية يبدو أنه كلما أراد المستخدمون التفاعل.
3. تصميم استجابة كشرط
من العدل أن نقول أن هناك جزءًا جيدًا من مستخدمي الإنترنت يتصفحون هواتفهم المحمولة. غالبًا ما تتم زيارة الروابط التي تتم مشاركتها مع المواقع الاجتماعية مثل Facebook و Twitter مباشرة على الهواتف الذكية والأجهزة اللوحية.
هذا يعني أنه يجب تحسين كل موقع ويب للجوال بطريقة ما - ويفضل أن يكون ذلك مع تصميم مستجيب تمامًا.
عندما كنت اضطر إلى النظر في حجم الشاشة, هذا يضع ميزات مهمة في ضوء جديد تمامًا. تحتاج كمصمم إلى اختيار الميزات الأكثر أهمية وكيفية ظهورها على شاشات أصغر. تستغرق إستراتيجية التصميم سريعة الاستجابة بعض الوقت للتعلم ولكن أفضل طريقة هي دراسة مواقع الويب الأخرى والتقاط التقنيات التي تريدها.
الحقيقة هي أعمال تصميم استجابة وقد أصبح أكثر قبولا من قبل مجتمع التصميم مع كل عام يمر.
يتوقع المستخدمون أيضًا أن تكون مواقع الويب سريعة الاستجابة حتى يتمكنوا من تلبية أي شاشة جهاز. عندما لا يتناسب موقع الويب بشكل جيد مع متصفح الويب للجوال ، فقد يكون ذلك في وضع غير مناسب لتجربة المستخدم.
4. تبسيط عملية التفاعل
نشرت Smashing Magazine مؤخرًا واحدة من أفضل المنشورات التي قرأتها مؤيدة لـ تبسيط لتصميم واجهة. ينص على أنه لا أحد يريد القفز عبر الأطواق لاستخدام موقع الويب الخاص بك أو التطبيق. الناس مهتمون فقط في النتيجة النهائية, و ال أسرع وسيلة للوصول إلى هناك.
أرغب في إنشاء مخططات انسيابية UX لكل عنصر من عناصر الصفحة التفاعلية كلما أرسم إطارات سلكية. هذه تساعد على تصور بصري كيف ينبغي أن يبدو الموقع و وظيفة.
ولكن في الحقيقة لا يهم كيف تخطط لهذه التجربة. فقط تأكد من أنك تخطط أسرع وأبسط تجربة ممكنة. عندما يتعلق الأمر بتشجيع النشاط ، فأنت تريد أن تكون الأشياء المهمة ضمنا من قبل التصميم.
إذا هبط شخص ما على webapp ولم يفهم كيفية الاشتراك فورًا ، فهذه مشكلة كبيرة. يجب أن يكون واضحا بشكل صارخ للمستخدم ما يفعله موقعك وكيف يمكن أن يكون بعيدا عن ذلك.
أفضل مكان للبدء هو البحث في تصميم UX وعملية تفاعل المستخدمين مع واجهة. من هناك ، ستتمكن من استخلاص استنتاجات ذات صلة بمشاريعك الخاصة وتبسيط واجهاتك بشكل مثالي إلى أقصى إمكاناتها.
لقراءة ذات الصلة على موضوع نشاط المستخدم, تحقق من هذه الوظائف:
- كسر اتفاقيات تصميم الويب = كسر تجربة المستخدم
- سهولة الاستخدام وتجربة المستخدم المحفوظات على مجلة تحطيم
- مفاهيم تصميم الويب لإغراء تفاعل المستخدم
يتم إحتوائه
لا توجد إجابة واحدة حول كيفية تصميم (أو إصلاح) مواقع الويب لتحسين قابليتها للاستخدام. نعم ، هناك بعض الأشياء التي يمكنك تجربتها ولكن كل موقع مختلف قليلاً ودراسة تصميم UX معقدة للغاية.
آمل أن تجعلك هذه المقالة قد بدأت في التفكير في بعض التقنيات الشائعة لبناء واجهات قابلة للاستخدام بشكل كبير. أفضل شيء يمكنك القيام به هو وضع نفسك في مكان مستخدم نموذجي ومحاولة تحديد العيوب الرئيسية للواجهة. وبمجرد إدراكك لمشكلة ما ، فأنت بالفعل في منتصف الطريق إلى الحل!