THE CLEANUP EPISODE
تحب تدعم البث؟ عضوية «داعم» على يوتيوب بـ 60 جنيه في الشهر: شارات، إيموجي، وأسئلتك بجاوبها الأول في البث. اشترك كداعم
الخلاصة
يوثّق البث مرحلة واسعة من تنقيح TalkStore، وهو مساعد لتجّار Shopify ينتقل من السؤال وتشخيص مشكلات المتجر إلى اقتراح إجراءات يعتمدها المستخدم. ركّز العمل العملي على إعادة تصميم واجهة المحادثة والتنقّل وسجل المحادثات والنتائج المنظمة، وتحسين الرسائل وMarkdown وحالات التحميل، مع تفضيل واجهة داكنة هادئة تُبرز قيمة المنتج من دون ازدحام أو مؤثرات شكلية. كما جرى اختبار تدفقات أوصاف المنتجات ومراجعة أخطاء في التخطيط والتنقّل وصفحة Findings؛ بعض التحسينات نُفذت، لكن أخطاء 500 وبطء فتح التطبيق والتنقّل لم يُحسم سببهما نهائياً، وظلت فرضيات SSR والاستضافة والطلبات المتتابعة وN+1 بحاجة إلى قياس أدق. ناقش لُقمان أيضاً ضبط نطاق V1 وشحنه قبل الإفراط في التلميع، ثم مراجعة الخلفية والأمان والامتثال قبل تقديمه إلى Shopify، مع عرض أثر صادق مثل الوقت الموفر وجودة الكتالوج بدلاً من ادعاءات الإيرادات. شملت الأسئلة والنقاشات اختيار نماذج الذكاء الاصطناعي وتوجيهها عبر OpenRouter، دمج دعم Crisp، بناء الثقة والحصول على المراجعات الأولى، متطلبات شارة Build for Shopify كما ظهرت وقت التسجيل، والتحقق من أفكار المنتجات بالإعلانات وصفحات الهبوط. ورداً على الجمهور، أوضح أن القناة توثّق بالعربية رحلة المشاريع من الفكرة والتحقق إلى البناء والتسويق، مع استخدام الإنجليزية في محادثات الوكلاء.
69 لحظة من البث
- 1:12:28
عرض أثر المنتج دون ادعاءات إيرادات مضللة
يرى لُقمان أن بعض تطبيقات Shopify تستخدم أرقام الإيرادات كوسيلة للاحتفاظ بالمستخدمين، بينما يهدف TalkStore إلى تسهيل التنفيذ وتحسين SEO وGEO. ويقترح رد Codex قسمًا باسم «الأثر» داخل النتائج أو النشاط، يعرض مساهمات عملية مثل سرعة التنفيذ وتحسين جودة الكتالوج، دون وعود مباشرة بالإيرادات أو إضافته كعنصر تنقل رئيسي.
- 1:16:14
ضبط نطاق V1 وتأجيل المساعد العائم
يذكّر لُقمان نفسه بأن إصدار V1 قيد النقاش لا يحتاج إلى صقل يمتد لأشهر. ويطرح مساعد محادثة ذكيًا يتنقل مع المستخدم داخل Shopify ويتابع العمل في قسم المنتجات، لكنه يؤجله إلى إصدار لاحق حتى تكتمل الأسس أولًا.
- 1:17:28
مراجعة تكرارية تبدأ بالواجهة وتجربة الاستخدام
يصف انتقال العمل من مهام آلية متتابعة إلى حوار ذهابًا وإيابًا مع الذكاء الاصطناعي أثناء المراجعة. ويقترح ترتيب التنقيح عبر UI ثم UX ثم backend، بحيث تصبح الواجهة سهلة وسريعة الاستخدام قبل الانتقال إلى مشكلات الخلفية الأعمق.
- 1:19:42
إعادة تصميم الحالة الفارغة ورسالة الصفحة
تتناول المرحلة التالية حالة الصفحة الفارغة واستبدال بداية المحادثة بتصميم أبسط يحمل دعوة «تحدث إلى متجرك». يشمل العمل تعديل عرض القيمة والخطاف، مع أمثلة للأسئلة حول ما تغيّر أو ما تعطل.
- 1:23:44
توضيح ملاحظات الواجهة على لقطة شاشة
أثناء المراجعة، يخطط لُقمان للرسم فوق لقطة الشاشة لإظهار فجوة في التخطيط وإضافة خطوط توضيحية، حتى تكون ملاحظة الواجهة مفهومة بصريًا.
- 1:25:04
تحديد مشكلات تخطيط واجهة الدردشة
استُخدمت لقطة شاشة لتحديد فراغ سفلي واسع وعناصر موضوعة قرب حواف الشاشة، مع طلب احتواء العناوين والمحادثات داخل تخطيط أكثر تماسكًا.
- 1:27:27
صياغة أثر المنتج دون نسب إيرادات غير موثوق
يناقش الطرح تقديم قيمة TalkStore من خلال تقليل احتكاك التنفيذ، وتحسين بيانات المنتجات وقابلية اكتشاف الكتالوج، وعرض ما تحسّن في المتجر بدل ادعاء إيرادات منسوبة مباشرة إلى المنتج. واقتُرح توثيق ذلك في عصف ذهني منظم.
- 1:28:45
تعليم لقطات الشاشة لتوضيح طلبات تعديل الواجهة
نصيحة عملية بإضافة مستطيلات ودوائر ملوّنة إلى لقطة الشاشة كي يفهم نموذج اللغة مواضع المشكلات المطلوبة، مثل الفراغ السفلي وعدم تماسك توزيع المحتوى.
- 1:30:31
موازنة كثافة الواجهة وتحويل الأفكار إلى خطة تنفيذ
تُراجع نسخة الواجهة المعدلة ويُطلب تخفيف الضغط الزائد للمحتوى وإبراز مربع الدردشة بلون أفتح، ثم تحويل عصف الأفكار الخاص بالأثر والقوائم الفرعية والتنقل إلى خطة تنفيذ مقسمة إلى مراحل قابلة للتسليم لجلسة لاحقة.
- 1:33:24
تنفيذ إعادة تنظيم التنقل على مراحل مع أولوية للتخطيط
تتحول وثيقة العصف الذهني إلى خطة تنفيذ منظمة تشمل المساعد والنتائج والنشاط والفوترة والإعدادات، مع أقسام للمشكلات والتوصيات والأثر. ثم تُنفذ تحسينات واجهة مثل الحشو وحالة التركيز والأزرار، بينما تؤجَّل مشكلات الخلفية لصالح إنهاء التخطيط وتجربة الاستخدام أولًا.
- 1:40:07
تحسين مؤشر التفكير في واجهة المحادثة
تتناول المرحلة الرابعة إزالة مؤشر الكتابة القديم واستبداله بحالة عمل جديدة، مع ملاحظة أن عرض النقاط وكلمة «Thinking» كان تقليدياً ويحتاج إلى تأثير أكثر إبداعاً يميّز الواجهة.
- 1:44:21
عرض النتائج ونص الاستجابة وشرائح المتابعة
توضح المرحلة الخامسة عملاً أوسع يشمل دوالاً مساعدة لاكتشاف النتائج، وتعديلات على عرض الرسائل وCSS. وتشير المراجعة إلى إظهار نص الاستجابة الكامل وشرائح المتابعة، مع تحريك الوصف وعرض المنتجات أسفل الإطار؛ لكن بعض تفاصيل التنفيذ في النص غير واضحة.
- 1:54:20
اختبار تدفق اكتشاف المنتجات ذات الأوصاف الضعيفة
اختُبر سؤال المساعد عن المنتجات التي تحتاج أوصافاً أفضل. كان المتوقع رداً منظماً واستباقياً، لكن اختيار عرض المنتجات المتأثرة أدى إلى سيل كبير وغير مفهوم من الرسائل؛ أُعيد الاختبار بعد محاولة إصلاح، وقُبل السلوك مؤقتاً بما يكفي للانتقال إلى المرحلة التالية.
- 2:00:06
تصحيح أخطاء Findings والتنقل المضمّن
جرت مراجعة قائمة التنقل الجديدة، لكن صفحة Findings أعادت خطأ 500. استمرت الاختبارات بعد محاولات التقوية وإعادة التشغيل، وشملت طلب منتج واحد أو كل المنتجات الناقصة الوصف، مع مناقشة تجربة إعادة كتابة الأوصاف وتوقّع ظهور معاينة للإجراء. ظل الاشتباه في مشكلة خلفية، ثم ظهر أيضاً عطل يمنع القوائم الفرعية من فتح أي واجهة خارج المحادثة.
- 2:01:58
موازنة جودة الواجهة مع إطلاق V1
طُرحت أولوية تنظيف واجهة المستخدم وتجربة الاستخدام أولاً، ثم معالجة الخلفية، مع التذكير بأن المنتج ما زال V1: يُطلق، ويكتسب عملاء، ويُختبر، ثم يُحسّن وتُعالج أخطاؤه. وفي الوقت نفسه، ظل الهدف أن تكون الواجهة والتجربة بجودة عالية.
- 2:13:18
تشخيص تعطل التنقّل وخطأ Findings 500
تتبّع مشكلة في التنقّل المضمّن حيث يتغيّر رابط المتصفح بينما تظل واجهة المحادثة ظاهرة. بعد الرجوع إلى الشريط الجانبي وإجراء تحديث كامل، بدت القوائم الفرعية الأخرى عاملة، لكن صفحة Findings استمرت في إظهار خطأ 500، فطُلب تحديد السبب الجذري وإصلاحه بالاستعانة بحالة الشاشة.
- 2:20:17
وميض الخطوط وتنظيف الواجهة قبل تحسين تجربة الاستخدام
عند تحميل واجهة مذكورة في النقاش، يظهر العنوان والنص المرافق أولاً بخط محدد ثم يعودان سريعاً إلى الخط الرئيسي؛ وطُلب تحديد سبب هذا التحول وإصلاحه. كما أوضح المتحدث أنه يريد ضبط التفاصيل السطحية للواجهة بدقة قبل الانتقال إلى تحسين تجربة الاستخدام.
- 2:22:21
تشخيص واجهة النتائج وتقليل الضوضاء البصرية
تتبّع مشكلة في واجهة TalkStore عبر إعادة التحميل والمراجعة، مع إرجاع السبب الجذري إلى تشكيل بيانات النتائج بعد الاشتباه أولًا في CSS. وبعد عمل الواجهة، وُصف عرض النتائج بأنه مزدحم جدًا واقتُرح استخدام رسوم بيانية أو مخططات لتقديم المعلومات بوضوح أكبر.
- 2:30:52
إضافة بطاقات مهام مفيدة إلى واجهة المحادثة
اقتُرح فحص قسم المجموعات في TalkStore، واختيار أهم المهام المستفادة من بيانات كل مجموعة، ثم عرض مجموعة صغيرة منها كبطاقات مصممة جيدًا أسفل واجهة المحادثة. تلا ذلك تنفيذ ومراجعة أولية، مع الإقرار بأن بعض التفاصيل ما زالت تحتاج إلى تلميع لاحق.
- 2:38:49
تنظيم ردود المحادثة وتقليل الرموز التعبيرية
أظهرت مراجعة رد ترحيبي الحاجة إلى تحسين فواصل الأسطر وتنسيق Markdown، وجعل ردود TalkStore أكثر تنظيمًا على غرار أسلوب أدوات سطر الأوامر المعروفة مثل Claude CLI وCodex CLI، مع تقليل استخدام الرموز التعبيرية.
عندك سؤال عن حاجة في البث ده؟
اسأل في الجروب