مقالات وتدوينات
(5.0000)

ما الفرق بين تخطيط الصفحة Wireframing والنمذجة المبدئية Prototyping؟

777 قراءة
0 تعليق
alt
التصنيف مقالات وتدوينات
وقت النشر
2021/08/08
الردود
0

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



مخطط الصفحة Wireframe

مخطط الصفحة هو نموذج حقيقي -منخفض الدقة- يخدم 3 أغراض بسيطة ودقيقة:

يقدم المعلومات التي ستُعرض على الصفحة.

يعطي نبذة عن هيكل الصفحة وتخطيطها.

يعبّر عن التوجه العام ويصف واجهة المستخدم UX. 

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



 

النموذج المبدئي Prototype

النموذج المبدئي هو نموذج عمل بسيط نسبيًا لتطبيق/صفحة ويب. وعادة ما يُعتبر الخطوة التالية في عملية تصميم (التطبيق/صفحة الويب) بعد مخطط الصفحة.
 يضمّ النماذج المبدئية صورًا ملونة ورسوم متحركة إضافة لتصور مبدئي للمحتوى الفعلي الذي سيكون موجودًا في (التطبيق/صفحة الويب).

على عكس مخططات الصفحة، غالبًا ما تكون النماذج المبدئية متوسطة أو عالية الدقة. وتسمح للمستخدم باختبار واجهة المنتج الرقمي وطريقة التفاعل معه، الأمر الذي يكون مفيدًا عند اختبار قابلية الاستخدام للتطبيق. ونظرًا لأنه غالبًا ما يُشبه منتجًا أكثر اكتمالًا المنتج النهائي، يمكن أن يؤدي الوقت والجهد المستثمران في إنشاء النموذج المبدئي إلى توفيرهما خلال مرحلة التطوير.



إذن مالفرق بينهما ؟

  • تلعب مخططات الصفحات Wireframes دور (الهيكل العظمي) لمنتجك الرقمي. هي الأساس وتقدم فكرة عامة عن هيكلية ما تقوم ببنائه.
  • 1يستند الهيكل العظمي للتصميم على المحتوى الذي يلعب دور (العضلات)، كلما سارعت في إنشاء محتوى عام لتصميمك، كان المسار أوضح من مخطط الصفحة  إلى النموذج المبدئي. من المفيد أن يكون لديك المحتوى الفعلي في مكانه للتأكد من أن كل شيء يتدفق بالطريقة التي تريدها.
  • النماذج المبدئية هي تمثيل مرئي أكثر لمنتجك. فكر في النموذج المبدئي على أنه (جسد متشكل تقريبًا ذو بشرة مكتملة أو كملامح وجه). إن صياغة نموذج مبدئي يشبه جعل إبداعك مناسبًا للجمهور، لا يمكننا اعتباره نسخة نهائية بالطبع، ولكن من المقبول عرضه للآخرين. وفي هذه المرحلة كل ما عليك فعله هو إجراء تعديلات صغيرة قبل إرسال تصميماتك إلى المهندسين الذين سيجعلونها حقيقية.

التعليقات (0)

قم بتسجيل الدخول لتتمكن من إضافة رد