حالات التحميل والخطأ والفراغ:ما تنساه تطبيقات AI

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

أستطيع أن أعرف خلال عشر ثوانٍ هل أطلق أحدهم تطبيقه مباشرةً من جلسة برمجة بالذكاء الاصطناعي. أفتحه فأرى «جارٍ التحميل...» نصًا عاديًا. وخطأ واحد يُسقط الصفحة كلها. وشاشات فارغة لا تعرض سوى بياض. الميزات تعمل. ومع ذلك يبدو المنتج معطوبًا.

الحالات الأربع لكل شاشة: حالات التحميل والخطأ والفراغ، إضافة إلى النجاح

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

يحكم المستخدمون على منتجك بالحالة التي هم فيها الآن، لا بالتي صممت لها. التحميل يستغرق من 2 إلى 5 ثوانٍ في كل تحميل صفحة. والمستخدمون الجدد يصلون دائمًا إلى شاشة فارغة. والشبكات تفشل. فإذا بدت هذه اللحظات سيئة، بدا منتجك غير احترافي، مهما كانت الميزات جيدة.

حالات التحميل: الهياكل تتفوق على الدوارات

عبارة «جارٍ التحميل...» النصية تفشل مرتين. تبدو فظيعة، ويقفز التخطيط حين يصل المحتوى الحقيقي. الحل هو الهيكل: أشكال بديلة رمادية تنبض بهدوء وتطابق تخطيط المحتوى القادم. قائمة من خمس بطاقات تُحمَّل خلف خمسة مخططات بطاقات رمادية. وحين تصل البيانات تستقر في المساحة نفسها التي كان الهيكل يحجزها.

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

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

حالات الخطأ: مفيدة لا مخيفة

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

هناك طبقة إضافية يتخطاها معظم البنّائين: شبكة أمان حول الصفحة كلها، بحيث إذا انهار مكوّن واحد عرضت بطاقة مهذبة «حدث خطأ ما» بدل أن تُسقط الشاشة بأكملها معه. اطلب من الذكاء الاصطناعي «حدّ خطأ» (error boundary) وستحصل على ذلك بالضبط: ودجت منهار واحد لم يعد يقتل الصفحة.

لا تعرض على المستخدمين رمز خطأ كعنوان رئيسي أبدًا. ولا تُضِع عملهم الجاري أبدًا. وامنحهم دائمًا زرًّا يضغطونه، فالعجز هو ما يجعل الأخطاء تبدو كارثية.

الكتابThe Solopreneur Revolutionلويس غونسالفيس عن بناء مشروع رائد أعمال منفرد بالذكاء الاصطناعي دون ترك وظيفتك.احصل على الكتاب ←

حالات الفراغ: حوّل الطريق المسدود إلى خطوة تالية

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

حالة الفراغ الجيدة من ثلاثة أجزاء: مرئية واضحة تمثل ما هو مفقود، وعنوان مفيد يشرح ما سيوجد هنا («لا طلبات بعد»)، وخطوة تالية («شارك رابط طلبك»). للنبرة أهمية: «ابدأ» تدعو، و«لا شيء هنا» تُحبط.

ينبغي أن تتغير حالات الفراغ بحسب السياق أيضًا. غياب نتائج البحث يستحق «لا شيء يطابق بحثك، جرّب كلمات أخرى» وزرًّا لمسح المرشحات. والمستخدم لأول مرة يستحق ترحيبًا وإشارة إلى أول إجراء له. الآلية نفسها، والرسالة مختلفة، وكل واحدة تحوّل لحظة ارتباك إلى لحظة إرشاد.

كيف تجعل الذكاء الاصطناعي يبني الحالات الأربع كل مرة

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

أنشئ شاشة قائمة الطلبات. التحميل: اعرض هيكلًا بخمس بطاقات بديلة. الخطأ: اعرض رسالة ودودة مع زر إعادة المحاولة. الفراغ: اعرض رسالة مفيدة وزرًّا لإنشاء أول طلب. النجاح: اعرض البيانات. اتبع النمط نفسه للشاشات القائمة.

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

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

12 أسبوعاًمسيرتك في الشركات لم تكن الخطة أبداًقدّم طلبك إلى Solopreneur Accelerator.قدّم الآن ←

الأسئلة الشائعة

ما حالات التحميل والخطأ والفراغ؟

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

هل تجعل شاشات الهيكل التطبيق يبدو أسرع فعلًا؟

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

ما الذي يصنع حالة فراغ جيدة؟

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

هل سيضيف الذكاء الاصطناعي هذه الحالات تلقائيًا؟

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