إذا كنت مبرمج أو مصمم تجربة مستخدم لازم تكون عارف بمصطلح الــmicro-interaction أو التفاعلات الدقيقة
#ثريد بيتكلم عن الموضوع بشكل مبسط وواضح
@PrograminLovers
#ثريد بيتكلم عن الموضوع بشكل مبسط وواضح
@PrograminLovers
قبل ما نبدأ ، إذا كنت مهتم بالبرمجة وتجربة المستخدم لا تنسى تعمل متابعة للحساب والمحتوى اللي فيها ?
التفاعلات الصغيرة أو الmicro interaction هي عبارة عن لحظات قصيرة يكون فيها تفاعل بين المستخدم والتصميم( سواءا كان تطبيق أو موقع) – هذه اللحظات مهمتها تعزيز تجربة المستخدم وجذب إنتباه المستخدم. غالبا ما يكون هذا التفاعل يخدم مهمة واحدة فقط لا غير.
وتكمن الفائدة في التفاعل في عدة نقاط بحاول الخصها في ثلاثة:
1⃣ التواصل مع المستخدم واخذ النتائج منه بشكل لحظي ( جعل المستخدم يضغط على الزر )
2⃣أعطاء إحساس جيد للمستخدم ودفعة بسيطة من الدوبامين ( سحب للتحديث)
1⃣ التواصل مع المستخدم واخذ النتائج منه بشكل لحظي ( جعل المستخدم يضغط على الزر )
2⃣أعطاء إحساس جيد للمستخدم ودفعة بسيطة من الدوبامين ( سحب للتحديث)
3⃣ إعطاء تلميح للمستخدم إنه يشوف نتيجة الفعل اللي اتخذه وبالتالي تكوين عادة دائمة ( زر اللايك واحببته )
4⃣ إعطاء المزيد من الوقت للبرنامج لتنفيذ بعض العمليات ( مؤشر التحميل)
4⃣ إعطاء المزيد من الوقت للبرنامج لتنفيذ بعض العمليات ( مؤشر التحميل)
ويتكون التفاعل في العادة من أربع مراحل
1⃣ التحفيز: هو أول خطوة في التفاعل ، وتبدأ من النظام ( التطبيق – واجهة تسجيل الدخول) أو المستخدم ( الضغط على زر )
2⃣ القواعد: وهي الأمور التي تحكم التفاعل ومايحدث عند التحفيز
1⃣ التحفيز: هو أول خطوة في التفاعل ، وتبدأ من النظام ( التطبيق – واجهة تسجيل الدخول) أو المستخدم ( الضغط على زر )
2⃣ القواعد: وهي الأمور التي تحكم التفاعل ومايحدث عند التحفيز
3⃣ رد الفعل: وهو ما يظهر للمستخدم نتيجة للمحفز، غالبا يكون نوع من الانيميشين اللطيف والجميل
4⃣ الأساليب المختلفة: وهي قوانين تحكم التفاعل بشكل عام وتحدد ماذا يحدث عندما تتغير الشروط المتعلقة بالتفاعل.
4⃣ الأساليب المختلفة: وهي قوانين تحكم التفاعل بشكل عام وتحدد ماذا يحدث عندما تتغير الشروط المتعلقة بالتفاعل.
أمور يجب التركيز عليها عند عمل التفاعل او الMicro- interaction:
⏺️ركز على المستخدم لا على التفاعل، الغرض ليس التشتيت ولكن الغرض الأساسي إضافة لمسة بسيطة بين التنقلات
⏺️ إجعل للتفاعل غرض حقيقي وليس مجرد انيميشين أو شكل جمالي بدون هدف
⏺️ لا تكثر من التفاعلات حتى لا تكون مزعجة
⏺️ركز على المستخدم لا على التفاعل، الغرض ليس التشتيت ولكن الغرض الأساسي إضافة لمسة بسيطة بين التنقلات
⏺️ إجعل للتفاعل غرض حقيقي وليس مجرد انيميشين أو شكل جمالي بدون هدف
⏺️ لا تكثر من التفاعلات حتى لا تكون مزعجة
كمبرمج يجب كمان إنك تتبع بعض النقاط عند عمل التفاعل:
⏺️إعرف إمكانية الأجهزة الي بيكون فيها التفاعل ( جودة الملفات والانيميشين مهمة)
⏺️استغل فترات المهام اللي تكون طويلة في إضافة تفاعلات تساعد على كسب الوقت
⏺️اعمل أكثر من تفاعل لنفس النقطة ( حالة وجود نت تختلف عن عدم وجود نت)
⏺️إعرف إمكانية الأجهزة الي بيكون فيها التفاعل ( جودة الملفات والانيميشين مهمة)
⏺️استغل فترات المهام اللي تكون طويلة في إضافة تفاعلات تساعد على كسب الوقت
⏺️اعمل أكثر من تفاعل لنفس النقطة ( حالة وجود نت تختلف عن عدم وجود نت)
الأمثلة كثيرة في هذه التفاعلات وبحاول أذكر بعضها عشان تتضح الصورة
واجهة البرنامج الاساسية :
2 زر الاعجاب والتفاعلات والانيميشين المرتبط فيه
السحب للتحديث
مؤشرات التحميل والنسب المئوية
جاري الكتابة
هذه كانت خلاصة قراءتي وبحثي في موضوع ال micro interactions واتمنى أكون افدتكم فيها ? ، وممكن بالردود تحطوا أفضل تفاعل صادفكم في تطبيق ونتكلم عليه أكثر.
جاري تحميل الاقتراحات...