في هذا الثريد قمت بتحليل موقع Home Cafe لبيع المشروبات الساخنة بغرض اكتشاف الأخطاء المتواجدة فيه وتحسين تجربة المستخدم العامة للموقع🔎🌟.
(تدريب وهمي)
#ux_designer @Designers_Sup
(تدريب وهمي)
#ux_designer @Designers_Sup
في البداية الهدف من الدراسة هو:
🔹تحسين تجربة المستخدم العامة للموقع
🔹ترتيب التصميم العام للموقع
🔹تطبيق عملي لمعرفتي في مجال تصميم الواجهات وتجربة المستخدم
تفاصيل أكثر بتكون مشروحة في الصور.
🔹تحسين تجربة المستخدم العامة للموقع
🔹ترتيب التصميم العام للموقع
🔹تطبيق عملي لمعرفتي في مجال تصميم الواجهات وتجربة المستخدم
تفاصيل أكثر بتكون مشروحة في الصور.
المشاكل الموجودة في الموقع:
#1:
📍شريط التنقل غير منظم ومربك
📍البحث ليس سهل الوصول إليه
📍الغرض من كلمة SAR مبهم وغير واضح
#1:
📍شريط التنقل غير منظم ومربك
📍البحث ليس سهل الوصول إليه
📍الغرض من كلمة SAR مبهم وغير واضح
#2:
📍الروابط الفرعية تتداخل مع الروابط الرئيسية عند التأشير
📍عدم وضوح الكلام المكتوب على الصورة
📍عدم وجود زر CTA واضح او نص يوضح الهدف من الموقع.
📍اهم نقطة عدم وجود آراء عملاء سابقين مما قد يؤدي إلى عدم ثقة الناس
📍الروابط الفرعية تتداخل مع الروابط الرئيسية عند التأشير
📍عدم وضوح الكلام المكتوب على الصورة
📍عدم وجود زر CTA واضح او نص يوضح الهدف من الموقع.
📍اهم نقطة عدم وجود آراء عملاء سابقين مما قد يؤدي إلى عدم ثقة الناس
#3:
📍الروابط ممكن ترتيبها بشكل أفضل
📍تكرار روابط التواصل الإجتماعي مرتين
📍لايوجد نسبة تباين كافية بين الخط والخلفية مما يعني ان الخط قد يكون صعب القراءة من قبل المستخدمين
📍الروابط ممكن ترتيبها بشكل أفضل
📍تكرار روابط التواصل الإجتماعي مرتين
📍لايوجد نسبة تباين كافية بين الخط والخلفية مما يعني ان الخط قد يكون صعب القراءة من قبل المستخدمين
#4:
📍في صفحة المنتجات، لايمكن المستخدم اختيار أكثر من نوع ماركة في وقت واحد مما يصعب عملية فلترة النتائج او المقارنة بين أسعار المنتجات
📍ممكن تمييز المنتجات التي نفذت بشكل أفضل لتسهيل تمييزها عن المنتجات المتوفرة
📍في صفحة المنتجات، لايمكن المستخدم اختيار أكثر من نوع ماركة في وقت واحد مما يصعب عملية فلترة النتائج او المقارنة بين أسعار المنتجات
📍ممكن تمييز المنتجات التي نفذت بشكل أفضل لتسهيل تمييزها عن المنتجات المتوفرة
#5:
📍عملية البحث يمكم تسهيلها على المتسخدم من خلال إظهار المنتجات الأكثر بحثاً او كلمات مفتاحية
📍عند تعبئة بيانات الطلب لايمكن تغيير كمية المنتج او حذف المنتج إلا عن طريق العربة في الصفحة الرئيسية
📍عملية البحث يمكم تسهيلها على المتسخدم من خلال إظهار المنتجات الأكثر بحثاً او كلمات مفتاحية
📍عند تعبئة بيانات الطلب لايمكن تغيير كمية المنتج او حذف المنتج إلا عن طريق العربة في الصفحة الرئيسية
الحلول المقترحة:
#1:
🔹ترتيب روابط شريط التنقل و إبراز مدخل البحث
🔹كتابة جملة رئيسية وفرعية توضح الغرض من الموقع
🔹توضيح أزرار CTA لتحفيز المستخدم على اخذ قرار
🔹زيادة ثقة المستخدم بالموقع من خلال ذكر أرقام عن عدد المنتجات وعدد العملاء الحاليين
#1:
🔹ترتيب روابط شريط التنقل و إبراز مدخل البحث
🔹كتابة جملة رئيسية وفرعية توضح الغرض من الموقع
🔹توضيح أزرار CTA لتحفيز المستخدم على اخذ قرار
🔹زيادة ثقة المستخدم بالموقع من خلال ذكر أرقام عن عدد المنتجات وعدد العملاء الحاليين
#2:
🔹عملية البحث مهمة جدا لمستخدمي اي موقع تجارة إلكترونية لذا تم تسهيل هذه العملية من خلال إظهار المنتجات الأكثر بحثاً قبل ان يبدأ المستخدم بالكتابة
🔹عند كتابة المستخذم تظهر منتجات تناسب الكلمة المستخدمة في البحث
🔹عملية البحث مهمة جدا لمستخدمي اي موقع تجارة إلكترونية لذا تم تسهيل هذه العملية من خلال إظهار المنتجات الأكثر بحثاً قبل ان يبدأ المستخدم بالكتابة
🔹عند كتابة المستخذم تظهر منتجات تناسب الكلمة المستخدمة في البحث
#3:
🔹ترتيب عرض تصنيفات الموقع حتى يسهل للمستخدم معرفة نوع المنتجات المتوفرة بدل من عرضها بشكل عشوائي في شريط التنقل
🔹إضافة بعض آراء العملاء السابقين لتزيد ثقة العملاء بالموقع وتحفزهم على تجربته
🔹ترتيب عرض تصنيفات الموقع حتى يسهل للمستخدم معرفة نوع المنتجات المتوفرة بدل من عرضها بشكل عشوائي في شريط التنقل
🔹إضافة بعض آراء العملاء السابقين لتزيد ثقة العملاء بالموقع وتحفزهم على تجربته
#4
🔹لكثرة مواقع التجارة الإكترونية من الأفضل ذكر مزايا للموقع يتميز بها عن المواقع الاخرى وتزيد ثقة المستخدم في الموقع
🔹من الأفضل إبراز جزئية الإشتراك في الخدمة البريدية لأنها كانت موجودة في نهاية الموقع والتي قد لاتجذب انتباه المستخدم
🔹لكثرة مواقع التجارة الإكترونية من الأفضل ذكر مزايا للموقع يتميز بها عن المواقع الاخرى وتزيد ثقة المستخدم في الموقع
🔹من الأفضل إبراز جزئية الإشتراك في الخدمة البريدية لأنها كانت موجودة في نهاية الموقع والتي قد لاتجذب انتباه المستخدم
#5
🔹ترتيب الروابط نهاية بشكل أفضل في نهاية الموقع
🔹تغيير لون الخلفية والخط لزيادة نسبة التباين بينهما وتسهيل القراءة للمستخدم
🔹إضافة طرق الدفع الإلكترونية الموجودة في الموقع لتعريف المستخدم على طرق الدفع المتوفرة
🔹ترتيب الروابط نهاية بشكل أفضل في نهاية الموقع
🔹تغيير لون الخلفية والخط لزيادة نسبة التباين بينهما وتسهيل القراءة للمستخدم
🔹إضافة طرق الدفع الإلكترونية الموجودة في الموقع لتعريف المستخدم على طرق الدفع المتوفرة
#6
🔹إضافة إمكانية للمستخدم لتعديل عدد المنتجات او حذفها في صفحة تعبئة بيانات الطلب بدلاً من جعل المستخدم يتوجه إلى جزئية عربة التسوق
🔹إضافة إمكانية للمستخدم لتعديل عدد المنتجات او حذفها في صفحة تعبئة بيانات الطلب بدلاً من جعل المستخدم يتوجه إلى جزئية عربة التسوق
لتفاصيل أكثر رابط الدراسة:
behance.net
behance.net
تعليقاتكم عن عملية تحليل و تحسين الموقع أكثر من مرحب بها 💜
جاري تحميل الاقتراحات...