نبذة عامة
في هذه المقالة سوف نتطرق للعديد من اخطاء المصممين الشائعة التي يرتكبها المصممون في تصميم مواقع الانترنت ، مع كيفية إصلاح هذه الأخطاء
إستخدام الأعمدة بكثرة
فى حال لديك نموذج إشتراك بسيط مثلا ، فإستخدام الأعمدة بكثرة يؤدي إزدحام العناصر وايضاََ تشتيت المستخدم
محاذاة التسميات للأعلى
المستخدمون يقوم بإكمال النماذج ذات التسميات الأعلى بمعدل أكثر بكثير من التسميات المحاذة لليسار أو اليمين
تجنب الحروف الكبيرة
حاول قدر الإمكان ان تتجنب من استخدام الحروف الكبيرة ، فهي غير مريحة للقراءة !
لو كان الـ Select أقل من 6 إختيارات قم بإظهارهم كاملاََ
عندما تقوم بوضع الخيارات داخل الـ select فهذا يتطلب إلى نقرتين للوصول للشىء المطلوب ، فلو كان عدد الخيارات قليل ، لا يوجد مانع من إظهارهم جميعاََ مرة واحدة ، ولكن لو كان لديك مثلا 20 فأكثر يمكنك جعلهم كقائمة منسدلة .
وضع الـ radio & checkbox أسفل بعض
حاول ان تقوم بوضع عناصر الـ radio و checkbox اسفل بعضهم ، هذه الطريقة افضل للقراءة وللتحديد
وصف الأزرار بما يتناسب
من الخطأ والشائع ترك حقول الأزار التي تحتوي على Action معين بالقيمة الإفتراضية ، فيجب تسميتها على حسب ما تقوم به !
تحديد الأخطاء
في الكثير من الأحيان ، تجد بعض النماذج في المواقع الإلكترونية ، تقدم خطأ واحد للحقول جميعها، يفضل توضيح مكان الخطأ وتقديم سبب لهذا الخطأ .
استخدام التحقق من الحقول بعد ان يقوم المستخدم بتعبئتها
لا تستخدم التحقق من صحة الحقل اثناء قيام المستخدم بالكتابة ( ما لم تكن الحاجة لذلك ) كما في حالة إنشاء كلمة المرور ، او اسم مستخدم أو رسالة تحتوي على عدد أحرف ، فتخيل انك تقوم بكتابة بريد إلكتروني ولم تنتهي من كتابته ، وتخرج لك رسالة أن هذا البريد غير صحيح !
لا تقوم بإخفاء النصوص المساعدة
يفضل ان تقوم بإظهار النص المساعد في مكان واضح ، حتى يسهل على المستخدم عملية الإدخال .
التفريق بين الأزار الأساسية والثانوية
حاول دائماََ التفريق ما بين الازرار ذو المهام الأساسية ، هناك بالأصل جدال كبير في اذا ما كان زر ( الغاء ) مهم وجوده أم لا في بعض الحالات !
استخدم العرض المناسب للحقول
حاول دائماََ ان تجعل الحقل بعرض الحروف التي ستحتويه ، بعض الحقول معروف الحروف التي ستكون فيه مثل ارقام الهواتف والرموز البريديه وما شابه ، كن أكثر منطقياََ !
التخلص من إشارة * والإشارة إلى الحقول الإختيارية بدلاََ عنها
لا يعرف المستخدمين دائماََ ان الحقول المطلوبة ( * ) من المهم تعبئتها ، بدلاََ من ذلك يمكنك الإشارة إلى الحقول الإختيارية .
اجعل المعلومات ذات الصلة على شكل مجموعة
عندما تقوم بتنظيم ادخال البيانات على شكل مجموعات ، سيشعر المستخدم بالراحة كونها مفهومة له وبالتالى سيكون هناك ادخال للنموذج بشكل اسرع .
أرجو ان تكونو قد استفدتم في هذه التدوينة ، في حال وجود اي استفسارات أو هناك اضافات ترونها مهمه ،لا تتردد بالتواصل معنا من خلال التعليقات او من خلال صفحة التواصل من أجل إضافتها في هذه التدوينة ، فهذة تدوينة متجدة بشكل دائم.
