تخطَّ إلى المحتوى

التصميم والتطوير

تصميم تجربة المستخدم في قطر

رسم طريقة اتخاذ عملائك قراراتهم فعلًا، قبل أن يُرسم أي شيء.

مخطط هيكلي · example.qaعرض تجريبي · موقع افتراضي

المهمة: طلب عرض سعر

  1. 1افتح القائمة
  2. 2اضغط الخدمات
  3. 3اضغط الواجهات
  4. 4مرّر بعد معرض الصور
  5. 5ابحث عن «تواصل معنا» في التذييل
  6. 6املأ نموذجًا من 9 حقول

6 خطوات حتى عرض السعر

7

مشاريع أُنجزت في قطر والخليج

  • أوكلاند
  • Lanyardy
  • صيدلية بشرى
  • مساس للتجارة والمقاولات
  • أوتورا

التصميم والظهور في البحث ومسار المبيعات — تُبنى معًا، بالعربية والإنجليزية.

التعريف

ما تصميم تجربة المستخدم، وما الذي ليس منه

تصميم تجربة المستخدم (UX) هو تحديد ما يراه الزائر أولًا، وما يفعله بعد ذلك، وما يعترض طريقه، قبل اختيار أي لون أو خط. وفي موقع الشركة يتكوّن من ثلاثة أعمال: خريطة رحلة لكل نوع من المشترين، وبنية المعلومات (أي الصفحات التي يضمّها الموقع وأسماؤها)، ومخطط هيكلي لكل قالب صفحة.

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

لماذا يهم

لماذا تحدد البنية إن كان الموقع يبيع

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

  • رخيصة في البداية، مكلفة بعدها

    نقل جزء في المخطط الهيكلي يستغرق دقائق. وبعد الإطلاق يعني تعديل التصميم والشيفرة والمحتوى، باللغتين.

  • الشكل الجديد نادرًا ما يكفي

    إعادة التصميم التي تغيّر السطح وحده تترك الطلبات في الغالب على حالها.

  • للمشتري العربي مسار آخر

    الزائر العربي كثيرًا ما يبحث عن شيء مختلف ويصل إلى صفحات مختلفة، لذلك تُرسم رحلته وحدها.

  • قرار واحد قد يصنع الفرق

    بُني موقع صيدلية بشرى دون سلة شراء، حول WhatsApp وتطبيقات التوصيل، وجاء بـ 475 طلبًا من المرضى خلال 60 يومًا.

ما الذي ينتجه

أربعة أشياء ينتجها عمل تجربة المستخدم، وكيف تحكم على كل منها

إن انتهت مرحلة تجربة المستخدم لدى أي جهة بلوحة إلهام بصري، فهي ليست تجربة مستخدم. وهذه المخرجات التي تهم.

  • خريطة رحلة لكل مشترٍ

    ماذا بحث كل نوع من العملاء، وأين وصل، وما الذي يشك فيه، وماذا يفعل. الاختبار: أن تعرف فيها عملاءك، وأن تسمّي كل خطوة صفحة بعينها.

  • خريطة الموقع

    كل صفحة واسمها ومكانها في القائمة. الاختبار: أن تكون الأسماء بكلمات العملاء، مثل «واجهات الفلل» لا «الحلول»، وألا يبعد شيء مهم أكثر من ضغطتين.

  • المخططات الهيكلية

    كل قالب بمربعات رمادية، بالترتيب الذي يحتاجه الزائر. الاختبار: أن يظهر على الهاتف الإجراء الرئيسي ودليل واحد على الأقل في الشاشة الأولى.

  • إجراء رئيسي واحد لكل صفحة

    عرض سعر، أو اتصال، أو حجز. الاختبار: أن تستطيع قوله في كلمتين أو ثلاث، وأن يعمل عبر WhatsApp كما يعمل في النموذج.

اختبرها بنفسك

كيف تختبر رحلة العميل قبل أن يُبنى أي شيء

لا تحتاج إلى مختبر: مهمة، وهاتف، وخمسة أشخاص من خارج فريقك.

  1. اكتب ثلاث مهام

    بكلمات عملائك، مثل «اعرف تقريبًا كم تكلّف واجهة فيلا». ولتنتهِ كل مهمة بطلب، أو اتصال، أو حجز.

  2. اختر خمسة أشخاص

    أشخاص يشبهون مشتريك، بينهم واحد على الأقل يستخدم العربية. وخمسة يكفون عادةً لكشف المشكلات المهمة، لأن أغلبها يتكرر.

  3. أعطهم الهاتف والتزم الصمت

    وعليه موقعك الحالي أو مخططات قابلة للضغط. اقرأ مهمة واحدة، ثم لا تُشر إلى شيء ولا تشرح القائمة.

  4. سجّل ثلاثة أمور

    عدد الضغطات، والمواضع التي تردّدوا فيها أو عادوا إلى الخلف، وهل أكملوا المهمة.

  5. أصلح أسوأ خطوة ثم أعد الاختبار

    أصلح الخطوة التي تعثّر عندها أكثرهم، وأعد المهام نفسها. في العرض أعلى الصفحة صارت ست خطوات حتى عرض السعر خطوتين.

