الدرس السادس: أساسيات UX Design (تجربة المستخدم)
حتى الآن تعلمنا كيف نجعل التصميم جميلًا (UI)، والآن سنتعلم كيف نجعله ذكيًا وسهل الاستخدام (UX).
قاعدة ذهبية:
التصميم الجميل يجذب المستخدم، لكن التجربة الجيدة تجعله يعود مرة أخرى.
ما هو UX؟
UX (User Experience) هو تجربة المستخدم أثناء استخدام التطبيق أو الموقع.
مصمم UX يسأل دائمًا:
- هل يستطيع المستخدم الوصول لهدفه بسهولة؟
- هل الخطوات قليلة وواضحة؟
- هل يوجد شيء قد يربكه؟
كيف يفكر مصمم UX؟
بدلًا من أن يقول:
"أريد أن يكون التصميم جميلًا."
يفكر بهذه الطريقة:
"كيف أجعل المستخدم ينجز مهمته بأسرع وأسهل طريقة؟"
مثال عملي
لديك تطبيق لتوصيل الطعام.
المستخدم يريد طلب بيتزا.
إذا احتاج إلى:
- فتح 8 صفحات.
- الضغط على 20 زرًا.
فهذه تجربة سيئة.
أما إذا استطاع الطلب خلال دقيقة واحدة، فهذه تجربة ممتازة.
من هو المستخدم؟ (User Persona)
قبل أن تبدأ التصميم، عليك معرفة من سيستخدم التطبيق.
مثال:
الاسم: أحمد
العمر: 24 سنة
الوظيفة: طالب جامعي
يستخدم: الهاتف أكثر من الكمبيوتر
الهدف: طلب الطعام بسرعة
المشكلة: لا يحب الخطوات الطويلة.
هذه تسمى Persona.
Pain Points (مشكلات المستخدم)
اسأل نفسك:
ما الذي يزعج المستخدم؟
مثلًا:
- التطبيق بطيء.
- الأزرار صغيرة.
- عملية الدفع معقدة.
- البحث لا يعمل جيدًا.
وظيفتك هي حل هذه المشكلات.
User Flow (مسار المستخدم)
هو الطريق الذي يسلكه المستخدم داخل التطبيق.
مثال في متجر إلكتروني:
- فتح التطبيق.
- الصفحة الرئيسية.
- اختيار القسم.
- فتح المنتج.
- إضافة إلى السلة.
- الدفع.
- تأكيد الطلب.
كلما كان المسار أقصر وأوضح، كانت التجربة أفضل.
قاعدة "لا تجعل المستخدم يفكر"
إذا وقف المستخدم وسأل نفسه:
"أين أضغط الآن؟"
فهذه علامة على وجود مشكلة في التصميم.
اجعل الأزرار والعناصر واضحة بحيث يعرف المستخدم الخطوة التالية مباشرة.
مبادئ UX الأساسية
✅ البساطة.
✅ الوضوح.
✅ السرعة.
✅ سهولة التعلم.
✅ الاتساق (لا تغيّر أماكن الأزرار من صفحة لأخرى دون سبب).
أخطاء UX الشائعة
❌ زر مهم مخفي.
❌ كثرة النوافذ المنبثقة.
❌ تسجيل إجباري قبل تجربة التطبيق.
❌ رسائل خطأ غير مفهومة.
❌ خطوات كثيرة لإتمام مهمة بسيطة.
دراسة حالة
تخيل أنك تصمم تطبيقًا لحجز موعد في عيادة.
الهدف: حجز موعد خلال أقل من دقيقة.
أفضل مسار:
الرئيسية → اختيار الطبيب → اختيار التاريخ → اختيار الوقت → تأكيد الحجز.
لا تضف صفحات أو خطوات لا يحتاجها المستخدم.
تمرين عملي
تخيل أنك تريد تصميم تطبيق لحجز سيارات الأجرة.
اكتب:
- من هو المستخدم؟
- ما هدفه؟
- ما المشكلات التي قد تواجهه؟
- ارسم مسار المستخدم من فتح التطبيق حتى تأكيد الرحلة.
واجب اليوم
اختر تطبيقًا تستخدمه يوميًا (مثل واتساب أو تطبيق بنك أو متجر إلكتروني)، ثم أجب عن الأسئلة التالية:
- ما أكثر شيء أعجبك في تجربة استخدامه؟
- ما أكثر شيء أزعجك؟
- كيف كنت ستُحسّن التجربة لو كنت مصمم UX؟
ملخص الدرس
اليوم تعلمت:
- ما هو UX.
- كيف يفكر مصمم UX.
- إنشاء Persona.
- تحديد Pain Points.
- رسم User Flow.
- أهم قواعد تجربة المستخدم.
الدرس السابع (الاحتراف يبدأ هنا)
في الدرس القادم سنتعلم Wireframing، وهو أول شيء يرسمه المصمم قبل التصميم النهائي.
ستتعلم:
- ما هو الـ Wireframe.
- كيف ترسمه.
- الفرق بين Low Fidelity وHigh Fidelity.
- كيف تخطط لأي تطبيق أو موقع قبل اختيار الألوان والخطوط.
بعد هذا الدرس ستبدأ بتصميم أول مشروع بطريقة احترافية كما يعمل مصممو الشركات الكبرى.
تعليقات
إرسال تعليق