تجربة مستخدم متجر تجميع الحواسيب: داخل مُهيّئ GameX

تجربة مستخدم متجر إلكتروني بمُهيّئ تجميع أصعب من كتالوج عادي، لأن الزبون يبني المنتج وهو يشتريه.

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

صممنا GameX كمتجر يبدأ من المُجمِّع لسوق الإمارات: الأسعار بالدرهم، وApple Pay عند الدفع، والتوصيل إلى عناوين مثل العين. يندرج العمل ضمن ممارستنا في تجربة المستخدم والمنتجات الرقمية، وسُلِّم عن بُعد. وهذه شاشة التجميع على سطح المكتب، ولكل عنصر فيها وظيفة.

المُجمِّع مشكلة أصعب من الكتالوج

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

• هل تتوافق هذه القطعة مع ما اخترته بالفعل؟
• كم يكلّف التجميع الآن، في هذه اللحظة بالضبط؟
• كيف سيكون أداؤه عندما أشغّله؟

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

التوافق يحسم تجربة المستخدم

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

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

السحب والإفلات وسيلة راحة، لا تفسير

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

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

سعر ومخزون حيّان، من دون أن تقفز الصفحة

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

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

ومقدّر الأداء يجيب عن السؤال الذي يهم المشتري فعلاً (هل سيشغّل الجهاز اللعبة التي ألعبها؟) بعرض الإطارات المقدّرة في الثانية لكل لعبة مقابل مفتاح 1080 / 1440 / 4K. عرض النطاقات بحسب الدقة صادق مع المشتري، أما الرقم الواحد البارز فلا، لأنه يخفي الافتراض الذي بُني عليه. وينطبق المنطق نفسه كلما عرضت واجهة ناتج نموذج لا حقيقة، وهي مشكلة عالجناها بالتفصيل في Binko، منتجنا لفرز النفايات بالتعلم الآلي.

تتبّع الطلب جزء من المنتج، لا من الدعم

مشاريع المُجمِّعات تميل إلى إنفاق ميزانية التصميم قبل الدفع وترك شاشات ما بعد الشراء لما تقدّمه المنصة افتراضياً. وهذا مقلوب. فمن أنفق للتو آلاف الدراهم على جهاز حدّد مواصفاته بنفسه يكون في ذروة قلقه بعد الدفع لا قبله.

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

ما يصلح لأي مُهيّئ آخر

القليل جداً من هذا خاص بعتاد الألعاب. الأثاث المعياري، وفئات السيارات، وشرائح التأمين، وباقات الخدمات؛ كل منتج يركّبه العميل بنفسه يواجه المشكلة نفسها.

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

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

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

الخلاصة

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

مشاريع وخدمات ذات صلة

مشاريع وخدمات مرتبطة:

• تجربة المستخدم والمنتجات الرقمية
• سوق متعدد البائعين
• التسويق الرقمي

تخطط لمتجر إلكتروني أو مُهيّئ منتجات؟ أرسل وصفاً موجزاً ويصلك عرض محدّد النطاق.