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