انتقل للمحتوى
شغّال
ارجع للمكتبة

Burnishing the UI

Day 0353:25:26

تحب تدعم البث؟ عضوية «داعم» على يوتيوب بـ 60 جنيه في الشهر: شارات، إيموجي، وأسئلتك بجاوبها الأول في البث. اشترك كداعم

الخلاصة

يركز البث على صقل صفحة هبوط Burnish لتشرح مجال GEO وفائدته لتجار Shopify بوضوح، وتحويلها إلى مسار اكتساب يقدم فحصًا مجانيًا بدل طلب الاشتراك مباشرة. شملت المراجعات أقسام البداية والتسعير وشرح المنتج ونداءات الإجراء وتجربة الهاتف، مع تجارب بصرية غير مكتملة باستخدام WebGL وGSAP وشعار تفاعلي وشبكة ضوئية؛ وظلت بعض النتائج دون المستوى المقصود. يرى المتحدث أن وضوح الرسالة، وحصر النسخة الأولى مبدئيًا في GEO، والتركيز على شريحة عميل واحدة أهم من الإفراط في الصقل، مع بقاء قرار النطاق وبعض افتراضات التسعير والاستعداد للدفع بحاجة إلى تحقق. ويمتد النقاش إلى مخاطر مراجعة تطبيقات Shopify وضرورة بدء التسويق والتحقق من السوق قبل القبول، لأن بناء المنتج وحده لا يضمن الوصول إلى التجار. كما يعرض سير عمله مع Codex وClaude بوصفه تجربة شخصية: المهارات وجلسات النقد قد تحسن نقطة البداية، لكنها لا تستبدل الرؤية والمراجعة المتكررة وفحص المستودع والفرع والخطة مبكرًا. وردًا على أسئلة الجمهور، نصح المبتدئين ببناء مشروع شخصي صغير باستخدام Codex، وناقش WebGL وGSAP وحدود الاستخدام والوكلاء والأتمتة واقتصاديات البرمجيات والدروبشيبنغ، مع تقديم المقارنات والتوقعات السوقية بوصفها آراء غير حاسمة لا نتائج مثبتة.

  • UI
  • landing page
  • go-to-market
  • marketing
  • +4

