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

هل يمكنك اكتشاف الاخطاء الموجودة في طريقة العرض هذه؟ علماً بان “الحل” يوضّح 4 أخطاء في التصميم.
الحل:
- عنوان السلعة ليس له أي معنى أو اهمية للمستخدم (رقم خاص بالموقع). الأفضل لو تم استخدام اسم الشركة المصنّعة أو الموديل مثلاً.
- الصورة منخفضة الجودة، مما يعطي انطباعاً بعدم احترافية الموقع.
- زر التفاصيل يأتي قبل السعر، مع ان السعر من المعلومات التي يجب ان يراها المستخدم قبل الدخول في التفاصيل.
- السعر مكتوب باللون الأحمر، وكأنه يستخدم لتنبيه المستخدم لشيء معيّن، بينما هو فعلياً مجرد لون يستخدمه الموقع لعرض جميع الاسعار.


15 تعليقات على “اكتشف الخطأ: موقع للتجارة الالكترونية”
عرض السعر باللون الأحمر هدفه جذب النظر لكن الأحمر غالباً يدلعلى وجود خطأ, والبضاعة المفروض كل عنصر في مربع أو حدود خاصة به هو ومعلوماته ..
الشي الآخر, تسمية البضاعة .. لو أضاف اسم الماركة أو الموديل بدال الترقيم كان أفضل ..
نفس الحل اللي في بالي ما عدا صورة المنتجات لانها مو مبينة معي ع الجوال
يعطيك الف عافية
عرفت 2 منهما وهو الاسم الغير واضح ولون السعر، لكن جودة الصورة لم تكن واضحة اعتقدت بأن الجودة انخفضت أثناء أخذك لقطة للشاشة وإعادة رفع الصورة.
1- صور المنتجات كبيرة وتم تصغيرها ادى لعدم وضوح المنتج
2- اسم المنتج مبهم
3- زر التفاصيل بألوان غير جيدة
.. قبل النظر للحل ..
لاحظت اسبقية رز التفاصيل للسعر .. وكذلك اللون ..
اتعبني نقل النظر من اعلى حيث عنوان السلعه لاسفل حيث التفاصيل والسعر .. هل وضعها في مكان واحد تحت الصوره وبشكل منسق يعد خطأً.؟
شكرا لكـ ..
ندى:
نقطه ممتازه، فعلاً الافضل وضعها (بما انها معلومات مترابطه) جميعاً تحت الصورة
أول نظره ظنيت أن رقم السلعه هو السعر للحقيبه ..
ماذا يستفيد المستخدم من هذا الرقم؟! لاشئ!!
أيضا السعر رقما مكتوب باللغه الانجليزيه ومن ثم كلمة ريال!
لوكان الرقم بالعربي اتوقع افضل ..
اسم السلعة
إذا كان اسم الحقيبة برمز “مثلاً” والسعر في الأسفل، فما فائدة فما الجديد في زر التفاصيل ؟؟
أعجبني فكرة رابط لإظهار الحل ..
أيضاً مش مهمة كلمة “السعر: 60 ريال” المفروض تكون “60 ريال” وأكيد أنا هعرف أنها السعر من غير كلمة السعر
من اول نظرة كنت اعتقد الرقم بعد الاسم هو رقم الموديل واستغربت بأن الموديل الجديد ارخص سعراً من القديم
اتضح لي الان انها مجرد ارقام لا فائدة منها.
في البداية عرفت شيئين
اللون الأحمر في السعر و ترتيب الأزرار
شاكر لك اخي مشهور
قبل ما أشوف الحل، ولا فكّرت فيه .. لأن اللي لفت انتباهي شغلات ثانية؛
ما أدري وش الموقع .. لكن يبدو لي موقع يبيع بضائع مقلّدة + مصمم الموقع ما عنده خبرة في المواقع التجارية + توصيل البضائع إمّا يدوي أو شحن داخل المملكة ( يمكن حتّى الدّفع يد بيد ) ..
بيع بضائع مقلّدة : الحقائب شكلها محشية بطريقة يدويّة ( حشو ما يظهر التصميم + الحقيبة مو مثبّتة صح ) / اختيار البضائعة بناء على رقمها مو على اسمها ( قرأت كذا مرة لتاجرات إلكترونيّات إنها تشري باختيار العميلة لرقم القطعة المقلّدة )
مصمم الموقع ما عنده خبرة :
المواقع التجارية فيها شيء اسمها سلّة الشراء / 60 ريال تكتب : 60 ريال سعودي، أو 60 ر.س عشان نعرف إن الموقع سعودي أو تعامله بالريال السعودي مو اليمني مثلًا / لون السعر الأحمر للتخفيض / ما أدري وش فيها التفاصيل لكن الألوان الصحيح تصير ظاهرة ( أحيانًا الحقيبة خايسة، لكن إذا شفتها بلون ثاني بنفس المكان تصير أجمل )
توصيل البضائع إمّا يدوي أو شحن
نفس النقطة الثانية في البضائع المقلّدة / اكتفى بذكر ريال دليل إنّه موجّه تجارته لنطاق جغرافي معيّن.
بخصوص هذا المجال أيهم أفضل أخ مشهور وضع زر “تفاصيل” أو “إضافة إلى المشتريات” مباشرة ؟
طبعاً إذا كان موجود زر المشتريات راح ينتقل لصفحة التفاصيل عند الضغط على صورة المنتج بما إن الاسم ماراح يكون موجود بالواجهة.
لأن أشوف سكربتات المتاجر الإلكترونية تستخدم أزرار”إضافة إلى السلة” بالواجهة وفي الحقيقة لما نجي نشتري من موقع لابد نقرى التفاصيل ماحس فيه أحد بيشوف صورة المنتج والسعر وعلى طول يسوي إضافة للسلة إلا إذا كان عارف الموقع من قبل ومخطط على السلعة يعني سبق وقرى تفاصيلها.