بمناسبة ان زادوا أكثر من ٣٠ متابع أمس قررت اني اسوي فعالية إعادة تصميم واجهة 🔥🎉
الهدف من الفعالية هو تعلم أساسيات تصميم الواجهات وتسهل تجربة المستخدم
الهدف من الفعالية هو تعلم أساسيات تصميم الواجهات وتسهل تجربة المستخدم
اليوم رح نأخذ هذه الواجهة ورح ابين ايش الأخطاء اللي فيها كلامياً. بعطي فرصة للي بيعدل التصميم من نفسه وبكرة إن شاء الله رح أشارك معكم التصميم النهائي بعد التعديلات ✨🌈
هذا هو التصميم
هذا هو التصميم
❌ الخطأ الأول :
شايفين اسم الحقل مو موجود. تمام بتقول ان في placeholder مكتوب فيه اسم الحقل أو المحتوى المفترض للمدخل لكن فرضا اني أدخلت البيانات وبعدين ما كنت متأكدة إذا دخلت صح رح اضطر اني امسح الحقل عشان اشوف placeholder مرة ثانية
شايفين اسم الحقل مو موجود. تمام بتقول ان في placeholder مكتوب فيه اسم الحقل أو المحتوى المفترض للمدخل لكن فرضا اني أدخلت البيانات وبعدين ما كنت متأكدة إذا دخلت صح رح اضطر اني امسح الحقل عشان اشوف placeholder مرة ثانية
❌ الخطأ الثاني :
في أكثر من مدخل جنب بعض وهم مالهم علاقة مثل الأيميل ورقم الهاتف فالمفروض يكونون في سطر لحالهم إلا إذا كانوا لهم علاقة مثل رمز الدولة ورقم الهاتف فهنا لازم يصيرون في نفس السطر
في أكثر من مدخل جنب بعض وهم مالهم علاقة مثل الأيميل ورقم الهاتف فالمفروض يكونون في سطر لحالهم إلا إذا كانوا لهم علاقة مثل رمز الدولة ورقم الهاتف فهنا لازم يصيرون في نفس السطر
❌ الخطأ الثالث :
الأستبانة مرة طويلة والأحسن ان نختصرها بأن نحذف الحقول الغير ضرورية أو نقسمها على عدة مراحل. يعني هنا كل الحقول نحتاجها فرضاً فمثلا نخلي المستخدم يعبي أول ٤ حقول وبعدين نعرض الحقول الباقين بعد ما يعبي أول الحقول
الأستبانة مرة طويلة والأحسن ان نختصرها بأن نحذف الحقول الغير ضرورية أو نقسمها على عدة مراحل. يعني هنا كل الحقول نحتاجها فرضاً فمثلا نخلي المستخدم يعبي أول ٤ حقول وبعدين نعرض الحقول الباقين بعد ما يعبي أول الحقول
❌ الخطأ الرابع :
الكلام الموجود على الزر ممكن يشتت المستخدم فأحسن من كتابة "إرسال" المفروض نكتب "تسجيل" أو الغرض الرئيسي من الإستبانة
الكلام الموجود على الزر ممكن يشتت المستخدم فأحسن من كتابة "إرسال" المفروض نكتب "تسجيل" أو الغرض الرئيسي من الإستبانة
❌ الخطأ الخامس :
في لونين أساسين في أي تصميم لكن الواضح ان كل الزرين نفس اللون فالأفضل أن الزر المهم يكون باللون الأساسي والزر الغير مهم يكون باللون الفرعي
في لونين أساسين في أي تصميم لكن الواضح ان كل الزرين نفس اللون فالأفضل أن الزر المهم يكون باللون الأساسي والزر الغير مهم يكون باللون الفرعي
هذا ملف figma عشان تعدلون التصميم وتشاركونه هنا بعد التعديل 🎉. استخدمت figma عشان ما يحتاجون تحملون برنامج تقدرون تفتحون في المتصفح.
لا تنسون تشاركون التغريدة عشان يشارك أكبر عدد وشكراً 💜 figma.com
لا تنسون تشاركون التغريدة عشان يشارك أكبر عدد وشكراً 💜 figma.com
جاري تحميل الاقتراحات...