قطط وكلاب. قابيل وهابيل. المصممين والمطورين. هذه ليست سوى عدد قليل من المواجهات التاريخية العظيمة.
غالباً ما يبدو المصممون والمطورون من كواكب مختلفة ولديهم أدمغة مختلفة تمامًا.
يريد المطورون أن يعمل موقع الويب بشكل صحيح ، ويريد المصممون أن يبدو صحيحًا.
في حين أن هذه الأهداف لديها الكثير من التداخل (وبالطبع ، أنا النمطية هنا قليلا) ، فإن الاختلافات غالبا ما تأتي إلى توقعات المصمم ومطور النجاح.
إدارة التوقعات هي مسألة اتصال: جعل النقاط بوضوح إلى الجانب الآخر ، وإيجاد أرضية مشتركة ، والاتفاق على الأهداف.
حسنًا ، قد لا يكون الأمر بهذه السهولة ، ولكن من المهم أن يحاول الطرفان على الأقل فهم بعضهما البعض .
في محاولة لتعزيز النوايا الحسنة بين المصممين والمطورين ، سوف أشارك بعض مضايقات الحيوانات الأليفة التي واجهتها واستكشف القضايا التي تؤدي إليها وحلولها.
يمكنك إنشاء تصميم رائع المظهر وتسليم الشركة للمطور ، ولكن عندما تعيد الموقع ، يبدو وكأنه لحاف مرقع مما صممته.
القضية
Comps ليست صفحات ويب؛ فهي ليست مزيجًا من شفرة HTML و CSS وجافا سكريبت. يمكن أن يقوم Photoshop و Fireworks و Illustrator بالكثير من الأشياء المستحيلة (أو على الأقل غير العملي) على الويب ، وهو ما يعني أن مطوري البرامج سوف يضطرون إلى تقليص التصميم.
حل
تحدث إلى مطور البرامج أثناء التصميم ، وليس فقط بعد ذلك. اسألهم عما إذا كان التأثير الذي تستخدمونه سيكون سهلاً في تحقيقه أو ما إذا كان هناك بديل أفضل. أيضًا ، عندما تتعلم المزيد عن تطوير الويب ، ستتمكن من معرفة الفرق بين التصميم الخاص بك وغير العملي بشكل أفضل وعند توقف المطور عن العمل.
لا تختار الألوان بشكل تعسفي ، ولكن يبدو أن المطورين يعتقدون أن "الإغلاق قريب بما فيه الكفاية".
القضية
لا أعرف ما إذا كان هذا ينطبق على جميع المطورين ، ولكنني عملت ذات مرة مع مطور كان أعمى اللون الأخضر (كان من أشد المعجبين بمدير المحتوى لدينا ، الذي أرسل جميع رسائل بريده الإلكتروني بنص وردي على خلفية ليمونية خضراء). ومع ذلك ، كونه أعمى الألوان لم يمنعه من أن يكون مطور ركلة الحمار.
حل
إذا كنت تريد أن تكون الألوان صحيحة ، فقم بإخفاء جميع قيم الألوان في الصفحة. لا تعتمد على مطور البرامج الخاص بك لمراجعة قيم اللون أو لتدوين الألوان في Photoshop.
يجب أيضًا مراعاة أن المشكلة قد لا تكون مع المطور ولكن معك. تبدو الألوان مختلفة على جهاز Mac وفي CMYK (إذا قمت بتمكين ذلك اللون عن طريق الخطأ). تأكد من تعيين وضع ألوان المستند والبراهين على RGB عامة بشكل افتراضي.
لقد تركت الكثير من غرفة التنفس حول العناصر لإنشاء مسار سلس للعين وتحسين قابلية القراءة ، لكن المطور يلصق كل شيء معًا ، ويقول لك: "إنها الطريقة الوحيدة التي ستناسب كل شيء".
القضية
لقد اشتكت من قبل إلى أحد المطورين أنه لم يترك أي مساحة بين حدود الوحدة ومحتواها ، مما جعل من الصعب جدًا على معظم الناس قراءتها. أجاب: "أنا لا أهتم بأشخاص آخرين. في حين أن معظم المطورين ليسوا قساة للغاية ، إلا أنهم لم يتم تدريبهم على الفنون الجميلة لخلط المساحات الإيجابية والسلبية لتوجيه عين الزائر حول التصميم.
حل
إذا كنت تريد حقا أن تكون التصميمات الخاصة بك دقيقة قدر الإمكان ، لا تعطي المصممين شركات فقط ، ونتوقع منهم معرفة المسافات. حدد العرض والارتفاعات والأطوال الدقيقة في وثيقة مواصفات التصميم. هذا بمثابة مخطط تتفق أنت والمطور على كيفية تباعد الأشياء.
على أقل تقدير ، حدد القواعد العامة للهوامش والحشو. على سبيل المثال ، "يجب أن تحتوي جميع الوحدات على 10 وحدات بكسل على الأقل من الحشو بين المحتوى والحدود".
نظرت إلى الموقع في Firefox ويبدو الأمر جيدًا ، ولكن عندما تتحول إلى Internet Explorer ، فإنه يقع على هيئة قطع.
القضية
يجب أن تكون متعاطفًا مع محنة المطورين عندما يتعلق الأمر بجعل التصميمات تبدو متناسقة عبر المتصفحات. كل متصفح له مراوغات خاصة به مع تباعد. تتحسن الأمور (خاصةً مع الموت البطيء لـ Internet Explorer 6) ، لكن الحصول على كل شيء للعب بشكل كامل مع بعضها البعض أمر لا يزال صعبًا.
حل
أسمح بشكل عام لبضع وحدات من مساحة التذبذب في تصميماتي لاستيعاب مشكلات عبر المتصفحات ، ولكنها تساعد على معرفة ماهية هذه المشكلات أثناء تصميمها ، بحيث يمكنك مساعدة المطور على تجنبها.
لا تخف من الإشارة إلى المشكلات التي تظهر عبر المتصفح إلى مطوّر البرامج وتوقع أن يتم إصلاحها. لكن حل بعض منها قد يتطلب منك تعديل تصميمك.
لا شيء أكثر إحباطا من حرق النفط في منتصف الليل على الوقت المزدوج للحصول على جزء من مشروعك في موعده المحدد ، فقط لاستعادة التطوير LOE (مستوى الجهد) الذي يضع تاريخ إطلاق المشروع مرة أخرى بعد شهر من نهاية الأبدية .
القضية
في حلقة كلاسيكية من Star Trek: The Next Generation ، يشرح Scotty حقائق الحياة الهندسية لـ Geordi La Forge: "لم تخبره [الكابتن بيكار] كم من الوقت سيستغرق فعلاً ، أليس كذلك؟ أوه ، أيها السادة. لديك الكثير لتعرفه إذا كنت تريد أن يفكر الناس بك كعامل معجزة. "يفكر بعض المطورين في المصممين بنفس الطريقة التي يفكر بها سكوتي في ستارفليت كابتنز.
حل
يعرف المطورون أنهم سيواجهون مشاكل غير متوقعة ويميلون إلى التقليل من تقديراتهم بشكل كبير. هذا يجعلهم أيضا تبدو جيدة حقا إذا ما انتهوا من عملهم في وقت أبكر مما كان مقدرا. المساومة مع المطور إلى جدول زمني معقول ومن ثم الاحتفاظ بها. عندما تتعرف على مطور ، من المأمول أن تجد طريقك لتكون "عامل معجزة".
او أسوأ:
"يعتقد المطور أنهم مصممون!"
إنه أمر سيئ بما فيه الكفاية عندما يبدو أن المطورين يرفضون ببساطة رؤية وجهة نظر المصمم ، ولكن عادة ما يمكن التوفيق في هذا الاختلاف في الرأي (عادة بواسطة مدير مشروع جيد). ومع ذلك ، عندما يعتقد المطور أنهم يعرفون المزيد عن التصميم عن المصمم ، يمكن أن تشتعل القلاقل.
القضية
اضطررت إلى التعامل مع أكثر من مطور واحد قرأ مقالا بقلم جاكوب نيلسن ثم أراد أن يحاضرني حول ممارسة التصميم الجيد في منتصف الاجتماع. وهذا لا يُظهر عدم احترام المصمم فحسب ، بل يبطئ من المشروع كما يترتب على ذلك النقاش.
حل
إن العمل مع مطوري المعرفة أمر صعب ، وتعتمد طريقة التعامل مع هذه المواقف على حجم الأنا الذي تتعامل معه. عموما ، أجد من الأفضل أن أستمع إلى ما يقولونه ، ثم إذا كان لديهم نقطة ، اعترفوا بها وواصلوا. تجنب الجدال معهم إن أمكن .
غالبًا ما تكون شكواهم حول "قاعدة" تصميم تم كسرها. لا تخف من الاعتراف بأنك اخترقت قاعدة - وهذا ما يفعله المصممون المبتكرون - ولكن تأكد من أنه يمكنك تبرير سبب كسره للقاعدة.
عندما أجد نفسي في هذه الحالة ، أعتقد أني سأعود إلى أيام المراجعة في مدرسة التصميم ، عندما اضطررت للدفاع عن عملي ضد بعض الانتقادات الوحشية. كانت هذه الجلسات غالبًا ما تكون كدمات للغرور ، ولكن علموني كيف أدافع سريعًا عن قراراتي في الوقت الذي أبقى فيه هادئًا.
قد يبدو من المهين أن تضطر إلى تبرير قراراتك باستمرار ، ولكن كلما أظهرتم "الطريقة في جنونكم" ، كلما وجدت أن زملائك يقدرون ثقتكم ويثقون بها .
مكتوبة حصرا ل WDD من قبل جايسون كرانفورد تيج .
مضايقات الحيوانات الأليفة التي لديك مع المطورين؟ نود معرفة المزيد عن هذا ، يرجى مشاركة تعليقاتك أدناه.