تجربة المستخدم
UX من الألف إلى الياء

دليل مرئي شامل لفهم التصميم المتمحور حول الإنسان

01 — التعريف

ما هي تجربة المستخدم؟

تجربة المستخدم (UX) هي الانطباع الكلي الذي يتكوّن لدى الشخص عند تفاعله مع منتج رقمي. ليست المسألة شكله فقط، بل كيف يشعر به: هل هو بديهي ومفيد ومُرضٍ؟

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

02 — فرق أساسي

تجربة المستخدم وواجهة المستخدم: ما الفرق؟

UX
البحث في المستخدمين
بنية المعلومات
خرائط رحلة المستخدم
اختبارات قابلية الاستخدام
المخططات الهيكلية والنماذج الأولية
vs
UI
الألوان والطباعة
الأيقونات والرسوم التوضيحية
المكوّنات المرئية
الحركات والانتقالات
دليل الأسلوب

UX = كيف يعمل · UI = كيف يبدو · الاثنان متلازمان

03 — المنهجية

عملية تصميم تجربة المستخدم

1
البحث (Research)
مقابلات مع المستخدمين، واستبيانات، وتحليل المنافسين، ودراسة سياق الاستخدام. الهدف هو فهم من هم المستخدمون وما المشكلات الحقيقية التي يواجهونها.
الأدوات: المقابلات، الاستبيانات، التحليلات
2
التحديد (Define)
تلخيص المعلومات في شخصيات افتراضية (Personas) وخرائط تعاطف وصياغة للمشكلة. يجيب عن: ما المشكلة التي علينا حلّها، ولمن؟
الأدوات: الشخصيات الافتراضية، خريطة الرحلة، HMW
3
توليد الأفكار (Ideate)
جلسات عصف ذهني، ومخططات تقارب، وتقنيات إبداع جماعي. تُولَّد أفكار كثيرة دون تصفية لاختيار أكثرها واعدًا.
الأدوات: crazy 8s، how might we، الرسم التخطيطي
4
النمذجة الأولية (Prototype)
إنشاء تمثيلات منخفضة أو عالية الدقة للحل: من رسومات على الورق إلى نماذج أولية تفاعلية. الهدف هو تجسيد الفكرة بأسرع ما يمكن.
الأدوات: Figma، Balsamiq، Marvel
5
التحقق (Test)
إجراء اختبارات مع مستخدمين حقيقيين لكشف مشكلات قابلية الاستخدام. تعود النتائج لتغذّي مرحلة البحث من جديد، فتُغلق الدورة التكرارية.
الأدوات: اختبارات موجَّهة، تتبّع حركة العين، A/B

04 — الأسس

مبادئ نيلسن العشرة لقابلية الاستخدام

1
وضوح حالة النظام
يجب أن يُعلم النظام المستخدم دائمًا بما يحدث.
2
التطابق مع العالم الحقيقي
تحدّث بلغة المستخدم، لا بلغة النظام.
3
التحكّم والحرية
اسمح بالتراجع عن الإجراءات وإعادتها بسهولة.
4
الاتساق والمعايير
يجب أن تتصرّف العناصر المتماثلة دائمًا بالطريقة نفسها.
5
منع الأخطاء
الوقاية خير من عرض رسائل الخطأ.
6
التعرّف > التذكّر
اعرض الخيارات؛ لا تُجبر المستخدم على الحفظ.
7
المرونة والكفاءة
اختصارات للمستخدمين المتقدمين، وبساطة للمبتدئين.
8
التصميم البسيط
احذف ما لا يضيف قيمة إلى المسار الرئيسي.
9
المساعدة على التعرّف على الأخطاء
رسائل واضحة تشرح المشكلة وتقترح حلولًا.
10
المساعدة والتوثيق
عند الحاجة، قدّم توثيقًا يسهل العثور عليه واستخدامه.

05 — أخطاء شائعة

ما الذي يجب تجنّبه في تجربة المستخدم؟

✗
التصميم دون البحث في المستخدمين
→ أجرِ 5 مقابلات على الأقل قبل التصميم
✗
تقديم الجماليات على الوظيفة
→ الزر الجميل غير المرئي زرّ عديم الفائدة
✗
عدم الاختبار مع مستخدمين حقيقيين
→ 5 مستخدمين يكشفون 85% من مشكلات قابلية الاستخدام
✗
إهمال إمكانية الوصول منذ البداية
→ طبّق إرشادات WCAG 2.1 منذ مرحلة التصميم
✗
التوقّف عن التحسين بعد إطلاق المنتج
→ اجمع البيانات، واكتشف نقاط الاحتكاك، وحسّن باستمرار

06 — الموارد

أدوات أساسية لتجربة المستخدم

النمذجة الأولية
Figma
تصميم ونماذج أولية تعاونية في السحابة
البحث
Maze
اختبارات قابلية استخدام عن بُعد ومؤتمتة
التحليلات
Hotjar
خرائط حرارية وتسجيل الجلسات
الاستبيانات
Typeform
نماذج واستبيانات لجمع الملاحظات
التعاون
Miro
سبّورات رقمية لورش العمل وتوليد الأفكار
المسارات
Whimsical
مخططات انسيابية ومخططات هيكلية سريعة

«التصميم ليس فقط كيف يبدو الشيء أو كيف نشعر به. التصميم هو كيف يعمل.»

— ستيف جوبز