06قصة مشروع
السلة الذهبية
تسوق يومي، وخطوة تالية واضحة.
تقدم السلة الذهبية رحلة تسوق على الجوال، من اكتشاف المتجر إلى مراجعة المنتج وتأكيد الطلب، مع إبقاء تفاصيل كل اختيار واضحة في مكانها.
- المجال
- تجارة إلكترونية
- التجربة
- تطبيق جوال
من داخل المنتج
اكتشاف المتاجر والأقسام
مراجعة المنتجات والكميات
وضوح خطوات إتمام الطلب
قصة مشروع
المشروع في نظرة واحدة
- حاجة المستخدم
- يحتاج عميل المتجر إلى الانتقال من اكتشاف المنتج إلى قرار الطلب.
- معالجة الواجهة
- ينظم التصميم معلومات المنتج ووجهات التسوق في واجهة هاتف متسقة.
- ما الذي توضحه الصور المنشورة؟
- توضح شاشات المنتج تجربة تصفح المتجر وطريقة عرض التسوق.
يعتمد هذا الملخص على صور المشروع المنشورة بالفعل في معرض الأعمال. لا يتضمن إحصاءات استخدام أو قياسات لأداء النشاط.
استكشف الصور التي تدعم الوصف →01 / الفكرة
اربط التصفح بقرار الشراء.
تحتاج تجربة التسوق إلى استقبال من يستكشف الخيارات، ومساعدة من أصبح مستعدًا للطلب. تبدأ السلة الذهبية بالبحث والأقسام، ومنها المطاعم والتسوق والصيدليات، ثم تنتقل إلى شاشات أكثر تركيزًا لتفاصيل المنتج ومراجعة الطلب.
تعطي الصفحة الرئيسية بطاقات المتاجر سياقًا عمليًا، من خلال التقييم والمسافة وتقديرات التوصيل المعروضة. ويفصل التنقل السفلي بين الرئيسية والطلبات والمفضلة والحساب، مع إبراز إجراء السلة في المنتصف. تحافظ هذه الوجهات على ألفة الرحلة بين مراحلها المختلفة.
02 / التجربة
اجعل الطلب مفهومًا أثناء تكوّنه.
تجمع صفحة المنتج الصورة والاسم ورمز التعريف والتقييم المعروض والسعر والوصف. تظهر أدوات الكمية بجوار منطقة السعر، ويحتفظ إجراء إضافة المنتج بمكان بصري مستقل. تدعم الشاشة قرارًا محددًا، وتبين للمستخدم ما يمكن فعله بعد قراءة المعلومات.
عند مراجعة الدفع يتغير التركيز من الاكتشاف إلى التأكد من التفاصيل. تظهر الرسوم والإجمالي بعيدًا عن خيارات طريقة الدفع، ويملك حقل كود الخصم إجراءه الخاص. يأتي زر التأكيد بعد هذه الاختيارات، ليصبح التسلسل قابلًا للقراءة قبل إرسال الطلب.
مراجعة الطلب ينبغي أن توضح ما سيطلبه الزائر والخيارات المتاحة له، قبل أن تطلب منه التأكيد.
03 / التفاصيل الأساسية
ثلاث طبقات واضحة لتجربة التسوق.
اكتشاف المتاجر بحسب القسم
توفر الأقسام طرقًا واضحة إلى المطاعم والتسوق والصيدليات. وتضع بطاقات المتاجر معلومات عملية أمام الزائر، بينما يخدم البحث من يبدأ بحاجة أكثر تحديدًا.
تفاصيل المنتج والتحكم في الكمية
تجمع شاشة التفاصيل صورة المنتج ووصفه وسعره مع أدوات اختيار الكمية. ويظهر إجراء الإضافة منفصلًا عن مساحة القراءة، ليمنح الصفحة امتدادًا واضحًا نحو السلة.
مراجعة طلب منظمة
تظهر في واجهة اختيار الدفع خيارات كي نت والبطاقة والدفع عند الاستلام، مع الإجمالي وحقل الخصم. ينظم التصميم هذه الخيارات الظاهرة في صور المشروع قبل إجراء تأكيد الطلب.
04 / رحلة المستخدم
من اكتشاف المتجر إلى مراجعة الطلب.
اختر وجهة التسوق
تصفح الأقسام أو استخدم البحث، ثم راجع معلومات المتجر المناسبة لطلبك.
حدد المنتج والكمية
اقرأ التفاصيل وتحقق من السعر المعروض واضبط الكمية قبل إضافة المنتج.
راجع اختيارات إتمام الطلب
تحقق من الإجمالي وطريقة الدفع وأي كود خصم، ثم انتقل إلى إجراء التأكيد.
05 / الواجهات
نظرة أقرب إلى الداخل.
اكتشف الواجهة شاشةً بشاشة. اضغط على الصورة لرؤية التفاصيل.
بداية رحلة التسوق
بحث وأقسام وعروض ومعلومات المتاجر داخل الصفحة الرئيسية.
قرار اختيار المنتج
تفاصيل وسعر وأدوات كمية بجوار إجراء واضح للإضافة.
المراجعة قبل التأكيد
الإجمالي وخيارات الدفع وحقل الخصم في تسلسل مفهوم.
06 / الرؤية التصميمية
حافظ على الحركة، وأظهر التفاصيل.
تجمع السلة الذهبية اللمسات البرتقالية الدافئة للإجراءات مع عناوين خضراء داكنة ومساحات فاتحة. وتنظم البطاقات المستديرة المتكررة المحتوى، بينما يجذب اللون الأقوى الانتباه إلى الإجراء المناسب للشاشة الحالية.
الفكرة التصميمية عملية: يحتاج التصفح والاختيار والتأكيد إلى أنواع مختلفة من المعلومات. عندما تحصل كل مرحلة على ترتيب يناسبها، تستمر الرحلة بوضوح، ويبقى الزائر قادرًا على فهم المنتج والكمية والطلب الذي يراجعه.
لنتحدث عن مشروعك
