ما هي النماذج؟

لنموذج هو مجرّد رسم تخطيطي يمثل الطريقة التي سيبدو بها الموقع:

من المفترض أن تبذل أقلّ جهد لإعطائك نظرة مفيدة عمّا ستقوم ببنائه.

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

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

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

رسم بياني X نموذج X عيّنة

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

لاحظ أن هذه التعريفات في الواقع لا ترتبط ارتباطًا مباشرًا بال"دقّة" - فقد يكون لديك عيّنة منخفضة الدقّة للغاية تحدد فقط تفاعلات المستخدم الرئيسية أو رسم بياني عالي الدقّة يحتوي على كل عنصر في الصفحة.

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

كيف نستخدم النماذج

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

بمجرد أن تستقر العملية الإبداعيّة على عملية الإنتاج، يمثل النموذج هدفك. ومن المفيد جدًا أن يكون لديك شيء تشير إليه عندما تتجول في عالم البرمجة وبالكاد تتذكر ما تقوم ببنائه بالضبط.
عملياتنا العالية المستوى لبناء المواقع تسير على النحو التالي:
1.    تحديد المستخدمين وأهدافهم
2.    تصوّر الموقع الذي يحقق تلك الأهداف
3.    تقسيم النموذج إلى أجزاء عمل منفصلة "قصص"
4.    لكل قصة ، ابدأ بنموذج لنتيجتها النهائية (على سبيل المثال ، الميزة المحددة) وقم ببناء البنية التحتيّة للبيانات، والنهاية البرمجيّة، والواجهة الأمامية اللازمة لإنتاجها بالفعل.
5.    التحقق من الصحّة، إعادة البناء، والتسليم. 


النموذج لا يمنحنا الاتجاه العام للموقع والنطاق فقط، ولكنّنا نقسمه إلى أجزاء ونستخدم تلك القطع لتوجيه عملية التطوير والبرمجة لدينا.