التجارة عبر الجوال تجربة المستخدم للتجارة الإلكترونية

تطبيق حاج عرفة

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

فتح الموقع الحي
تطبيق حاج عرفة - معاينة الواجهة
لاحظ أولوية البحث والفئات ومسار الدفع المختصر الملائم للجوال.
الدور مصمم تجربة المستخدم
المدة ٣ أشهر
المنصة تطبيق ويب للجوال
الحالة تنفيذ تفاعلي مباشر
وقت القراءة ٣ دقائق قراءة
٠١ التحدي والسياق

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

مشكلة المستخدم

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

مشكلة الأعمال

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

هدف التصميم

تصميم رحلة تسوق تبدأ بالجوال، مع تنقل يركز على البحث ودفع أقصر للزوار.

٠٢ الحل والتنفيذ

تم تخطيط رحلة التسوق المقصودة وتصميم تنقل يركز على البحث، ودفع للزائر، وأهداف لمس بارزة بقياس ٤٤ بكسل مسترشدة بمعايير WCAG ٢.٢ ذات الصلة.

قرار التصميم الرئيسي

جُمعت خمس مراحل للواجهة في مفهوم دفع واحد قائم على الأكورديون مع إكمال العنوان وتفصيل واضح للتكلفة.

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

Figma User Research Wireframing Prototyping E-Commerce UX WCAG 2.2 informed
٠٣ الأثر والدروس المستفادة

تم تقديم تنفيذ حي ومتجاوب بمسار أقصر وأوضح من استكشاف المنتج إلى تأكيد الطلب.

إلى ١
٥ إلى ١ دمج مراحل إتمام الطلب إلى مرحلة واحدة
بكسل
٤٤ بكسل الحد الأدنى لمساحة اللمس (٤٤ بكسل)
نقرات
٣ نقرات مسار الوصول للمنتج وإضافته للسلة
تنقل بحثي أولاً

يبرز التنفيذ البحث والفئات المختارة. وتبقى سهولة العثور على المنتجات موضوعاً لاختبار قابلية الاستخدام.

دفع مبسط

يختصر تصور الدفع مسار الشراء. ولم يُقَس أثره على معدل التحويل بعد.

تنفيذ متجاوب

تنفيذ يبدأ بالجوال، مع تفاعل بلوحة المفاتيح ومؤشرات تركيز واضحة وتخطيطات متجاوبة تسترشد بمعايير WCAG ٢.٢.

يوضح التنفيذ الحي الرحلة المقترحة. لم تُقَس نتائج التحويل أو التخلي عن السلة بعد، وتتطلب تحليلات إنتاج تحترم الخصوصية.

ما تعلمته

التعلم الخاص: تصميم مسار تجارة إلكترونية قصير ومتجاوب، وتوجيه وكلاء الذكاء الاصطناعي لتنفيذ حالات التنقل والدفع بدقة.

مصمم مع مراعاة إمكانية الوصول، WCAG ٢.٢، والأداء.