في عالم التصميم الرقمي، غالبًا ما ننشغل بالواجهة الرسومية والصور الجذابة. لكن المادة الحقيقية التي نعمل بها هي الكود. ومثلما يصر المهندس المعماري على أن الشكل يتحدد بالمادة والموقع والغرض، نرى أن المصممين الرقميين يجب أن يبنوا تصاميمهم في «مادة» المنتج النهائي: الكود.
التصميم بالصور مقابل الواقع الديناميكي
ملف التصميم الذي نعده في أدوات مثل Figma هو مجرد رسم. إنه يظهر حالة واحدة، بعرض واحد، بلغة واحدة، مع البيانات التي يكتبها المصمم. لكن المنتج الحقيقي هو كل حالة أخرى: عندما يكون النص أطول من الصندوق، أو لا يتم تحميل الصورة، أو تكون القائمة فارغة، أو يستغرق الطلب وقتًا طويلاً، أو يتصفح المستخدم باستخدام لوحة المفاتيح، أو عندما يكون عرض الشاشة 320 بكسل فقط. كل هذه ليست حالات هامشية لمن تحدث له.
عندما يكون ملف التصميم هو «مصدر الحقيقة»، تُترك كل هذه الفجوات لقرار المطور الذي يكتب الكود، بعد الانتهاء من التصميم، وعادةً بدون نقاش مع المصمم. يؤدي هذا إلى تباعد بين ملف التصميم والمنتج الفعلي، ويستمر ملف التصميم في الظهور في المراجعات وكأنه هو المنتج.
الذكاء الاصطناعي يغير قواعد اللعبة
لقد تغير الأمر الآن. عندما يصبح الكود هو مصدر الحقيقة، يتم مراجعة النموذج الأولي في الكود مباشرةً. لا يزال ملف التصميم موجودًا، لكن وظيفته تقتصر على أن يكون مرآة، حيث يتم إنشاؤه من الكود بعد كل تعديل، وليس العكس.
كان الجدل القديم حول «يجب على المصممين تعلم البرمجة» يعني تعلم HTML وCSS وJavaScript. لكن هذا الجدل قد انتهى الآن، لأن الذكاء الاصطناعي يكتب الكود. يمكن للمصمم وصف الشاشة وحالاتها وأرقامها، وتقوم النماذج الذكية بكتابة الكود. يصوب المصمم النتائج من خلال النظر إليها وقول ما هو خاطئ، بالطريقة التي يصوب بها المهندس المعماري الموقع، لا بإعادة بناء الطوب بنفسه.
تتجه قراءة الكود في نفس الاتجاه أيضًا. لا يزال الأمر مفيدًا، ولكن أدوات مراجعة الكود المدعومة بالذكاء الاصطناعي تتحسن بسرعة. في أحد المعايير هذا العام، اكتشف أفضل مراجع 84 من 122 خطأً حقيقيًا مأخوذة من قواعد أكواد إنتاجية مثل Sentry وGrafana. هذا لا يعني أن الآلة حلت محل المراجع، بل يعني أن المصمم لم يعد بحاجة إلى أن يكون هو المراجع بالضرورة، ولكن مهندس البرمجيات هو من يتحمل مسؤولية النظام النهائي.
ما يجب على المصممين تعلمه اليوم
ما لا يمكن للذكاء الاصطناعي أن يوفره لك هو فهم «المادة» الحقيقية. سيكتب الذكاء الاصطناعي ما تصفه، بما في ذلك الأشياء التي يتعامل معها الوسيط بشكل سيء، وسيقوم بمراجعة الكود مقابل الكود، وليس مقابل ما يحتاجه المستخدم النهائي. يتطلب الحكم على ذلك شخصًا يعرف المادة.
إذًا، ما الذي يجب على المصمم تعلمه بدلًا من بناء الجملة البرمجية؟ يجب أن يتعلم المصمم ما يلي:
- كيف يتدفق التخطيط: ما الذي يلتف، وما الذي يتمدد، وما الذي يرفض الانكماش.
- ما هي الحالات الموجودة: فارغ، جار التحميل، جزئي، فشل، غير متصل بالإنترنت.
- شكل البيانات، بما في ذلك ما يحتفظ به الحقل عندما لا يحتفظ بأي شيء.
- ماذا تتطلب رحلة إلى الخادم وما هو مجاني على الجهاز.
- ما الذي يعلنه قارئ الشاشة فعليًا على شاشتك.
- كيفية تشغيل المنتج على جهازك الخاص، بدون مساعدة.
- كيف تطلب من الذكاء الاصطناعي شرح تغيير ما بكلمات بسيطة.
لا يتطلب أي من هذه الأمور كتابة الكود، لكنها جميعًا تتطلب قضاء الوقت في فهمه. ما يحدد الشكل هو الغرض والموقع والمادة. ومادتنا لم تتغير؛ إنها لا تزال الكود، ولا تزال هي التي تحدد ما يمكن أن تكون عليه الشاشة. ما تغير هو أننا لم نعد مضطرين لحمل الإزميل بأنفسنا لنتعلم ما يمكن قطعه.
المصدر: uxdesign.cc