71 لحظة من البث

  1. 0:40:59

    صلة التطبيق بمستخدمي الدروبشيبنغ

    يقول المتحدث إنه لا يعمل حاليًا في الدروبشيبنغ، رغم خبرته السابقة فيه منذ 2017، لكنه يتوقع أن يستفيد العاملون في هذا المجال من الأداة التي يطوّرها.

    • dropshipping
    • Shopify
    • ecommerce
    • use cases
  2. 0:41:32

    تقسيم أدوار أدوات الذكاء الاصطناعي

    يذكر المتحدث استخدام Kling لتوليد الفيديو، بينما يعتمد في البرمجة على Codex للعمل الأساسي ويستخدم Claude بصفة أقرب إلى المستشار. ويعرض هذا كتفضيل في سير عمله مرتبط باعتبارات الاستخدام، لا كمقارنة موضوعية نهائية بين الأدوات.

    • Codex
    • Claude
    • Kling
    • AI coding
    • +2
  3. 0:42:02

    بدء إعادة التفكير في صفحة التسعير

    ينتقل المتحدث إلى صفحة التسعير ويقول إن شكلها الحالي لا يعجبه ويريد تجربة اتجاه مختلف، لكن هذه الصفحة لا تعرض بعد تفاصيل الحل الجديد.

    • pricing page
    • UI redesign
    • product website
  4. 0:42:16

    اختيار مرجع لصفحة التسعير واختبار قابلية الدفع

    وقت التسجيل، اقترح المتحدث اختصار استكشاف صفحة التسعير بالانطلاق من مثال مناسب ثم تطويره، واعتبر استعداد تجار Shopify للدفع فرضية سوقية كانت تحتاج إلى تحقق.

    • Burnish
    • pricing page
    • Shopify merchants
    • market validation
    • +2
  5. 0:43:35

    لماذا قد تكون اقتصاديات الدروبشيبنغ أصعب من البرمجيات

    يشرح المتحدث رأيه بأن تكلفة البضائع والإعلانات والتشغيل تضغط صافي هامش الدروبشيبنغ وتفرض توسعًا كبيرًا، بينما تتمتع البرمجيات عادةً بهوامش إجمالية أعلى وجاذبية أكبر لدى المستثمرين. الطرح خبرة ورأي من المتحدث، لا قاعدة مضمونة لكل نشاط.

    • dropshipping
    • DTC
    • SaaS
    • unit economics
    • +4
  6. 0:47:15

    صياغة مؤثر تفاعلي قابل للعكس لقسم الواجهة الرئيسية

    تُصاغ فكرة لواجهة رئيسية تحتوي شبكة خلفية غير مرئية تظهر مع حزم الضوء، مع شعار كبير عائم ثلاثي الأبعاد يتفاعل مع المؤشر والتمرير. يشدد الطلب على عزل التغيير عن الطبقات الأخرى وإمكانية التراجع عنه، ويبحث استخدام SVG أولًا ثم أصل GLB أنظف بعد ضبط الحركة.

    • Burnish
    • hero section
    • interactive logo
    • 3D web
    • +5
  7. 0:51:45

    حماية تجارب الواجهة باستخدام Git commits وworktrees

    يناقش المتحدث عزل تجارب الواجهة وإمكانية الرجوع عنها عبر commit بعد إنجاز كل جزء، بدل الاعتماد على طلب استعادة طبقة واحدة من أداة البرمجة. وقال المتحدث إنه سيستكشف Git worktrees بعمق أكبر خارج البث، إذ لم يكن مستوى التقسيم المناسب لكل قسم قد حُسم بعد.

    • Burnish
    • Git
    • commits
    • worktrees
    • +4
  8. 0:57:48

    البناء لا يكفي: التركيز على المنتج ودخول السوق

    يراجع المتحدث فكرة الانتقال مباشرةً إلى مشروع آخر بعد بناء المنتج، ويرى أن الأفضل هو مضاعفة التركيز عليه ودخول السوق، لأن المنتج لا يبيع نفسه.

    • Burnish
    • product focus
    • go-to-market
    • distribution
    • +2
  9. 0:59:29

    ترجمة فكرة عدم الظهور إلى شبكة ضوئية وشعار متحرك

    يربط تصميم الواجهة مفهوم ضعف ظهور التجار في السوق بشبكة لا تظهر إلا عند مرور حزم الضوء. تتضمن المراجعة تصغير خلايا الشبكة وجعلها أدق، وإخفاءها عند انطفاء الحزم، مع شعار تفاعلي متحرك يرافق التمرير. وفي هذه المرحلة من البث، كانت النتيجة المعروضة مجرد تقريب للتصميم المقصود.

    • Burnish
    • visual metaphor
    • reactive grid
    • scroll animation
    • +4
  10. 1:03:52

    تحليل تخطيطات صفحات التسعير قبل تبنّي تصميم

    يناقش الحاجة إلى تغيير صفحة التسعير ومقارنة تخطيطات مرجعية لاختيار بنية مناسبة، مع وجود عائق تقني محتمل لأن حزمة الصفحة الحالية لا تتضمن الاعتماديات اللازمة لتشغيل مكوّن WebGL داخل Astro.

    • pricing page
    • UI design
    • layout analysis
    • Astro
    • +1
  11. 1:09:11

    اختيار WebGL وGSAP لحركات الموقع

    ردًا على سؤال عن تقنيات الموقع، يوضح المتحدث أنه انتقل من CSS العادي إلى تجربة WebGL وGSAP لتلبية احتياجات الحركة، مع التأكيد أن خبرته في تقنيات الويب سطحية وأن هذا اختياره المبدئي لا حكمًا قاطعًا.

    • WebGL
    • GSAP
    • CSS
    • web animation
    • +1
  12. 1:10:32

    المعاينة البصرية وتأثير ضغط السياق في عمل المساعد

    يفضّل المتحدث رؤية النتيجة بصريًا قبل التعمق في خطة التنفيذ، ويذكر إمكان طلب ملف SVG كمعاينة عند الحاجة. كما يلاحظ أن ضغط السياق في منتصف العمل قد يؤدي إلى نتائج أضعف من المساعد.

    • Claude
    • AI coding workflow
    • visual preview
    • SVG
    • +1
  13. 1:11:56

    مراجعة تأثير الشعار في الواجهة

    ينتقد المتحدث النتيجة لأن الشعار كبير جدًا وثابت خلف النص، ولا يستجيب لحركة الفأرة أو يبدو عائمًا، ولذلك لا يحقق التأثير التفاعلي المطلوب.

    • UI critique
    • logo
    • mouse interaction
    • animation
    • +1
  14. 1:12:39

    كيف غيّر الذكاء الاصطناعي تجربة تطوير البرمجيات

    يتأمل المتحدث صعوبة بناء المواقع سطرًا بسطر قبل أدوات الذكاء الاصطناعي، ويقارن ذلك بمرحلة الإكمال التلقائي. كما ينقل، بوصفها دراسة يتذكرها على نحو غير جازم، فكرة أن التدريب على الشيفرة ساهم في تحسين القدرات العامة لنماذج الذكاء الاصطناعي.

    • AI-assisted development
    • software development
    • autocomplete
    • code training
    • +2
  15. 1:13:39

    إدارة حدود الاستخدام القصيرة والأسبوعية

    يراجع المتحدث نصيحته السابقة ويقول إن التركيز على استنفاد نافذة الاستخدام القصيرة قد يستهلك الحصة الأسبوعية بسرعة؛ لذلك يرى أن الحد الأسبوعي هو المؤشر الأهم عند تنظيم الاستخدام.

    • usage limits
    • rate limits
    • weekly allowance
    • إدارة الاستخدام
    • +1
  16. 1:16:39

    من نماذج الذكاء الاصطناعي إلى الوكلاء والأتمتة

    يقارن المتحدث بين أدوات سابقة كانت تولّد نماذج برمجية من بيانات واجهات API وبين الاتجاه الأحدث نحو وكلاء الذكاء الاصطناعي، ويربط تزايد فائدتهم باستخدام أدوات الطرفية والأتمتة.

    • AI agents
    • automation
    • terminal tools
    • API tooling
    • +2
  17. 1:17:29

    تبسيط صفحة تسعير مزدحمة بالنصوص

    يطلب المتحدث من Claude مراجعة صفحة تسعير وتحديد ما ينبغي الاحتفاظ به أو حذفه، لأن كثافة النصوص تضعف التصميم في رأيه. ويؤكد أن استخدام أداة أو مهارة جاهزة لا يغني عن امتلاك رؤية واضحة، ثم يجرّب تعديلات على الشبكة وشفافيتها وسلوكها من دون أن ترضيه النتائج الأولى.

    • pricing page
    • UI design
    • content hierarchy
    • Claude
    • +3
  18. 1:22:44

    إعادة تصميم صفحة التسعير ونداء الإجراء

    تقييم تصميم صفحة التسعير بوصفه ما يزال مزدحمًا ويحتاج إلى تخصيص أكبر، مع اقتراح ترويسة أبسط منسجمة مع هوية العلامة وزر «افحص متجرك» كنداء إجراء مركزي.

    • pricing page
    • UI redesign
    • CTA
    • brand design
  19. 1:26:50

    إعادة استخدام أيقونات منصات الذكاء الاصطناعي وتأثيرها الحركي

    اقتراح استبدال أحد أقسام الصفحة بأيقونات منصات الذكاء الاصطناعي الأربع المستخدمة في قسم الواجهة الرئيسي، مع الحفاظ على تأثير التبديل الحركي نفسه.

    • AI platforms
    • icons
    • animation
    • hero section
    • +1
  20. 1:28:53

    أولوية تحسين تجربة الهاتف

    يرى المتحدث أن تحسين الهاتف أولوية أساسية لأن نسبة كبيرة من الزيارات قد تأتي من الأجهزة المحمولة بحسب المجال، ويبحث عن خيار لعرض التصميم على الهاتف وفحصه.

    • mobile optimization
    • responsive design
    • mobile traffic
    • UI review

عندك سؤال عن حاجة في البث ده؟

اسأل في الجروب