تفتح منتجك وتحس إن فيه شيء مو مضبوط: يشبه مئات المواقع الثانية. الزائر يحس بنفس الشيء، وأسرع منك. في الإنجليزي صار له اسم: AI slop، يعني المحتوى أو التصميم اللي واضح إنه طلع من الذكاء الاصطناعي بدون ما أحد يراجعه. المشكلة مو إنك استخدمت الذكاء الاصطناعي. المشكلة إن الزائر يقرأ هالشكل كمنتج ما اكتمل، أو كموقع ما يستاهل ثقته.
ليش كل المواقع صارت تشبه بعض
لما تكتب «سوّ لي صفحة رئيسية حديثة» في Lovable أو Bolt أو v0، الأداة تختار أكثر شيء شافته، يعني المتوسط. والمتوسط اليوم شكل واحد معروف. إذا ما أعطيتها اتجاه واضح، تعطيك هذا الشكل كل مرة.
العلامات اللي يلاحظها الزائر
- تدرّج بنفسجي وأزرق في الخلفية، ونص العنوان نفسه بتدرّج ألوان.
- ثلاث بطاقات جنب بعض، في كل وحدة أيقونة وعنوان وسطرين، وتتكرر في كل قسم.
- رموز تعبيرية ونجوم لامعة للزينة، بدل أيقونات لها معنى.
- زجاج شفاف وتوهّج حول الأزرار والبطاقات.
- الخط الافتراضي في كل مكان، ونفس الحجم تقريبًا لكل شيء.
- كل شيء في نص الصفحة، في كل قسم.
- رسومات عامة لأشخاص يبتسمون قدام شاشات.
- جمل فخمة ما تقول شيء: «أطلق العنان لإمكاناتك»، و«حلول مبتكرة لمستقبل أفضل»، و«ارتقِ بأعمالك».
ولا وحدة من هذي غلط لحالها. لما تجتمع كلها، الزائر يعرف من وين جت الصفحة قبل ما يقرأ أول سطر.
علامات خاصة بالمواقع العربية
هذي أسوأ من اللي فوق، لأنها تقول للزائر العربي إن المنتج ما انسوّى له:
- خط لاتيني للنص العربي. الخط الافتراضي ما فيه حروف عربية، فالمتصفح يعوّض بخط النظام، والنص العربي يطلع بشكل وحجم ما يشبه باقي الصفحة، ويختلف من جهاز لجهاز.
- الصفحة ما انقلبت. النص من اليمين، لكن الشعار والقوائم والأزرار وترتيب الأعمدة كلها بترتيب الإنجليزي.
- الأسهم في الاتجاه الغلط. سهم «التالي» يأشّر لليمين مثل الإنجليزي، والقارئ العربي يتوقعه لليسار.
- جمل مترجمة حرفيًا. مثل «انقر هنا للبدء في رحلتك» و«نحن متحمسون لخدمتك».
- أزرار إنجليزية نسيها أحد. Get started و Learn more و Submit وسط صفحة عربية.
- خانات تكتب فيها من اليسار. الاسم والعنوان والرسالة كلها تبدأ من الجهة الغلط.
العلامات الخطيرة
هذي مو مسألة شكل:
- آراء عملاء مخترعة. «سارة م.، مديرة تسويق» بصورة من مكتبة صور، وما فيه عميل اسمه كذا.
- أرقام ما لها أصل. «+10,000 مستخدم» و«98% رضا العملاء» في منتج ما أطلق للحين.
- شعارات شركات ما استخدمت منتجك تحت «يثقون بنا».
- نص تجريبي مثل Lorem ipsum أو «عنوان هنا» نسيه أحد في صفحة.
الذكاء الاصطناعي يحط هذي لأنها جزء من «الشكل المعتاد» لصفحة رئيسية. لكن أي ادعاء مخترع في صفحة تبيع فيها تضليل للعميل: يخرّب الثقة لما ينكشف، وممكن يخالف أنظمة حماية المستهلك والإعلان. احذفها اليوم، حتى لو الصفحة صارت أفضى.
ليش يفرق
الزائر يقرر في ثواني إذا الموقع يستاهل. لما يشوف شكل مكرر، يفهم إن محد تعب على المنتج. وإذا ما تعبت على الواجهة، ليش يثق إنك تعبت على حماية بياناته أو فلوسه؟ والنتيجة تبان في أرقامك: تسجيل أقل، وطلبات أقل، حتى لو المنتج نفسه ممتاز.
كيف تصلّحه بدون مصمم
- ابدأ بالكلام، مو بالشكل. اكتب بنفسك: لمين المنتج، وإيش يحل، وليش أنت. جمل عادية مثل ما تشرح لعميل قدامك. الكلام الحقيقي يغيّر الصفحة أكثر من أي لون.
- لون واحد لمنتجك. اختار لون واحد للأزرار والروابط، وخلّ الباقي ألوان هادية. واحذف التدرّجات.
- خط عربي حقيقي. خطوط مجانية مثل IBM Plex Sans Arabic أو Alexandria أو Tajawal من Google Fonts. خط للعناوين وخط للنص يكفي.
- صور حقيقية. صور شاشة من منتجك نفسه أفضل من أي رسمة، وصورتك وصورة فريقك أفضل من صور المكتبات.
- احذف كل رقم وكل رأي ما تقدر تثبته. رأي واحد حقيقي من أول عميل، باسمه وبموافقته، أقوى من عشرة مخترعة.
- اقلب الصفحة صح. تأكد إن الصفحة كلها
dir="rtl"، وإن القوائم والأسهم والنماذج كلها تبدأ من اليمين. - أعطِ الأداة دليل أسلوب مكتوب. بدل «خلّها حديثة واحترافية»، اكتب في خانة التعليمات أو ملف القواعد: اللون، والخط، و«لا تدرّجات، لا زجاج، لا رموز تعبيرية، لا أرقام أو آراء مخترعة، والواجهة عربية من اليمين لليسار». وارجع له مع كل طلب.
وين نقدر نساعد
إحنا مهندسين، مو استوديو تصميم. لكن جزء من هالعلامات تقني: صفحة ما انقلبت لليمين صح، وصور ثقيلة تبطّئ الصفحة على الجوال، وبيانات تجريبية منسية في قاعدة البيانات والصفحات. ابدأ بـ قائمة التحقق قبل الإطلاق، وإذا مو متأكد إيش يحتاج منتجك، اطلب عرض سعر: علّمنا إيش صار، ونقول لك بإيش ننصحك. وإذا الشكل جزء من مشكلة أكبر، شوف تصلّحه ولا تعيد بناءه؟.