لما تبدأ في تصميم اي واجهة مستخدم وتكون غير متأكد من كيفية عرض او ترتيب الأشياء، ممكن تبدأ بالتصميم المبدئي او wireframes لترتب أفكارك قبل البدأ في التصميم الفعلي.
ثريد 🧵
ثريد 🧵
بالبداية ماهي wireframes:
هي رسم مبدئي للواجهات سواء كانت باليد و عن طريق برامج مخصصة بشكل يمثل واجهات التطبيق او الموقع وتحدث العملية في بداية مرحلة التصميم لترتيب الأفكار وتخيل كيفية عرض مكونات الواجهة.
هي رسم مبدئي للواجهات سواء كانت باليد و عن طريق برامج مخصصة بشكل يمثل واجهات التطبيق او الموقع وتحدث العملية في بداية مرحلة التصميم لترتيب الأفكار وتخيل كيفية عرض مكونات الواجهة.
مالفائدة منها:
🔹تخيل كيفية عرض الأشياء وترتيبها بما يحقق سهولة استخدام التطبيق او الموقع
🔹المناقشة مع العملاء على كيفية عرض مكونات الواجهة و كيفية عملها
🔹اجراء اختبار تجربة المستخدم مع المستخدمين للتأكد من فهمهم الصحيح
🔹لاتستهلك وقت في عملها او إجراء التعديلات عليها لاحقاً
🔹تخيل كيفية عرض الأشياء وترتيبها بما يحقق سهولة استخدام التطبيق او الموقع
🔹المناقشة مع العملاء على كيفية عرض مكونات الواجهة و كيفية عملها
🔹اجراء اختبار تجربة المستخدم مع المستخدمين للتأكد من فهمهم الصحيح
🔹لاتستهلك وقت في عملها او إجراء التعديلات عليها لاحقاً
ماهي انواع wireframes:
يوجد ٣ أنواع لها من اليسار إلى اليمين:
١- low-fidelity wireframe
٢- medium-fidelity wireframe
٣- high-fidelity wireframe
الاختلاف بينهم كما موضح في الصورة هو كمية التفاصيل فيهم والغرض منها
يتبع..
يوجد ٣ أنواع لها من اليسار إلى اليمين:
١- low-fidelity wireframe
٢- medium-fidelity wireframe
٣- high-fidelity wireframe
الاختلاف بينهم كما موضح في الصورة هو كمية التفاصيل فيهم والغرض منها
يتبع..
يعني low-fidelity تكون مفيدة لك كمصمم لترتيب أفكارك و high-fidelity تكون مفيدة لإجراء اختبارات المستخدمين.
هذا الموقع يقدم قوالب للجوال, الكمبيوتر, او التاب ممكن تحملها عشان ترسم wireframes
sketchize.com
sketchize.com
في نهاية الثريد، لاتنسون المشاركة لإفادة الغير وشكراً💜
جاري تحميل الاقتراحات...