/Wireframes Vs. Prototypes in UI

Wireframes Vs. Prototypes in UI

Wireframes Vs. Prototypes in UI

ما هي الـ Wireframes؟
الـ Wireframes هي نماذج بسیطة ذات دقة منخفضة تخدم ثلاثة أغراض بسیطة ودقیقة:
1 -عرض المعلومات التي سیتم عرضها داخل الصفحة.
2 -منح الخطوط العریضة لهیكل وتخطیط الصفحة.
3 -ینقل الاتجاه العام ووصف واجهة المستخدم.

الفكرة في الـ Wireframes هى البساطة، كما أن الجودة والدقة هما أحد الاختلافات الرئیسیة بین الـWireframes والـ Prototypes؟.
غالًبا ما تكون الـ Wireframes منخفضة الدقة أو متوسطة، بدًءا من الأشكال والخطوط المرسومة على الورق إلى الإبداعات التي تظهرعلى الشاشة والتي تتمتع بمظهر أكثر جمالا؛ لذلك یمكن للمستخدمین اختبار فاعلیة المنتج دون الاهتمام بنفس شكل المنتج ومظهره الذي سیظهر به في النهایة.

ما هي الـ Prototypes ؟

الـ Prototypes هي نماذج عمل بسیطه نسبًیا للتطبیقات أو صفحات الویب. عادةً ما تكون هذه هي الخطوة التالیة في عملیة تصمیم
المنتج بعد الـ wireframes .تحتوي النماذج الأولیة عادةً على ألوان ورسوم متحركة، ویمكن أن یكون هو المحتوى الفعلي الذي سیتم
وضعه في المنتج. على عكس الـ wireframes ،غالًبا ما تكون النماذج الأولیة متوسطة إلى عالیة الدقة. فهي تسمح للمستخدم باختبار
واجهة المنتج الرقمي وتفاعلاته، ویمكن أن یكون هذا المستوى من الوظائف مفیًدا أثناء اختبار قابلیة الاستخدام للتطبیق. نظ ًرا لأنها غالًبا ما
تشبه منت ًجا قارب علي الانتهاء، یمكن ترجمة الوقت والجهد المستثمر في إنشاء نموذج أولي (prototype (إلى توفیر الكثیر في مرحلة
التطویر.

a Live version from CAT offcial Magazine - CATazine - , CATazineLive is a weekly magazine which mainly have topics about Computer and Technology