تصميم تجربة المستخدم الذي يجعل الناس يستخدمون منتجك فعلاً

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

والسبب غالباً ليس في النظام نفسه، بل في أن:

• الشاشات صُمّمت على أساس البيانات، لا على أساس العمل اليومي للموظف.
• المهمة التي تستغرق دقيقة على الورق، أصبحت تحتاج إلى 5 خطوات في النظام.
• كل الحقول ظاهرة لكل المستخدمين، فيضيع المستخدم بين ما يخصه وما لا يخصه.
• لم يسأل أحد المستخدمين قبل التصميم، ولم يجرّبه أحد معهم قبل الإطلاق.

والنتيجة: بيانات ناقصة، وتقارير غير دقيقة، ونظام دفعت فيه الشركة الكثير ولا يستخدمه إلا القليل.

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

تصميم الأنظمة والـ ERP ولوحات التحكم (Dashboards): لمدير يريد رؤية أرقام شركته في شاشة واحدة، ولموظف يريد تسجيل عمله في أقل عدد من الخطوات.

تصميم تطبيقات الموبايل: لعميل يريد متابعة طلبه أو مشروعه دون اتصال، ولمشرف في الموقع يريد إرسال تقريره بضغطة.

تصميم تجربة المواقع: لزائر يريد أن يفهم من أنت وماذا تقدم، ويصل إلى زر التواصل في ثوانٍ.

تصميم المنتجات الرقمية الجديدة (Product Design): لصاحب فكرة يريد تحويلها إلى منتج، من تحديد المستخدمين حتى النموذج التفاعلي الذي يعرضه على مستثمر أو عميل.

تقييم تجربة منتج قائم (UX Audit): لشركة لديها نظام أو تطبيق لا يُستخدم كما يجب، وتحتاج إلى معرفة السبب قبل أن تقرر إعادة بنائه.

لديك نظام أو تطبيق لا يستخدمه الناس كما ينبغي؟ قبل أن تفكر في إعادة بنائه، دعنا نقيّم تجربته. سنحدد أكثر 5 نقاط تعطّل المستخدمين، وما الذي يجب تغييره.

1. البحث والفهم: نتحدث مع المستخدمين الحقيقيين، ونراقب عملهم اليومي، ونفهم أهداف عملك.
2. رسم رحلة المستخدم: نحدد كل خطوة يمر بها المستخدم حتى يصل إلى هدفه، وأين يتوقف أو يرتبك.
3. الـ Wireframes: نبني هيكل كل شاشة أولاً دون ألوان، لنركز على المنطق والترتيب.
4. تصميم الواجهات: نصمم الشاشات النهائية بهوية شركتك، ونبني منها نظام تصميم موحداً.
5. الاختبار والتحسين: نجرّب النموذج التفاعلي مع مستخدمين حقيقيين، ونعدّل قبل كتابة أي سطر كود.
6. التسليم للمطورين: ملفات Figma منظمة، ومواصفات لكل عنصر، ليخرج التنفيذ مطابقاً للتصميم تماماً.

• خريطة رحلة المستخدم لكل نوع من المستخدمين.
• Wireframes لكل الشاشات.
• تصميم الواجهات النهائي، مع نموذج تفاعلي (Prototype) تستطيع تجربته.
• نظام تصميم (Design System): ألوان، وخطوط، ومكونات متكررة.
• ملفات تسليم جاهزة للمطورين.

العميل: KMP للعمارة والديكور، القاهرة

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

ما قمنا به: صممنا تطبيقاً مستقلاً لكل مستخدم، مبنياً على المهمة التي يؤديها كل يوم:

• العميل: شاشة واحدة يرى فيها مرحلة مشروعه وآخر الصور.
• مهندس الجودة: تقرير يُنشأ من الموقع بالصور في خطوات قليلة.
• المشتريات: طلب الشراء ودورة الموافقة في مكان واحد.
• المورّد: الطلبات التي تخصه فقط، وحالة كل طلب.

وكل التطبيقات مرتبطة بنظام ERP واحد، مع لوحة تحكم للإدارة.

النتيجة: انخفاض وقت المتابعة والمكالمات الداخلية بنسبة 60%، وتوسّع الفريق من 6 إلى 10 أفراد خلال 6 أشهر.

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

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

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