٢٥ خطاء تجنبهم لتصميم موقع الكتروني بطل
كما نعلم ان مصممي المواقع الالكترونيه يتنافسون ويبالغون في التصميم هذه الايام ولكن هل خطر على بالك ان الاهم هو تحقيق الهدف الرئيسي من الموقع (تحويل – شراء – تواصل – الخ…..)، هم في الحقيقة يبالغون في التصميم المرئي على حساب تجربة المستخدم، وهنا سنستعرض ٢٥ خطاء شائع بشلك لطيف ويجب ان لاتقع فيه.
لاتستخدم السلايدر وبالذات اذا كان محتواها مهم لتحقيق الهدف من الموقع لأنه فئة قليلة هم فقط من يقومون بتصفح السلايدات (موقعك مو عرض بوربوينت!!!).
لاتخفي القائمة الرئيسية وتضع بدالها ايقونة قائمة اذا كان محتوى القائمة يكفي عشان تظهر في الصفحة، (ليش اضطر اعمل خطوه اضافية بالضغط على ايقونة القائمة عشان اشوفها وكان يمديك تخليها ظاهره؟؟؟).
من نفس المبداء السابق اذا كان عندك قسم يحث على التواصل في الصفحة الرئيسية اعمل لنفسك معروف وحط نموذج التواصل بداله (ليش نكلف المستخدم بخطوة زيارة صفحة التواصل وانت تقدر توفره في الصفحة الرئيسية).
توقف عن توسيط النصوص اذا كان النص اكثر من ثلاثة اسطر (لانه راح تصير مزعجة في القرائة).
لاتتضع زر دخول للموقع (ليش ازور موقعك وبعدين اضغط على ازرار عشان ادخل موقعك؟؟؟).
الحركات التفاعلية (مايكرو موشن) لازم تكون سريعة اذا كانت في المحتوى النصي (لاتخليها بطيئة بحيث ننتظر عشان نقراء في النهايه هو موقع مو فلم ديزني).
لا تحط عنوان متحرك بكامل الصفحة (مزعجة في القراءه اذا كانت سريعة ومزعجة في الانتظار اذا كانت بطيئة، موقعك ماهو محطة اخبار عاجله)
لاتجعل القائمة الفرعيه تظهر عند الضغط عليها، ( اسهل للمستخدم اذا خليتها تفتح عند تمرير الفأره).
لاتستخدم الايموجي في التصميم (ماراح تضيف اي قيمة للتصميم وشكلها بايخ وغير احترافية).
لاتحاول تغير ماتعود عليه المستخدم مثل ايقونة القائمة لازم تكون ايقونة القائمة المتعارف عليها (لاتخاطر والنتيجة ان المستخدم يتوه في الموقع).
لاتجعل ازرار الاجراء الرئيسي بنفس جميع الالوان في الموقع لازم يكون مختلف عشان يلفت الانتباه.
القائمة الرئيسية اللزجة لازم يكون لها لون في الخلفية وإلا تداخلت مع المحتوى عند التمرير في الصفحة للأسفل.
اذا كان عندك قوائم فرعية لاتنسى تحط سهم للأسفل او اي علامه تدل على انه هذه القائمه لها قائمة فرعيه.
لاتطلب المستخدم الاسم الاول والاسم الاخير، اطلبه الاسم الكامل ببساطه (كل ماكان نموذج التواصل سهل كل ما حقق نتائج افضل).
لاتبخل في محتوى الصفحة الرئيسية على الاقل (المستخدم لازم يعرف من انت وماذا تقدم له وهو ايش راح يستفيد ).
لاتوسط محاذات النماذج (شكلها بايخ وغير احترافيه).
لاتجعل قسم الهبوط (اول قسم يظهر للمستخدم في الموقع) بكامل الشاشة من الاعلى للأسفل (ممكن يتوهم المستخدم انه هذا فقط هو موقعك ولايوجد شيئ في الاسفل للتمرير).
المحتوى النصي لابد يكون ظاهر في كل الاوقات (ليش تجعلني اضغط او امرر الفأره عشان اقراء المحتوى؟؟؟).
الشعار لابد يكون فيه اسم الموقع او الشركة او البراند (المستخدم ما راح يخمن ولا انت مشهور مثل شركة بيبسي).
لابد يكون من ضمن القائمة الرئيسية رابط للصفحة الرئيسية (مو كل المستخدمين يعرفو انه اذا ضغطت على الشعار راح ترجع للرئيسية!!).
اذا كان موقعك بطيئ لاتعمل ايقونة او عداد تحميل للصفحة (المستخدم يفضل ان تتحمل اجزاء من الصفحه قدام عينه على انه ينتظر تحميلها بالكامل).
اذا حبيت تعمل خلفية للنصوص ابداً لاتستخدم خليفه فيها نصوص (راح تشتت المستخدم وشكلها غير احترافية) خلفية النصوص اما لون كامل او صوره بدون نصوص ومظللة.
لاتبالغ في التصميم المرئي على حساب الاإجراء الرئيسي، في الصور التالية تجد انه الاجراء الرئيسي مهمل جداً ويكاد لاينتبه له احد (ازرار التواصل) بينما جميع الانظار من اللحظه الاولى راحت على صورة البنت؟؟؟؟.
استخدم التباين اللوني للدللالة على ترتيب الاهمية في المحتوى ولا تكتفي بتغير الاحجام، في الصورة التاليه تجد الفرق عند استخدام التباين اللوني بنين المثالين كيف اصبح المحتوى اسهل في القراءة وافضل بصرياً.
استخدم نوع واحد من الايقونات، اما مصمتة او مفرغه لا تشكل بينهم.
أخيراً انت الآن تقدر تتفادى معظم الاخطاء الشائعة في تصميم موقع الكتروني واذا كنت حابب تتعمق في هذا المجال انصحك وبقوة ان تأخذ بعين الاعتبار الاستثمار في دورات اليمينتور برو والتي استفدت منها شخصياً، وقدرت ارفع سعر تصميم المواقع الخاصة بي بسببها بعد الله عز وجل.
ختاماً اتمنى تكونو استفدتم من النصائح المهمة لتصميم موقع الكتروني بطل والمعذرة على (الشطحات) في الشرح ولا تنسونا من دعائكم
