البرمجة للمصممين - إلى أي مدى يجب أن نعرف؟

خذ شيئًا تتفوق فيه ثم ادفع نفسك أكثر.

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

يعتقد العديد من المصممين أن المصممين والمطورين بحاجة إلى التعاون ، ولكن يجب أن يلتزم كل تخصص بما يعرفونه. لا يرى آخرون أي مشكلة مع المحترفين الذين يرتدون قبعات متعددة. يرى العديد من المطورين المصممين الذين يرمزون إلى تهديد ، بينما يرى الآخرون أنهم متعاونون مرحب بهم تعلموا التحدث بلغتهم.

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

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

كما ذكر آرون والتر ، نائب رئيس تعليم التصميم في InVision ، في مقال Toptal Design Talks: "لن يقتل المصمم إذا كان يعرف القليل عن كيفية كتابة بعض HTML و CSS ، وربما القليل من JavaScript."

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

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

فوائد معرفة أساسيات HTML و CSS

سيستفيد المصممون بشكل كبير من اكتساب بعض المعرفة التأسيسية لما يسمى "الواجهة الأمامية" (طبقة العرض التقديمي) التي يقودها HTML (Hyper Text Markup Language) و CSS (Cascading Style Sheets ، وهي لغة تصف أنماط المكونات في مستند HTML) ، وربما يفاجأ بمدى سهولة تعلم الأساسيات.

لا يتضمن HTML و CSS منطق البرمجة. يرمز الحرف M في HTML إلى "العلامات" ، وهي طريقة لوصف البنية المشفرة لعناصر الصفحة التي تشكل اللبنات الأساسية للصفحات. HTML مع CSS و JavaScript ، يشكلان ثالوثًا من التقنيات التأسيسية لشبكة الويب العالمية.

في مصطلحات الشخص العادي ، HTML هي خريطة معمارية تخبر المتصفح بما يجب عرضه ، و CSS ، أو أوراق الأنماط المتتالية ، هي الكود الذي يخبر المتصفح بكيفية عرض الأشياء.

من الناحية المجازية ، إذا كان HTML هو الهيكل العظمي للصفحة ، فإن CSS تصف الارتفاع وشكل الجسم والجلد ولون العين ولون الشعر وما إلى ذلك. تحتوي اللغة على بنية رمز بسيطة للغاية تحدد الطباعة والألوان والمواضع والأبعاد .

فهم الكود وكيفية البرمجة هو فهم البكسل

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

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

JavaScript للواجهة الأمامية ومعرفة Ajax كيف تجعل المصمم أصلًا فريدًا

هذا هو المكان الذي يمكن أن تبدأ فيه الأمور بالتعقيد ، ولكنه أيضًا المكان الذي يحدث فيه الكثير من المرح. إذا كان المصمم مفكرًا تحليليًا ، أو لديه دوافع استثنائية ، فسيحصل على الكثير من تعلم JavaScript و Ajax (Asynchronous JavaScript و XML). لماذا ا؟

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

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

يمكن للمصممين الانتقال إلى المستوى التالي باستخدام أساسيات JavaScript

على الرغم من أن المصممين يمكن أن يتوقفوا هنا ويتم تنفيذ النهاية الخلفية (طبقة الوصول إلى البيانات) من قبل المطورين ، إلا أنه يمكنهم جعل التصميم أكثر ديناميكية عن طريق إضافة بعض البرامج النصية. أدخل JavaScript (لغة برمجة نصية) ، وهي لغة برمجة للويب.

في أوائل العقد الأول من القرن الحادي والعشرين عندما كان الويب لا يزال يتطور ، تركت وكالات مثل Fantasy و Firstborn انطباعًا كبيرًا في مجتمع تصميم الويب عندما استفادوا من JavaScript بطرق غير عادية ومبتكرة وخلاقة.

يمكن لـ JavaScript تحديث وتغيير كل من HTML و CSS ، ويمكنها حساب البيانات ومعالجتها والتحقق من صحتها. يمكن استخدامه لعرض التفاعلات الديناميكية ، وتحريك العناصر ، وإنشاء اتصال سريع الاستجابة مع النهاية الخلفية أو الخادم ، والمزيد.

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

سيؤدي تعلم البرمجة إلى تحسين التعاون مع المطورين

هل ستكون العلاقات الرومانسية أسهل إذا تمكن الرجال والنساء من قراءة أفكار بعضهم البعض؟ يعتقد بعض الناس ذلك. نفس الشيء ينطبق على المصممين والمطورين.

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

سيشاهد المصممون الذين يرمزون المزيد من فرص العمل

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

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

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

هل يجب أن يتعلم المصممون البرمجة؟

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

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

على نحو متزايد ، تشتمل المزيد والمزيد من فرص العمل في مجال التصميم على "الأشياء الجيدة" مثل تطوير الويب الأساسي ومهارات النمذجة الأولية باستخدام HTML و CSS و JavaScript. لكل مصمم أن يقرر مقدار ما سيضطلع به ؛ من الواضح أن هناك حاجة.

هل ستقضي منظمة العفو الدولية على مطوري الواجهة الأمامية؟

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

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

إتقان البرمجة للمصممين سيعزز الوظائف

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

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

يجب على المصممين البرمجة؟ ربما وربما لا. لكن المصممين الذين يبرمجون ، أو على الأقل يبرهنون على معرفة عميقة بالتقنيات المختلفة ، سيصبحون رصيدًا كبيرًا لأي فريق متعدد التخصصات ، وسيؤتي ثماره بالتأكيد على المدى الطويل.

مزيد من القراءة على مدونة Toptal Design:

• مبادئ تصميم تجربة المستخدم المحمولة وأفضل الممارسات
• تصميم Mobile UX - أفضل الممارسات والقيود والعمل مع المطورين
• التصميم متعدد الثقافات ودور تجربة المستخدم
• مبادئ التصميم وأهميتها
• أفضل مجموعات مصممي UX - أمثلة ودراسات حالة ملهمة