스크립트
00:00:00لنبدأ العمل. أهلاً بالجميع، وشكرًا لحضوركم. اسمي بول، وسأحاول
00:00:21أن أنقذكم من خمول منتصف النهار. دعونا نرى إن كان بإمكاننا فعل ذلك. إذًا، هذه المحادثة، هذه البداية الحماسية
00:00:29ستكون أكثر منطقية إذا كنتم تعلمون ما هي أداة impeccable، ولكن إن لم تكونوا
00:00:35تعلمون ما هي، فهي مهارة تصميم تحول بيئة البرمجة الخاصة بك إلى مصمم أفضل،
00:00:39ونأمل أن تحولك أنت أيضاً إلى مصمم أفضل، ويمكنك تجربتها. فهي تعمل
00:00:43عبر جميع البيئات، مثل Cloud Code وGitHub Copilot وCursor وCodex، وما إلى ذلك. وهدف هذه المحادثة حقاً
00:00:51هو الحديث عن نهجي في بناء هذه الأداة بدلاً من التركيز على الأداة نفسها. ولكن دعونا
00:00:59نبدأ بموقع ويب نموذجي إلى حد ما. إذن هذا موقع ويب بسيط للغاية عن قصد،
00:01:05وأريد أن أمنحكم إياه كخلفية لما سأعرضه عليكم بعد قليل. إذن، كما تعلمون، هو
00:01:11موقع ويب مقبول. ليس رائعاً. بل باهت بعض الشيء، ولكنه يحتوي على بعض الألوان على الأقل.
00:01:19إذن إليكم الأمر الآن، اجعله أكثر جرأة، اجعل قسم سير العمل أكثر جرأة، باستخدام impeccable. هكذا يبدو الأمر بعد تثبيت impeccable. الآن، هناك، الأمر ليس مثالياً. فهناك بعض المشكلات هنا. على سبيل المثال، أرقام الأقسام الموجودة هناك، وهي علامة واضحة جداً على نمط الذكاء الاصطناعي
00:01:41الذي يحب GPT فعله. وفي الواقع، يحب Claude فعل ذلك أيضاً.
00:01:48وهو يظهر أحياناً. لذا، لا يمكنني القول إن هذا مثالي بأي حال من الأحوال، لكني أعتقد أنه، يمكن القول، أصبح أكثر جرأة من ذي قبل.
00:01:54الآن، الكثير من الناس يقومون بتثبيت impeccable، ويجربونه، ثم يسألونني: حسناً، كما تعلم، ربما يكون الأمر مجرد تأثير وهمي (placebo). ربما يكون النموذج جيداً بما فيه الكفاية بمفرده، أليس كذلك؟ لست متأكداً مما إذا كان يعمل حقاً. حسناً، دعونا نقارن ذلك بـ، هذا نفس المشروع تماماً، باستخدام GPT 5.5 على مستوى عالٍ جداً، وبنفس الأمر تماماً ولكن بدون impeccable.
00:02:16لذا، هناك اختلاف طفيف أود القول، ولكنكم الحكام في ذلك. إذن، الحالة قبل وبعد مختلفة تماماً، وسأتحدث عن سبب ذلك وما هو النهج المتبع.
00:02:35لذا، التصميم بسرعة الصفات، ولإزالة الفيل من الغرفة، فهي ليست مجرد صفات، بل هي أيضاً أفعال.
00:02:44ولكن بعضها صفات.
00:02:49أولاً وقبل كل شيء، فإن أدوار المهندس والمصمم تندمج ببعضها. لقد رأيت المزيد من الأشخاص يتحولون إلى مهندسي تصميم أكثر من أي وقت مضى. فالصانعون ينتقلون إلى البرمجة، والمهندسون ينتقلون إلى التصميم، والعكس صحيح.
00:03:02بعض أفضل التعليقات التي أتلقاها من الأشخاص الذين يقتربون مني ويقولون، حسناً، إن impeccable يمنحني هذه اللغة المشتركة للتصميم التي يمكن للجميع التواصل بها الآن.
00:03:11ولكن حقاً، تتصادم كل هذه العوالم في رأسي، وعملية التسليم التقليدية أصبحت شبه معطلة. مثل عملية الشلال المتمثلة في أنني أبدأ بالتصميم، وربما أبدأ بما يتعلق بجانب مدير المنتج (PM)، ثم ينتقل إلى التصميم، ثم تحدث عملية التسليم وعملية النقد هذه، وفي النهاية، يبنيها المهندس.
00:03:30إذن، هذا لم يعد واقعياً على الإطلاق. لا أعرف عنكم، لكني أعتقد أن ذلك بدأ يتداعى بسرعة كبيرة في الشركات الصغيرة والكبيرة.
00:03:41وعندما يتعلق الأمر بعمل التصميم الفعلي، أشعر أن هناك، في الوقت الحالي، نوعاً من عالمين يمكنك اللعب فيهما.
00:03:48إما التلاعب المباشر، نوعاً ما في مساحة البكسل، أليس كذلك، أي أنك في Figma وتقوم بتعديل الهوامش، والحشوات، أياً ما كانت، أو أنك في Webflow أو في أي أداة أخرى تقوم فيها بالتلاعب المباشر بالناتج النهائي أو التصميم.
00:04:04الآن، هذا جيد، ولكنك تشعر بعد ذلك أنك متخلف عن الركب لأن كل شخص آخر يعتمد على الوكلاء (agentic) ويقوم بأشياء جنونية مع الحلقات والتكرار الأقصى، أليس كذلك؟
00:04:13والآن تذهب إلى النقيض الآخر، وهو ببساطة إخبار وكيلك الذكي، من فضلك صمم هذا لي أو من فضلك قم ببنائه.
00:04:18ولكن يبدو لي، على الأقل، أن هناك هذه المنطقة الوسطى التي لم نستكشفها بما فيه الكفاية.
00:04:24مثل، ما هو المستوى الدقيق للتحكم؟ كيف يمكننا إدراج العنصر البشري في الحلقة في الوقت المناسب تماماً؟
00:04:32ولذا، خطر هذا ببالي حينها. لقد كانت تغريدة مشهورة جداً منذ فترة.
00:04:38إذن، توسيط فرق (diff) باستخدام Opus، نعم، ليس استخداماً رائعاً لـ Opus.
00:04:44ولكن، كما تعلمون، إنه يعبر بطريقة ما عن تلك المشكلة. وكأننا نقول، متى نستخدم أي أداة؟
00:04:51متى تكون أي أداة مناسبة لأي مهمة؟
00:04:56في رأيي، في الوقت الحالي، بالنسبة لمعظم الأعمال، فإن التلاعب المباشر بالحشو، والهوامش، والتباعد، وما إلى ذلك،
00:05:03هو في الواقع على مستوى منخفض للغاية.
00:05:08ومن ناحية أخرى، إذا ذهبت باتجاه الاعتماد الكلي على الوكلاء، فستحصل على صفحات ويب مثل هذه.
00:05:15الآن هذه ستحصل عليها في حوالي عام 2022، أود القول.
00:05:17لذا، يمكن للجميع هنا الإشارة إلى الأنماط النموذجية الرديئة للذكاء الاصطناعي.
00:05:21ولكن التدرجات الأرجوانية تجاوزت ذلك بكثير في الواقع.
00:05:24لم تعد هناك تدرجات أرجوانية في معظم النماذج الرائدة.
00:05:28الآن نحصل فقط على هذا، وهو يرتدي بذلة مختلفة نوعاً ما، كما قد يقول Claude.
00:05:33ولكنه في الواقع محتوى رديء أيضاً.
00:05:37إنه مجرد هدف متحرك.
00:05:39لذا، أصبح لدينا الآن ما أسميه البيج الخاص بـ Claude، ولدينا هذه الخطوط ذات Serif، ولدينا الخط المائل.
00:05:44وهو ليس تصميماً سيئاً بالضرورة.
00:05:46بل كل ما يأتي من تصميم Claude يظهر بهذه الطريقة.
00:05:49وعندما يبدو كل شيء متطابقاً، فإنك تحصل على ما أسميه يونيكلو الخوارزمي (algorithmic Uniqlo).
00:05:55لذا، فهو ليس رائعاً أيضاً.
00:05:57والآن، إليكم وجهة نظري الجريئة الأولى لجلسة اليوم.
00:06:01لا يمكنك تصميم شيء من محاولة واحدة (one-shot).
00:06:04الآن، يريد الكثير من الناس ذلك، وربما سنصل إلى هناك في النهاية.
00:06:08فقط لا أعتقد أن ذلك ممكن في الوقت الحالي.
00:06:11ورربما لن يكون ممكنًا أبداً.
00:06:13أعتقد أنه لكي تبني شيئاً يبدو ويشعر حقاً بأنه رائع وذو تصميم فعال،
00:06:19يجب أن يكون لديك شيء غني بالسياق، وقد تم إثراؤه بما تحاول القيام به،
00:06:26وما هو جمهورك، وما تحاول بناءه.
00:06:28وأيضاً، يجب أن يكون متعدد المحاولات (multi-shot).
00:06:31سيتعين عليك تحسين تصميمك مراراً وتكراراً.
00:06:33وأنت، أعني، حتى لو كنت رائد أعمال منفرداً، ولكن إذا لم تكن كذلك،
00:06:38فقد يكون لديك أشخاص مختلفون لديهم آراء مختلفة.
00:06:40المستخدمون لديهم آراء.
00:06:41أعني أن التصميم فوضوي.
00:06:42إنه عملية.
00:06:43وتمني زوال ذلك والقول ببساطة، حل هذه المشكلة من أجلي ايها الوكيل،
00:06:48لن يحل مشكلتك لسوء الحظ.
00:06:51الآن، المشكلة الأخرى هي أنه إذا كنت لا تعرف لغة التصميم،
00:06:57أو إذا كان أصحاب المصلحة لديك لا يعرفون لغة التصميم،
00:07:00فسيصبح الأمر محبطاً حقاً وبسرعة كبيرة أيضاً.
00:07:02لذا، إذا كنت قد صممت شيئاً من قبل، فأنت تعرف هذا النوع من التجربة نوعاً ما.
00:07:06ثم، كما تعلمون، يتراكم هذا الشعور الداخلي بالتردد، ممم.
00:07:11وفي مرحلة ما، تقول، آهه.
00:07:16لذا، حقاً، ما يجب أن تسأله أولاً هو، ما هي المنطقة العاطفية؟
00:07:20كيف يجب ألا يبدو هذا أبداً؟
00:07:22ما هو المرجع؟
00:07:23من هو الجمهور؟
00:07:24هذه كلها أسئلة مهمة حقاً يجب معرفتها.
00:07:27مثل، لا يمكنك الذهاب إلى استوديو تصميم بشري، حتى لو كان أفضل استوديو تصميم في العالم،
00:07:33وتذهب إلى مدير تصميم، وتقول له، أتعلم ماذا؟
00:07:36أريد تصميماً لعلامتي التجارية.
00:07:38ويومئ مدير التصميم برأسه.
00:07:39وكأنه يقول: فهمت.
00:07:41ثم يبتعد.
00:07:42هذا لا يملك أي معنى.
00:07:44مثل، من الواضح أنهم بحاجة إلى معرفة ما تحاول بناءه
00:07:47وما تحاول تحقيقه منه.
00:07:50 والأهم من ذلك، في هذا المثال، حتى نوعاً ما نسخة 2026 من محتوى الذكاء الاصطناعي الرديء،
00:07:55كما تعلمون، عرض تقديمي تم برمجته بالعواطف بسرعة، لم يقرر أحد أي شيء هنا.
00:08:00مثل، لقد قمت بهذا بمحاولة واحدة فقط.
00:08:02لم يقرر أحد أي شيء على هذه الصفحة.
00:08:05كان هذا فقط، أعني أنه قد يكون كفؤاً، ولكنه فارغ تماماً.
00:08:10لذا، فإن أطروحتي التي أطرحها هنا، وما كنت أُحاول بناءه خلال الشهور القليلة الماضية،
00:08:17هي أداة تمنحك القدر المناسب من التحكم اللازم لتوجيه وكيلك في الاتجاه الصحيح،
00:08:23باستخدام الصفات والأفعال.
00:08:26وهذه هي أنواع الكلمات التي أتحدث عنها.
00:08:29أنا أتحدث عن كلمات مثل، اجعل هذا أكثر جرأة، اجعل هذا أهدأ.
00:08:32استخلص هذا.
00:08:33لذا، أساساً، التبسيط.
00:08:35قم بصقل هذا.
00:08:36اجعله أكثر كثافة أو قم بتقويته.
00:08:39التقوية، على سبيل المثال، تعني التأكد من أن هذا التصميم يعمل بشكل شامل.
00:08:44ربما يكون الأداء سيئاً على أجهزة معينة.
00:08:46ربما لا يكون متجاوباً (responsive).
00:08:48ولذا، هذه هي الكلمات التي نستخدمها في عالم التصميم.
00:08:54وقد لاحظت، عند رؤية شخصين يحاولان القيام بنفس المهمة تماماً،
00:08:58وأحدهما مهندس لم يمس التصميم حقاً على الإطلاق،
00:09:01والآخر مصمم،
00:09:03هناك فرق صارخ، حتى عند استخدام نفس النموذج ونفس بيئة العمل وكل شيء،
00:09:08في النتيجة التي يحصلون عليها بناءً على اللغة التي يستخدمونها.
00:09:11لذا، لقد كنت أُحاول وضع تلك اللغة، أساساً، ضغطها في مهارة
00:09:18وفي نظام لنكون قادرين على التعبير عن أنفسنا بشكل أفضل.
00:09:22ولذا، على سبيل المثال، قد يكون لديك أساس هنا،
00:09:27ولكنك تجعله أكثر جرأة،
00:09:28والوكيل يعلم بالفعل ما تعنيه كلمة أكثر جرأة في سياقك.
00:09:32أنت تجعله أهدأ.
00:09:33إنه يعرف ما يعنيه ذلك.
00:09:34أنت تستخلص، وهو يعرف ما يعنيه ذلك.
00:09:36ولكن إذن، كيف يكون أكثر جرأة؟
00:09:42ماذا تعني كلمة أكثر جرأة في سياق مشروعك؟
00:09:44هذا سؤال مهم حقاً،
00:09:46لأنه، كما يمكنك أن تلاحظ في بداية العرض التوضيحي،
00:09:49في البداية الحماسية،
00:09:51عندما تطلب فقط من GPT أو Claude أو أياً كان، اجعل هذا أكثر جرأة،
00:09:55فإنه لا يعرف شيئاً عما تقصده.
00:09:57الآن، لديه حسّه الخاص من المراجع عما يمكن أن تعنيه كلمة أكثر جرأة،
00:10:01ولكنه سيفعل ما يحلو له، أليس كذلك؟
00:10:03سيبتكر ألواناً جديدة.
00:10:05سيبتكر ألواناً جديدة.
00:10:06سيبتكر تدرجات جديدة.
00:10:07سوف — أعني، لا يهم.
00:10:10ما يعنيه ذلك بالفعل في impeccable، ليس تدرجات، وليس زجاجاً، وليس نيوناً،
00:10:17بل التدرج الهرمي، والمقياس، والخطوط الحاسمة،
00:10:20بحيث لا تكسر أشياء نظام التصميم الخاص بك
00:10:24وترفع بالقدر المناسب الاهتمام الذي يضعه المستخدم عليها.
00:10:29وهذه جملة فعلية من الملف يتم تحميلها عندما تقول أوضح وأتقن.
00:10:38أرِ شخصاً عملك وقل له، مهلاً، لقد جعلت هذا أكثر بروزاً.
00:10:42أنا أجعل هذا أكثر بروزاً.
00:10:43إذا صدقوك، فأنت قد فشلت.
00:10:45لذا فهذا شيء نُوجه الوكيل فعلاً للقيام به بأنفسهم.
00:10:49 وغالباً ما يعكس الوكيل ذلك ويقول، أمم، لست أدري.
00:10:54أعتقد أنني قمت ببعض العمل السيء هنا.
00:10:57الصفة هي كلمة خفيفة.
00:11:00وكلمة خفيفة، مثل هذا المصطلح الألماني، وتحدث مات بوكوك عن هذا مؤخراً،
00:11:06وهو أيضاً يصنع بعض المهارات الرائعة حقاً.
00:11:08ولذا فقد تمت سرقة هذه الفكرة من إحدى تغريداته.
00:11:11لكنني أعتقد حقاً أنها منطقية للغاية.
00:11:15هذه هي الكلمات التي تضفي عليها المعنى أساساً، والتي تحشوها بالمعنى،
00:11:21وهي تعني شيئاً ما.
00:11:22إنها تعني شيئاً بالفعل بالنسبة للنموذج،
00:11:24ولكنك بعد ذلك تترجم هذا إلى المجال الذي تهتم به.
00:11:29والمستوى المناسب يتغير حقاً.
00:11:34الآن، لا أعتقد أنه يمكنك حل أي مشاكل في هذا المستوى.
00:11:39هذا مهم جداً أيضاً.
00:11:40ما زال هناك متسع للبداية جداً.
00:11:43على سبيل المثال، إذا كنت تريد فقط عملاً استكشافياً وتريد فقط إظهار شيء ما على الشاشة،
00:11:47أو كنت تريد فقط القدر الأخير من اللمسات الأخيرة.
00:11:50لا أعتقد، في الوقت الحالي، أن الذكاء الاصطناعي جيد بما يكفي ليحل محل البشر في آخر 5%، 10%، وربما حتى 20% من العمل
00:11:57للانتقال به من جيد إلى رائع.
00:12:00ولكنه يجعل الأمر أفضل بالفعل.
00:12:04الآن، لقد بنيت أدوات لأكثر من 20 عاماً.
00:12:07أعتقد أنني أفضح عمري هنا.
00:12:10ولكن متى ما بنيت أداة، فإنني أرسم تدفق العمل أولاً.
00:12:13أفكر في ماهية تدفق العمل الفعلي للمستخدم المستهدف الذي أحاول مساعدته.
00:12:17وتدفق عمل التصميم ليس خطياً.
00:12:20إنه فوضوي.
00:12:21له مراحل عديدة مختلفة.
00:12:23وهناك أشخاص مختلفون مشاركون.
00:12:25لذا، لقد حددت كل جزء من العملية وفكرت في،
00:12:28حسناً، ما هي نقاط الحقن على طول هذا المسار؟
00:12:31وكيف يمكننا المساعدة على طول هذا المسار؟
00:12:34ولذا، تبدأ بالتهيئة، بعملية التشكيل الخاصة بالتصميم.
00:12:38وتنتقل إلى الصياغة، والتكرار، بكل هذه الأفعال والصفات،
00:12:44ثم إلى مرحلة التحصين والصقل الفعلية.
00:12:46وأخيراً، تعيد جلبها إلى نظام التصميم الخاص بك.
00:12:49تقوم ببعض التنظيف التقني والتنظيف الخاص بالتصميم.
00:12:53الآن، إليك مثال واحد لأمر لم أكن متأكداً حقاً من إطلاقه.
00:12:58وهو يسمى التجاوز.
00:13:01لقد بنيت هذا الأمر أساساً في إمبيكابل والذي يحاول إنشاء شيء مبالغ فيه تماماً.
00:13:08وكان الأمر أشبه بنصف مزحة، ربما؟
00:13:11لكن الناس مستئلون تماماً بشأن هذا، بشأن هذا الشيء.
00:13:15وهم يحبونه.
00:13:16ولذا، فهذا مجرد مثال واحد، أعني، هذا ليس من ضربة واحدة.
00:13:20هذا نوع من مضلل أفق الحدث الواقعي الذي بنيته لمكتبة التظليل الخاصة بي، التظليلات المشعة.
00:13:28ولكنني استخدمت فعلاً أمر التجاوز لهذا لتجاوزه أكثر.
00:13:33وجعله أكثر سخافة.
00:13:34لذا، أحياناً أتوصل إلى هذه الأوامر التي لست متأكداً منها حقاً.
00:13:38وأقوم بارتبارتها مع المجتمع.
00:13:39وبمجرد أن يلتصق، أدرك، حسناً، هناك المزيد من الأشخاص الذين يستمتعون بهذا.
00:13:44أوه، ها نحن ذا.
00:13:49ها نحن ذا.
00:13:50حسناً.
00:13:51صفة بدون أي شيء خلفها هي مجرد موجه أفضل.
00:13:54لذا، يجب عليك حقاً إخبار الوكيل بما تقصده بالكلمة التي تستخدمها.
00:13:59لديها الكثير من المعاني المختلفة ضمن مواد تدريبها لدرجة أنه يجب عليك إخباره حقاً.
00:14:05الآن، إليك شيء آخر.
00:14:08لقد تلقيت العديد من الطلبات للحصول على طريقة تلقائية لاستخدام إمبيكابل.
00:14:14كثير جداً.
00:14:16إنه أمر محبط للغاية.
00:14:17مثل، مرة واحدة في الأسبوع على الأقل، يقوم شخص ما بمراسلتي عبر تويتر ويقول، أتعلم ما سيكون رائعاً؟
00:14:21فقط دع إمبيكابل يقوم بكل العمل بمفرده.
00:14:24لا داعي لأن أقرر بشأن أي أوامر بعد الآن.
00:14:26تلك ليست النقطة.
00:14:27النقطة هي أن نمنحك طريقة لتوجيه ما تريد أن ينتهي بك المطاف إليه.
00:14:31لن تكون أبداً أداة لتصميم بضربة واحدة.
00:14:34هذا ليس القصد.
00:14:36ولن أبداً -- أعني، هناك طلب سحب معلق الآن لن أقوم بإغلاقه بسبب ذلك.
00:14:41لا يوجد تلقائي ولن يكون هناك تلقائي.
00:14:46في رأيي -- وهذا أمر محرج بعض الشيء ربما لبعض المتحدثين التاليين -- لكنني أعتقد أن الذوق لا يمكن تضخيمه.
00:14:54عذراً، أعتقد أن الذوق يمكن تضخيمه.
00:14:56أعتقد أنني أسمي هذا الحرفة المضخمة.
00:14:58وأعتقد أنه يمكنك العمل مع الأدوات لشحذ ذوقك وإبراز المزيد منه.
00:15:04لا أعتقد حقاً أنه يمكن زراعته في المختبر.
00:15:07أعتقد أن الذوق بحكم التعريف هو سياقي نوعاً ما.
00:15:12إنه ثقافي.
00:15:13إنه نادر.
00:15:15وبمجرد أن ينسخ الجميع نفس الشيء، يبدأ في أن يصبح غامضاً حقاً.
00:15:20ولا نعتبره ذوقاً بعد الآن.
00:15:23هذا رأيي.
00:15:24أعلم أن هذا يبدو وكأنه موضوع محتدم للغاية، لكنني لا أُحاول فرض ذوقي باستخدام أدواتي.
00:15:32هذا ما لدي.
00:15:33كان هذا يدور حول العثور على المستوى المناسب من التحكم للتصميم.
00:15:36شكراً جزيلاً لك.
00:15:37وأعتقد أن لدي وقتاً لبضع أسئلة إذا كان لديكم أي منها.
00:15:40شكراً لك.
00:15:54سنراكم في المرة القادمة.
커뮤니티 글
아직 글이 없습니다. 이 영상에 대한 첫 번째 글을 작성해 보세요!
이 영상에 대해 글쓰기