لماذا يجب أن يعمل المصمم والمطور معاً ؟

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

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

المصمم vs المطور

designer-developer1

عادةً يستخدم مصمم الويب برامج تصميم الجرافيك مثل “Photoshop ” و “Illustrator ” لإنشاء المواقع والعناصر التى سوف تظهر. ثم يتم ترميز هذه الجمالية بواسطة مطور الويب لجعل كل شئ يعمل على الويب بإستخدام “HTML, Javascript, jQuery, CSS” ولغات برمجة أخرى.

بينما يعمل كلاً من المصممين والمطورين غالباً من غرف منفصلة أو حتى دول، كما أن كلٍ منهم يحتاج لخبرات الآخر لذا ،يجب أن يعملوا معاً.

إيجابيات العمل معاً :

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

والآن نعرض لمزايا العمل معاً :

1- عند العمل معاً، سوف تكون هناك مجموعة ثانية من العيون تنظر لكل شئ وتعثر على الأخطاء والعيوب.

2- إبداع أكثر فى العصف الذهنى “brainstorming ” والتصميم.

3- خبرة كاملة، لأن المصمم قادر على فهم ما الذي يستطيع المطور إنشائه.

4- المنتج النهائى يكون أكثر تماسكاً، حيث تبدو جميع الأجزاء وكأنها تنتمى له وكذلك التفاعلات تُناسب الجمالية.

5- إن دمج الأفكار، يكون رؤية أكثر تنوعاً من المشروع المفترض أن يكون.

6- وأخيراً عمل المصمم والمطور معاً، يعزز التركيز على مهمة وأهداف تصميم المشروع.

وبعد ما عرضنا إيجابيات العمل معاً،  فإذا قلت أنه لا يوجد سلبيات سأكون بالطبع ساذجاً!

سلبيات العمل معاً :

ليس هناك العديد من السلبيات، ولكن هناك نوعان من الأشياء فى الإعتبار :

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

2- قد يختلف المصمم والمطور أحياناً.

أشياء يمكنك القيام بها

wireframes

بعد أن كنت تفكر في كل الأسباب التى تجعل المصمم والمطور يعملا معاً، الآن كيف يمكنك وضعه حيز التنفيذ؟

أفضل مكان للبدء هو أن تأخذ المصمم أو المطور للغداء أو شرب القهوة أو للتمشي. ثم تتعرف عليه/عليها وكذلك التعرف على أسلوبه قبل رسم التخطيط الأول. ثم تتحدث عن كيف كنت تخطط للعمل معاً كفريق واحد وضع بعض القواعد الأساسية.

وللتأكد من أن الجميع يعملوا معاً وفى نفس الوقت يمكنك إنشاء جدول لتقويم المشروع.

وتذكر دائماً، أن تكون لطيفاً مثل: تقديم النقد البنّاء وتقبل الملاحظات …إلخ.

5 نصائح للمصممين :

1- إشرح نظرية التصميم بطريقة بسيطة لمساعدة المطورين فى فهم من أين تأتى الجمالية.

2- فكر فى العناصر التفاعلية في التصميم، وكيف ستعمل. وتأكد من أن يتم تصميم جميع قطع الغيار اللازمة لجميع المراحل التفاعلية.

3- التصميم بالكامل. بمعنى ألا تعتمد على أن ينسخ أو يُعدل المبرمج شئ ما، فأنجز تلك المهمة بالكامل.

4- إسأل للمساعدة دائماً، فإذا كنت غير متأكد من أن خط سيعمل على الموقع أم لا، إسأل.

5- كل شئ في الموقع يجب أن يكون دالاً على سهولة الاستخدام وكذلك القابلية بمعنى أصح تصمم”تجربة مستخدم” بجودة عالية.

5 نصائح للمطورين :

1- خذ فكرة عن التصميم، عن طريق معرفة القليل من النظريات من حيث اللون والنوع.

2- كن واضحاً بشأن ما يمكن القيام به وما لا يمكن.

3- أن تكون متاح للرد على الأسئلة والمساعدة أثناء التصميم.

4- الإنخراط فى العملية منذ البداية، بمعنى طرح أفكار التصميم التى سوف تعمل مع الـUX الدقيقة.

5- الحفاظ على سلامة التصميم فى عملية التطوير.

مهارات يمكن للجميع الإستفادة منها

skills

 كل مصمم ومطور يجب أن يمتلك معرفة أساسية عن :

* مبادئ التصميم، مثل : اللون والمساحة والطباعة.

* مراعاة حجم وصيغة الصورة المستخدمة كما يجب أن تكون.

* فهم أساسى للـ HTML و CSS.

* إستخدام الخطوط على الويب.

* الإتجاهات “trends” فى التصميم والتطوير (كل ماهو جديد على الساحة).

* فهم ما يحتاجه المستخدم.

* الشبكات “Grids” والإطارات “framework ” والويرفريم “wireframing”.

والآن… دمتم بخير 🙂

المصدر

مقالات ذات صلة

6 تعليقات

  1. Mahmoud farhat
    8 يوليو,2015 في 4:43 م - Reply

    موضوع مميز،، جزاكم الله خيراً

    • أحمد السالوس
      8 يوليو,2015 في 5:27 م - Reply

      تعليقك هذا يشجعنا كثيراً لتقديم الأفضل لكم 🙂
      جزانا وإياك 🙂

  2. مصطفى احمد
    19 يوليو,2015 في 3:01 م - Reply

    موضوع رائع

    • أحمد السالوس
      21 يوليو,2015 في 2:53 م - Reply

      ربنا يخليك يا مصطفى …أتمنى أن نكون سبباً لإستفادتك 🙂

  3. معاذ سعد
    15 أكتوبر,2015 في 10:45 م - Reply

    ربنا يكرمك على هذه المعلومات

    • أحمد السالوس
      15 أكتوبر,2015 في 11:06 م - Reply

      أشكرك يا معاذ 🙂