طلبت من الذكاء الاصطناعي "انتقاد" صفحتي المقصودة، وبصراحة؟ كنت أستحق ذلك.

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

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

ثم تعرضه على صديق. يحدقون في الشاشة ويسألون، "إذن... ماذا يفعل بالضبط؟"

الألم حقيقي. كمطورين وهاكرز مستقلين، نعاني من حالة مزمنة أسميها "عمى المبدع." نحن متعمقون في الكود لدرجة أننا ننسى كيف تبدو صفحتنا الرئيسية لإنسان لم يرَ مستودع GitHub الخاص بنا من قبل.

عادة، إصلاح هذا يتطلب توظيف مستشار تجربة المستخدم (مكلف) أو التوسل للغرباء على Reddit لإبداء الرأي (مرعب). لكن مؤخراً، عثرت على أداة وعدت بالقيام بالعمل الشاق دون الحديث المحرج: Roast My Web.

إليك ما حدث عندما سمحت لوكيل الذكاء الاصطناعي بتمزيق طفلي الرقمي.

"النقد اللاذع" كخدمة

مفهوم Roast My Web بسيط. تقدم له عنوان URL الخاص بك، ويستخدم الذكاء الاصطناعي (تحديداً GPT-Vision ونماذج تحليل أخرى) "لرؤية" موقعك الإلكتروني. لا يقوم فقط بتحليل HTML. إنه ينظر إلى التصميم والتخطيط والنسخ كما يفعل المستخدم.

ومن ثم، يحكم عليك.

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

الحكم: 59/100 على التحويل. آه.

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

حصلت على درجة لائقة 87/100 في الجماليات (تَحَقّق!)، لكن درجة التحويل كانت مأساوية 59/100.

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

1. نقد قسم البطل:

• الملاحظات: "حسِّن العنوان الرئيسي لمخاطبة فائدة المستخدم مباشرة. حالياً، إنه مجرد للغاية."
• الترجمة: "توقف عن محاولة أن تكون ذكياً. لا أحد يعرف ما يعنيه 'مزامنة المستقبل'."

1. نقد الدعوة لاتخاذ إجراء (CTA):

• الملاحظات: "تحذير: متوسط الإصلاح. نفِّذ دعوة ثانوية لاتخاذ إجراء للمستخدمين غير المستعدين للبدء فوراً."
• فحص الواقع: كان لدي زر عملاق واحد 'اشتر الآن' ولا شيء آخر. كنت أساساً أقترح الزواج في الموعد الأول.

1. واقع "عرض الهاتف المحمول":

• أشار إلى أنه بينما كان عرض سطح المكتب فناً، كان عرض الهاتف المحمول يعاني من مشاكل في المساحات البيضاء جعلت شهاداتي تبدو كملاحظة رهينة.

لماذا هذا يتفوق على "يبدو جيداً، يا أخي"

مشكلة سؤال الأصدقاء عن الملاحظات هي أنهم لطفاء. لا يريدون جرح مشاعرك. Roast My Web لا يهتم بمشاعرك. إنه يهتم بأفضل الممارسات.

قسمت الأداة الإصلاحات حسب عائد الاستثمار (ROI). قالت لي، "إصلاح هذا العنوان الرئيسي سيستغرق دقيقتين لكنه سيزيد على الأرجح التحويلات أكثر من تلك الرسوم المتحركة المعقدة التي قضيت 5 ساعات عليها."

كما سمحت لي بمقارنة موقعي بالمنافسين. معرفة أن موقعك بطيء شيء. ومشاهدة أنه أبطأ بنسبة 40% من الشخص المصنف #1 على Product Hunt شيء آخر تماماً.

ميزة "الهاكر المستقل"

بالنسبة للمؤسسين المستقلين، هذا النوع من الأدوات سلاح. غالباً ما نطلق منتجات قابلة للحياة الدنيا (MVPs) رائعة وظيفياً لكنها مربكة بصرياً. نفقد المستخدمين في أول 3 ثوانٍ لأن تسلسلنا الهرمي خاطئ أو أن عرض القيمة مدفون في جدار من النص.

باستخدام تدقيق آلي، تحصل على:

• الموضوعية: الذكاء الاصطناعي لا يعرف كم عملت بجد على ذلك div. يرى فقط أنه غير محاذٍ.
• السرعة: حصلت على تدقيق كامل في دقائق بدلاً من الأيام التي يستغرقها جدولة استشارة.
• تغييرات الكود/التصميم القابلة للتنفيذ: لم يشتكِ فقط؛ بل أخبرني ماذا أغير لإصلاح الدرجات.

الخلاصة: تقبل النقد اللاذع

بعد الصدمة الأولية من رؤية درجة التحويل في المنطقة الحمراء، قضيت ساعة في تنفيذ اقتراحات "سهلة الإصلاح". شحذت النسخة، أضفت دليلاً اجتماعياً بالقرب من CTA (كما اقترح)، وأصلحت مساحات الهاتف المحمول.

النتيجة؟ لم تبدو الصفحة أفضل فحسب؛ بل كانت منطقية.

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

إخلاء مسؤولية: أنا مرتبط بـ Roast My Web، لقد بنيت الأداة لإنقاذي من خيارات التصميم السيئة الخاصة بي.

\