POLISHING UI/UX
تحب تدعم البث؟ عضوية «داعم» على يوتيوب بـ 60 جنيه في الشهر: شارات، إيموجي، وأسئلتك بجاوبها الأول في البث. اشترك كداعم
الخلاصة
يتابع البث انتقال تطبيق Shopify من البناء الأساسي إلى مرحلة أصعب من الصقل والتحقق قبل الإطلاق: مراجعة UI/UX، تحويل الملاحظات ولقطات الشاشة إلى مهام، وتجربة التطبيق يدويًا إلى جانب وكلاء الذكاء الاصطناعي. يعرض لُقمان مركز قيادة يوزّع العمل بين الإنسان والوكلاء، ويوازن بين التنفيذ المتوازي وتجنّب تعارض الملفات، مع فكرة شرح نسخة مبسطة منه من الصفر. ويأخذ تشخيص بطء التحميل والتنقل حيزًا عمليًا كبيرًا؛ طُرحت احتمالات مرتبطة بالتوجيه واستدعاءات قاعدة البيانات وPrisma والمسافة الشبكية، وظهرت بعض التحسينات، لكن السبب الكامل والإصلاح النهائي ظلا قيد التحقيق. كما يناقش متطلبات إدراج التطبيق وسياسة الخصوصية وGDPR والنشر عبر Railway وخطة التقديم إلى Shopify، بوصفها أعمالًا وخططًا غير مكتملة لا نتائج مؤكدة. وتشمل النقاشات الأخرى بحث المنافسين والتموضع في سوق قليل المنافسة، والمفاضلة الشخصية بين Codex وClaude ونماذج أخرى، وحدود الاستخدام والعائد من الاشتراكات، وأسئلة الجمهور عن الإملاء العربي، والتواصل البريدي، ونمو القنوات بالمقاطع القصيرة، إضافة إلى آراء منسوبة حول الأمن السيبراني ودور خبرة المشغّل في قيمة الذكاء الاصطناعي.
73 لحظة من البث
- 0:50:25
مفاضلات Codex وClaude في جلسات البرمجة
يقارن المتحدث تجربته مع الأداتين، ويرى أن Codex أقوى إجمالًا وقتها، بينما يمنح Claude تعاملًا أسهل وإدارة أفضل لسياق المحادثة؛ ويؤكد أن لكل منهما مزايا وعيوبًا.
- 0:53:48
الانتقال من البناء إلى صقل التطبيق
بعد تسارع إنجاز التطبيق، يوضح المتحدث أن صقل الواجهة وتجربة المستخدم وتصحيح الأخطاء أصبح المرحلة الأصعب، لذلك خصص لها نظامًا ومرحلة عمل منفصلة.
- 0:57:33
تحويل ملاحظات UI/UX إلى مهام مراجعة وصقل
يشرح المتحدث سير عمل لمراجعة مخرجات الوكلاء بدل اكتشاف اختلافها عن معاييره في نهاية البناء: يشير إلى مواضع الخلل، ويطلب تصنيفها كمشكلات واجهة أو تجربة مستخدم، ثم إنشاء مهام محددة داخل قائمة المراجعة والصقل لمعالجتها بعملية لاحقة.
- 1:00:28
الإملاء الصوتي بالعربية مع Wispr Flow
يوصي المتحدث بالإملاء الصوتي بدل كتابة المطالبات يدويًا، ويذكر أن Wispr Flow يدعم العربية ويمكن استخدامه في تطبيقات مراسلة متعددة، كما ينقّح الترددات اللفظية أثناء تحويل الكلام إلى نص. ذُكرت أداة أخرى، لكن اسمها غير واضح بما يكفي لإثبات تهجئته.
- 1:03:58
دور المقاطع القصيرة في نمو قناة يوتيوب
يناقش المتحدث استخدام المقاطع القصيرة وReels وTikTok للوصول إلى مشاهدين ومشتركين جدد، مع رأيه بأن البث المباشر يجذب جمهورًا أصغر لكنه أكثر اهتمامًا بالبناء والبرمجة بمساعدة الذكاء الاصطناعي. ويقترح النشر المنتظم للمقاطع القصيرة كوسيلة لتنمية القناة.
- 1:04:36
سير عمل أخف لمراجعة الواجهة وتصحيحها بالوكلاء
يصمم المتحدث سير عمل مخصصًا لجلسات صقل الواجهة وتصحيحها: وكيل تشخيص يراجع لقطات الشاشة والشفرة ذات الصلة، ويحدد إن كانت المشكلة في UI أو UX أو الخلفية، ثم يكتب ملف المطالبة المناسب قبل أن ينفذ وكيل البناء المهمة. يقترح تخطي وكلاء البحث والأمان والامتثال في مهام الصقل البسيطة، والاكتفاء بفحص البناء والتحقق البصري. ويظل الحكم الجمالي للمستخدم، بينما يتحقق الوكيل من تعديل الملفات الصحيحة ويعرض لقطات للنتيجة لتسريع الملاحظات. أراد المتحدث تطبيق هذا المسار أيضًا عند استخدام Codex، مع توقع جولة أو جولتين من المراجعة.
- 1:11:58
بحث المنافسين والتموضع لتطبيق داخل Shopify
بحث داخل منظومة Shopify App Store عن منافسين محتملين، مع فحص مدى تطابق وظائفهم بدل الاكتفاء بالتشابه السطحي. يوضح النقاش أن Shopify Sidekick يجيب عن أسئلة من داخل المتجر، بينما الفكرة المطروحة تستهدف الجمع بين السؤال وتنفيذ الإجراءات. كما يناقش مخاطر غياب المنافسين، والحاجة إلى تحديد التموضع التسويقي، ثم الاستلهام من أقسام الإعدادات والخطط في تطبيق ناجح دون الادعاء بإتمام تحليل كامل.
- 1:13:52
اختيار أداة مناسبة لإرسال البريد بكميات كبيرة
ردّ على سؤال جماهيري عن إرسال رسائل بريد تقود الشركات إلى موقع محدد. تبدأ النصيحة بتحديد ما إذا كانت قائمة البريد متاحة وحجمها، ثم مقارنة الأدوات وفق هذا الحجم بدل التوجه تلقائياً إلى منصات أكبر وأغلى. ذُكرت Mailchimp وKlaviyo كخيارات معروفة، مع اقتراح البحث عن بدائل أبسط أو مجانية للقوائم الصغيرة، واستخدام LinkedIn كقناة تواصل إضافية. الأداة التي كان يجري تجربتها عُرضت كخيار أولي لا كتوصية نهائية.
- 1:21:54
البحث عن مرجع نظيف لواجهة التطبيق
استعراض تطبيقات بحثًا عن واجهة نظيفة يمكن الاستلهام منها عند بناء واجهة تطبيق للمرة الأولى، مع فتح أحد الخيارات للاطلاع على تصميمه الداخلي.
- 1:26:41
تحويل لقطات الواجهة إلى مهمة منظّمة
شرح سير عمل يرسل لقطات شاشة وتعليمات إلى وكيل منسّق كي يحلل المرجع وينشئ مهمة للمراجعة، ثم تُنفذ المهمة في جلسة منفصلة. الهدف هو اتباع خطوات إعداد وبدء واضحة للحصول على تنفيذ أدق وتقليل دورات إعادة العمل، حتى لو تطلب ذلك استخدامًا أكبر للنموذج.
- 1:28:14
ملاحظة المتحدث عن استهلاك Claude وقيد Codex
رأى المتحدث وقت التسجيل أن Claude يستهلك الرموز بسرعة، وأن Codex في إعداد العمل المعروض لم تكن لديه صلاحية كتابة عبر MCP.
- 1:30:08
مراجعة نطاق مهمة إعادة تصميم الدردشة
عرضت المهمة الناتجة نطاقًا لإعادة تصميم واجهة الدردشة وفق المرجع، شمل التخطيط والحالة الفارغة وأزرار الإجراءات السريعة ومنطقة الإدخال، ثم بدأت محاولة العثور على المهمة في اللوحة.
- 1:30:48
تجربة سير عمل لمراجعة الواجهة وصقلها
تجربة سير عمل يبدأ بمهمة مراجعة وصقل، مع تقييم قدرة الأداة على بحث المطلوب وصياغة مطالبة تنفيذية أقوى انطلاقًا من واجهة مرجعية، بدل تحديد كل تعديل يدويًا.
- 1:34:45
تشخيص بطء التنقل في التطبيق
مناقشة بطء الانتقال بين المحادثات والخطط والإعدادات. أشار تقرير التشخيص إلى سببين محتملين: استخدام عناصر تنقل مخصصة بدل روابط React Router، وتعدد استدعاءات قاعدة البيانات، مع اقتراح فحص زمن تخزين جلسة إدارة المصادقة. ظل التطبيق بطيئًا بعد التحديث، لذلك لم يُعتبر الإصلاح مؤكدًا.
- 1:40:31
ملاحظة حول تجاوز صفحة المحادثات الرئيسية
ملاحظة أولية بأن التطبيق لا يعرض الصفحة الرئيسية للمحادثات وينتقل مباشرةً إلى داخل محادثة؛ ينتهي النص قبل اكتمال وصف السلوك أو تحديد سببه.
- 1:40:53
تشخيص التنقل التلقائي وبطء التحميل الأولي في شاشة المحادثة
نقاش عملي حول عيب يعرض الصفحة الرئيسية للمحادثة للحظة ثم ينتقل تلقائياً إلى داخل محادثة. جرى تتبع السبب إلى آلية التنقل، مع فحص بطء أول زيارة واحتمالات التخزين المؤقت والتحميل الكسول. أشار الفحص إلى أن تقسيم المسارات بالتحميل الكسول مطبّق بالفعل، ولذلك لم تكن إضافة المزيد منه هي الإصلاح الأساسي، كما لوحظ أن شاشة المحادثة لا تستخدم نافذة عرض لتقييد العناصر المرئية. ظل بعض تفسير الأداء قيد التحقق.
- 1:51:03
الحذر من حقوق النشر أثناء البث المباشر
يتجنب تشغيل محتوى معين أثناء البث خشية حدوث مشكلة متعلقة بحقوق النشر، رغم اهتمامه به. الملاحظة تبرز ضرورة فصل مراجعة المحتوى عن عرضه علنًا عند غموض حقوق الاستخدام.
- 1:52:29
من نموذج واجهة مولَّد إلى كود ينفذه وكيل برمجي
يستكشف لقمان أداة تنشئ واجهة ومحادثات متعددة، ويفهم سير العمل على أنه بناء التصور فيها ثم نقل الكود إلى وكيل برمجي لدمجه في التطبيق. يناقش النسخ والنشر وتوزيع استهلاك الأدوات، لكنه يظل غير متأكد مما إذا كان يمكن نسخ أو تصدير كود التطبيق كاملًا.
- 1:53:45
اختيار موعد البث وفق ضغط الأدوات وتوفر الجمهور
يفكر لقمان في نقل البث إلى ساعات متأخرة، مستندًا إلى إعلان منسوب إلى Claude عن ارتفاع الضغط خلال فترة معينة وإلى ملاحظته العامة أن الجمهور العربي يكون أنشط ليلًا. يطرح ذلك كتجربة محتملة لتحسين التفاعل وتقليل استهلاك الرموز أثناء أوقات الازدحام، لا كقرار نهائي.
- 1:55:17
تشخيص بطء تحميل التطبيق والتنقل
يوقف العمل على الواجهة مؤقتًا للإشارة إلى مشكلة أساسية في الأداء: فتح التطبيق والتنقل بين أقسام القائمة يستغرقان وقتًا ملحوظًا.
عندك سؤال عن حاجة في البث ده؟
اسأل في الجروب