Claude and GPT compete to design my Website
تحب تدعم البث؟ عضوية «داعم» على يوتيوب بـ 60 جنيه في الشهر: شارات، إيموجي، وأسئلتك بجاوبها الأول في البث. اشترك كداعم
الخلاصة
يركّز البث على إعداد موقع Burnish بوصفه جزءًا مبكرًا من استراتيجية الوصول إلى السوق: صياغة جوهر العلامة ورحلة العميل، وإيصال قيمة المنتج خلال ثوانٍ، واختبار رسائل صفحات الهبوط وجمع العملاء المحتملين قبل اكتمال التطبيق. يقارن لقمان عمليًا بين Claude وGPT وCodex في العصف الذهني والتخطيط والتنفيذ، ويستخدم مراجع بصرية وتسجيلات شاشة وحَكَمًا مطّلعًا على السياق، مع تأكيد أن تفضيلاته وانطباعاته عن جودة النماذج وكفاءتها ليست اختبارات عامة. شمل العمل مراجعة الهوية والألوان والشعار المؤقت، ومحاولة موازنة الحركة الجريئة مع وضوح الغرض، واستكشاف Remotion وتوليد الصور والفيديو من دون توثيق نتيجة نهائية مكتملة. وناقشت أسئلة الجمهور التسعير والاشتراكات والعروض المجانية، واختيار السوق، والنماذج المحلية وأمان الأدوات، وأفكارًا تجارية مثل روبوت التداول، مع التشديد على التحقق من الطلب والهوامش واكتساب العملاء بدل الاكتفاء بالبناء. وتناول نقاش استكشافي منفصل مشروع محطة الضبعة النووية المصرية قيد الإنشاء، وصلته التي قيل إنها بشركة روساتوم الروسية، وموعدًا متداولًا آنذاك لبدء أول محطة أو وحدة من أصل أربع إنتاج الكهرباء في 2028؛ وهي معلومات وردت في الحديث ولم تُتحقق بصورة مستقلة. بقيت قرارات مثل بوابة البريد أو العربون، وبعض أدوات المبيعات، والتصميم النهائي، وعدد من التجارب التقنية غير محسومة، كما استمر تشخيص تقطّع البث وتأخر الترميز من دون حل مؤكد.
78 لحظة من البث
- 3:15:39
تشخيص مخرجات GPT ومقارنتها بـClaude
حاول لقمان تشخيص مشكلة في مخرجات GPT بعد إشارة إلى التحقق عبر لقطات Chrome، لكنه رأى أن النتيجة المرئية ما زالت غريبة وغير مكتملة رغم ادعاء انتهاء العمل. عبّر، في هذه التجربة تحديدًا، عن تفضيل قوي لمخرجات Claude واقترح مواصلة العمل به؛ ولا توثق المقاطع إصلاحًا ناجحًا.
- 3:24:26
إضافة مساحة مخصصة لاستراتيجية الوصول إلى السوق
اقتراح إنشاء قسم تسويقي مستقل داخل مركز العمل لتنظيم استراتيجية الوصول إلى السوق، ومسارات الاستقطاب، والمجموعات، والمقابلات، وبيانات الاستخدام بما يناسب كل مشروع.
- 3:26:19
مقارنة نتائج GPT وClaude في تصميم قسم الواجهة
مقارنة عملية لنتيجتين صُممتا من مهمة وتسليم متقاربين. توقّع المتحدث أولًا تفوقًا كبيرًا لـClaude، ثم عدّل تقييمه بعد المعاينة: النتيجة كانت أفضل بدرجة محدودة، وكان أبرز فارق ظاهر هو التحريك، لا القفزة الكبيرة المتوقعة.
- 3:28:15
هل يخطط Claude وينفذ Codex أم يتولى Codex المهمتين؟
نقاش مؤهل حول تسليم خطة أعدها نموذج إلى نموذج منفّذ: طُرح أن تحدد الخطة ما المطلوب بدل فرض كيفية التنفيذ، مع ترجيح غير محسوم بأن ترك Codex يفكر وينفذ بنفسه قد يكون أفضل من فصل التخطيط والتنفيذ بين نموذجين.
- 3:36:20
استخدام واجهة مرجعية لصياغة مواصفات تصميم أقوى
بعد نتائج وُصفت بالجامدة والضعيفة، اقترح المتحدث دراسة تسجيل واجهة Athena HQ والكود المرتبط بها، ثم إعادة إنتاج مفهوم التأثيرات مع خلفية تناسب هوية العلامة بدل النسخ الحرفي لكل المحتوى. وخلص لاحقًا إلى أن المشكلة كانت في المواصفات والتعليمات أكثر من قدرة Codex على التنفيذ.
- 3:46:06
متى تصبح تفاعلية الموقع مبالغًا فيها؟
راجع Luqman أمثلة بصرية شديدة التفاعلية وأعجب بجودتها، لكنه رأى أن الأسلوب الشبيه بالألعاب قد يشتت الزائر ويكون مبالغًا فيه بحسب المنتج والمنافسين. وأشار إلى أن صفحة SaaS أبسط قد تكون كافية لتحقيق غرضها.
- 3:50:20
تخطيط فيديو لواجهة الموقع
انتقل من الإلهام البصري المتطرف إلى فكرة أكثر هدوءًا: فيديو متكرر في قسم الواجهة مع مقدمة أو محمّل بصري يخدم غرضًا محددًا. طلب تعليمات كاملة يمكن تمريرها إلى Codex بدل خطوات ناقصة أو إضافات مؤجلة.
- 3:55:40
إنشاء مواد تسويقية عبر Remotion داخل Codex
شرح سير عمل يبدأ بجلسة جديدة في Codex وتعليمات دقيقة تستند إلى هوية المشروع وشعاره ووصفه. ثم عرض Remotion كأداة يمكن فتحها داخل Codex لتعديل المواد وإنتاج فيديوهات تسويقية بسهولة أكبر، مع طرح إضافة الصوت كإمكانية غير مؤكدة.
- 3:57:27
تجربة مسار من توليد الصور إلى تحريكها
خطط لاختيار صورة مرجعية وتوليد صورة أفقية مرتبطة بفكرة المشروع، ثم تحريكها عبر Kling باستخدام إطاري بداية ونهاية. قارن بصورة غير حاسمة بين Nano Banana وGPT، ولم توثق المقاطع نتيجة نهائية ناجحة.
- 4:08:23
ابدأ بالحركة الجريئة ثم خفّفها
ينتقد لقمان مخرجًا يبدو كصورة ثابتة، ويطلب حركة محيطية ورسومًا وتفاعلًا مع مؤشر الفأرة. ويشرح فلسفته في التصميم: الوصول أولًا إلى نسخة شديدة الجرأة، ثم تقليل الحركة أو التشتيت لاحقًا إذا لزم، لأن اقتراحات الذكاء الاصطناعي تميل في رأيه إلى التحفظ افتراضيًا.
- 4:12:14
مشكلة تقديرات الوقت في نماذج البرمجة
يعرض لقمان رأيه بأن إصدارًا حديثًا غير واضح الاسم من نموذج برمجي يبالغ أحيانًا في تقدير مدة تنفيذ المهام مقارنة بإصدار سابق، مستندًا إلى تجربته وانطباعات أشخاص سألهم. الحديث ملاحظة شخصية لا اختبارًا منهجيًا.
- 4:13:57
لماذا لا ينبغي الاعتماد على تقديرات الذكاء الاصطناعي للمدة
يقول المتحدث إن تقديرات المدة لم تتوافق مع سرعة التنفيذ الفعلية، لذلك أزال الجدول الزمني الذي ولّده المساعد وأعاد تنظيم مسار العمل حول المجالات.
- 4:15:29
ربط تصميم الموقع بجوهر العلامة
يوضح المتحدث أن قرارات الموقع ينبغي أن تنطلق من جوهر العلامة وبيانها وصوتها، لأن فرض عنصر بصري مبكرًا قد يتعارض مع اتجاه العلامة المعتمد.
- 4:26:18
مراجعة القرارات بين مراحل التنفيذ
يعرض المقطع سير عمل لمراجعة القرارات المعتمدة في مرحلة أولى، والبحث عن أي تداخل مع المرحلة التالية، ثم مناقشة مجموعة القرارات وتثبيتها قبل المتابعة.
- 4:32:30
عندما تطغى الحركة على غرض الموقع
يعجب المتحدث بالموقع كمصدر إلهام بصري، لكنه ينتقد كثافة الحركة لأنها جعلت ما يبيعه الموقع أو يقدمه وهدفه غير واضح؛ ما يبرز الفرق بين الاستعراض التقني والتواصل الفعّال.
- 4:35:39
موازنة الحركة والوضوح في مواقع البرمجيات
يناقش التصميم بوصفه قويًا ومثيرًا بصريًا، لكنه يشير إلى أن المبالغة في الحركة قد تربك الزائر وتجعله يتفاعل مع الموقع بدلًا من التوجه إلى الإجراء أو المنتج المقصود. الرأي المطروح هو أن مواقع البرمجيات تميل عادةً إلى أسلوب أقل صخبًا.
- 4:38:56
انطباع عن تصميم نظيف وقسم رئيسي واضح
انطباع إيجابي موجز عن اتجاه تصميم يبدو نظيفًا، مع لفت الانتباه إلى القسم الرئيسي في الصفحة.
- 4:42:14
وضع الموقع ضمن سير عمل بناء التطبيق
يوضح أن الموقع جزء مهم من سير العمل لكنه ليس الجزء الأساسي، لذلك يريد إنجازه بهدوء ثم العودة سريعًا إلى بناء التطبيق والمهام المتبقية. ويذكر أن تطوير الويب ليس تخصصه، ما يستدعي وقتًا إضافيًا للتفكير والتنفيذ.
عندك سؤال عن حاجة في البث ده؟
اسأل في الجروب