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

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

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

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

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

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

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

التوافق هو حيث يُحسم تصميم تجربة المستخدم لمتجر تجميع الحواسيب

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

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

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

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

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

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

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

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

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

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

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

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

ما ينتقل إلى أي مُجمِّع آخر

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

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

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

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