مثال تطبيقي

مثال: الصفحة الرئيسية لمقاول تكسية حجر

شركة افتراضية، وهي نفسها التي في العرض أعلى الصفحة، وليست عميلًا: مقاول في الدوحة يكسو الفلل بالحجر.

قبل

  • عرض شرائح وقصة الشركة أولًالا تجيب الشاشة الأولى عن أي من الأسئلة الثلاثة التي تصل على WhatsApp كل أسبوع: سعر المتر، والمدة، والفلل المنجزة.
  • التواصل مخفي في التذييليحتاج عرض السعر إلى ست خطوات عبر القائمة وبعد معرض الصور، تنتهي بنموذج من 9 حقول.
  • عربية منسوخة من القائمة الإنجليزيةالصفحات العربية تعكس الإنجليزية، مع أن المشتري العربي في هذا المثال يبحث عن الحجر لا عن مقاول.

بعد

  • اطلب عرض سعر في الشاشة الأولىزر مع WhatsApp، ثم مشاريع حديثة مع تقييماتها، ثم الخدمات. خطوتان حتى عرض السعر، أو نموذج من 3 حقول.
  • صفحات بأسماء ما يسأل عنه المشترونواجهات الفلل، والتكسية التجارية، وأنواع الحجر، والمشاريع. ويذكر كل مشروع المنطقة ونوع الحجر والمدة.
  • صفحة دخول عربية قائمة بذاتهادليل يقارن أنواع الحجر يجيب عن «حجر سوري للواجهات»، وهو ما يبحث عنه المشتري العربي فعلًا في هذا المثال.

ما تشمله خدمة تصميم تجربة المستخدم لدينا

صفحة رئيسية في متصفح الحاسوب، وبجانبها نسختها العربية على الهاتف

خريطة رحلة لكل نوع رئيسي من المشترين، من أول بحث إلى إرسال الطلب

خريطة موقع وقائمة بأسماء مأخوذة من الكلمات التي يبحث بها عملاؤك

مخطط هيكلي لكل قالب صفحة، يُعتمد قبل بدء التصميم البصري

إجراء رئيسي واحد في كل صفحة، في الشاشة الأولى على الهاتف

تجربة كل مهمة رئيسية على المخططات الهيكلية، على الهاتف، قبل البناء

رحلة العربية مخطّطة مسارًا قائمًا بذاته، لا انعكاسًا للإنجليزية

مراجعة مسار التحويل في موقعك الحالي، إن كان لديك موقع

أسئلة شائعة

هل تصميم تجربة المستخدم منفصل عن بناء الموقع؟

لا، هو المرحلة الأولى من البناء وليس دراسة منفصلة. خرائط الرحلة تصير خريطة الموقع، وخريطة الموقع تصير المخططات الهيكلية، والمخططات تصير الصفحات التي نبنيها. وهذا مهم، لأن هذه القرارات لا تنفع إلا إذا التزم بها من يبني الموقع. أما تقرير البحث الذي يُسلَّم إلى فريق آخر فيُقرأ مرة ثم يضيع في الغالب.

كم يكلّف تصميم تجربة المستخدم؟

هو جزء من مشروع الموقع، لا رسم منفصل. تبدأ المواقع من 8,000 ريال كمشروع يُدفع مرة واحدة بالعربية والإنجليزية، ومن 15,000 ريال مع تتبّع الطلبات ومسار المبيعات. ويتغيّر السعر بعدد أنواع الصفحات والربط بالأنظمة. وإن كنت تريد إصلاح الرحلة في موقع قائم فقط، فهذه المراجعة تُسعَّر بعد نظرة أولى.

هل تجرون بحوث مستخدمين؟

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

ما الذي تحتاجونه منّا؟

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

كم تستغرق مرحلة تجربة المستخدم؟

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

كيف نعرف أن البنية الجديدة تعمل؟

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

مستعد لموقع يستحق تكلفته؟

خمس عشرة دقيقة · خطوة تالية واضحة · بلا ضغط