تطبيق مشروع كامل: من الفكرة إلى عمل جاهز
ماذا سنفعل في هذا الفصل؟
- 自己知道从哪里开始
- 正常输入可以得到结果
- 遇到问题时自己会绕过去
- 第一次打开也知道怎样操作
- 等待和失败时能看懂发生了什么
- 结果可以继续编辑、复制或保存
1. استخدم منتجك مرة من البداية إلى النهاية
لا تتعجل إضافة تسجيل الدخول والعمل الجماعي ولوحات البيانات. افتح المنتج الحالي واستخدمه كما يفعل مستخدم جديد، من الصفحة الأولى حتى الحصول على نتيجة. كل خطوة لا تزال تحتاج إلى شرحك هي موضع يحتاج إلى التحسين.
في مساحة عمل محتوى التجارة الإلكترونية، يبدو الاستخدام الكامل هكذا:
يرفع موظف التجارة الإلكترونية صورة المنتج، ويضيف المعلومات اللازمة، وينشئ مسودة أولى من الصورة والنص، ويراجعها، ثم ينسخها أو يحفظها للتعديل والنشر لاحقًا.
يكفي الآن إنجاز هذه الرحلة القصيرة جيدًا. يمكن تأجيل تسجيل الدخول وصلاحيات الفريق والإطلاق الرسمي حتى يحتاج إليها المنتج فعلًا.
1.1 اتبع ترتيب الاستخدام الحقيقي
اترك الشيفرة والمكونات جانبًا قليلًا، ونفّذ ما سيفعله المستخدم:
- يفتح الصفحة ويفهم ما الذي تساعده الأداة على إنجازه.
- يرفع صورة منتج ويملأ المعلومات اللازمة، مثل الاسم والخامة.
- ينقر «إنشاء النص» ويرى أن الصفحة تعالج الطلب.
- يراجع العنوان ونقاط البيع التي أعادها الذكاء الاصطناعي، ويعدّلها أو يعيد الإنشاء عند الحاجة.
- ينسخ النتيجة أو ينزلها أو يحفظها مؤقتًا، ثم ينهي المهمة.
بعد الانتهاء اسأل نفسك: هل سيواصل الشخص لو لم أكن بجواره؟ دوّن إدارة الفريق ولوحات البيانات المعقدة، لكن لا تنفذها الآن ما دامت لا تؤثر في هذه المهمة.
ما الحجم المناسب لهذه النسخة؟
إذا استطعت شرح المهمة في جملة واحدة، وبدأ الشخص الآخر خلال دقائق، فالنطاق مناسب غالبًا.
1.2 جرّب مرة أخرى من صفحة فارغة
بعد مدة من التطوير، تبقى في الصفحة بيانات تجريبية ونتيجة قديمة. لذلك يسهل أن ننسى ما يراه المستخدم الجديد. افتح نافذة خاصة أو امسح البيانات المحلية وابدأ من جديد.
جرّب ثلاث حالات فقط:
- افتحها فارغة: انقر من دون إدخال شيء، وتأكد من أن الصفحة توضح ما ينقص.
- أنشئ بصورة طبيعية: ارفع صورة وأنشئ المحتوى، وتأكد من ظهور الانتظار والخطوة التالية بعد النتيجة.
- سبّب فشلًا واحدًا: ارفع ملفًا غير مدعوم أو اجعل الطلب يفشل؛ يجب أن تبقى المدخلات وأن تتاح إعادة المحاولة.
دوّن الأماكن التي توقفت عندها. سنصلحها في القسم التالي.
يمكن لبيئة تطوير مدعومة بالذكاء الاصطناعي فحص الشيفرة، لكنها لا تستبدل التجربة الفعلية:
لا تعدّل الشيفرة بعد.
افحص المشروع الحالي وفق مهمة المستخدم التالية:
يرفع صورة منتج، ويدخل المعلومات المطلوبة، وينشئ النص،
ويراجع النتيجة، ثم ينسخها أو يحفظها.
أخبرني بالصفحات والملفات المشاركة في هذه الرحلة،
وبالأماكن التي يمكن أن تتوقف عندها حاليًا.تستطيع الأداة العثور على شيفرة مشكوك فيها، لكن سهولة الصفحة لا تعرفها إلا بعد النقر بنفسك.
2. أصلح الأماكن التي يتعثر فيها المستخدم
بعد إكمال الرحلة مرة، تظهر المشكلات عادة في أربع لحظات: عند الفتح الأول، وأثناء انتظار الذكاء الاصطناعي، وبعد ظهور النتيجة، وعند فشل الطلب. لا نحتاج إلى تصميم معقد؛ يكفي أن يعرف المستخدم ما الذي يحدث وما الذي يستطيع فعله بعده.
2.1 هل يعرف المستخدم ماذا يفعل أولًا؟
لا ينبغي أن تحتوي الصفحة الفارغة على حقل إدخال فقط. أضف شرحًا قصيرًا، أو مثالًا، أو ملاحظة عن صيغ الصور وأحجامها بجوار منطقة الرفع.
إذا احتوى النموذج على حقول كثيرة، فاحتفظ بما تحتاج إليه النتيجة فعلًا. يمكن أن يكون الاسم والصورة والخصائص الأساسية إلزامية، بينما تذهب العلامة والرابط وإعدادات الأسلوب إلى «إعدادات إضافية». لا تجعل التجربة الأولى تبدأ بنموذج طويل.
2.2 هل تستجيب الصفحة بعد النقر؟
قد يستغرق طلب الذكاء الاصطناعي عدة ثوانٍ. بعد النقر، يجب أن يعرض الزر «جارٍ الإنشاء» ويمنع الإرسال المتكرر مؤقتًا. لا تختفِ المدخلات فجأة، ولا تنتقل الصفحة إلى مساحة نتيجة فارغة.
لا تحتاج حالة الانتظار إلى حركة معقدة. إظهار أن العمل بدأ، مع إبقاء المدخلات وموضع الصفحة، يمنع معظم الالتباس.
إذا مرّت الصورة أو الفيديو بطابور، يمكنك عرض «في الانتظار» ثم «جارٍ الإنشاء». لا تخترع نسبة دقيقة ما لم توفر الواجهة البرمجية تقدمًا حقيقيًا.
2.3 ماذا يفعل المستخدم بعد ظهور النتيجة؟
إجابة الذكاء الاصطناعي ليست نهاية الرحلة. يحتاج المستخدم غالبًا إلى مراجعة الحقائق وتعديل الصياغة ونقل النتيجة إلى الخطوة التالية. يجب أن تتيح منطقة النتيجة إجراء واحدًا على الأقل: التعديل أو النسخ أو التنزيل أو إعادة الإنشاء.
تبقى صورة المنتج فوق النتيجة، فيستطيع المستخدم مقارنة النص بالأصل بدل قبول إجابة واحدة من النموذج.
إذا لم يستطع النموذج تأكيد معلومة، فضع عليها علامة ودع المستخدم يكملها أو يحذفها. هذا أقرب إلى العمل الحقيقي من تقديم فقرة على أنها «الإجابة النهائية».
2.4 هل يمكن المتابعة بعد الفشل؟
يمكن أن يفشل الطلب بسبب الشبكة أو نفاد الحصة أو ملف غير مدعوم. لا حاجة إلى عرض الخطأ التقني كاملًا، لكن يجب أن تقول الصفحة إن العملية لم تكتمل، وأن تتيح إعادة المحاولة أو تعديل المدخلات.
مثلًا:
- صيغة صورة غير مدعومة: اذكر الصيغ المقبولة واسمح باختيار ملف آخر.
- معلومة إلزامية ناقصة: ضع التنبيه بجوار الحقل، لا تكتفِ بعبارة «معاملات غير صحيحة».
- خدمة الذكاء الاصطناعي غير متاحة: احتفظ بالمدخلات وقدّم «إنشاء مرة أخرى».
- النتيجة غير مناسبة: اسمح بتعديل المدخلات والمحاولة من جديد من دون البدء من الصفر.
إذا كان تحديث الصفحة سيفقد نموذجًا طويلًا، يمكنك حفظ المسودة مؤقتًا في LocalStorage. احفظ البيانات العادية اللازمة للاستمرار فقط، ولا تحفظ API Key أو بيانات عملاء حقيقية أو ملفات حساسة في المتصفح.
سلّم المشكلات إلى بيئة التطوير في طلب مركز:
افحص رحلة «رفع صورة منتج وإنشاء نص»
في أربع لحظات: البداية والانتظار والنجاح والفشل.
أصلح أولًا ما يمنع المستخدم من الاستمرار:
- الحقول الإلزامية بلا تنبيه واضح؛
- يمكن النقر على الزر عدة مرات أثناء الطلب؛
- يمسح الفشل المدخلات؛
- لا تسمح النتيجة بالتعديل أو النسخ أو إعادة الإنشاء.
قبل التعديل أخبرني بالملفات التي ستغيّرها.
وبعد الانتهاء أعطني خطوات اختبار يدوي.3. اطلب من شخص آخر استخدام المنتج
عندما تنظر طويلًا إلى صفحتك، تبدو كل الخطوات بديهية. يستطيع شخص لم يشارك في التطوير العثور خلال دقائق على مشكلات لم نلاحظها.
اختر إن أمكن شخصًا قد يستخدم المنتج فعلًا. يناسب مثالنا شخص أدار متجرًا أو أعد صفحات منتجات. وإذا لم تجده، فصديق لم ير الصفحة من قبل مفيد أيضًا.
3.1 أخبره بالمهمة فقط
في بداية الاختبار، اشرح الهدف وحده:
استخدم هذه الأداة لإنشاء عنوان ونقاط بيع من صورة المنتج. راجع المحتوى، ثم انسخ النسخة التي ستواصل تعديلها.
راقب قبل أن تخبره أين ينقر. دوّن التوقف والعودة والنقر المتكرر والأسئلة. إذا شرحت فورًا، أخفيت مشكلة كان ينبغي أن تحلها الصفحة.
حتى شخص واحد أو اثنان يستطيعان كشف مشكلات واضحة. لا تحتاج إلى تقرير رسمي؛ دوّن فقط المكان الذي توقفا فيه.
إذا فتح الشخص الصفحة ولم يتحرك، فأضف شرحًا قصيرًا. وإذا كرر النقر على «إنشاء»، فاجعل الانتظار أوضح. وإذا لم يعرف ما بعد النتيجة، فأضف التعديل أو النسخ. وإذا اضطر بعد الفشل إلى إعادة كل شيء، فاحتفظ بالمحتوى وأضف إعادة المحاولة.
3.2 تحدث بعد انتهاء الاستخدام
بعد أن يكمل المستخدم المهمة أو يتركها، اسأله:
- ما الخطوة التي كانت أقل وضوحًا؟
- ما الأجزاء التي ستستخدمها مباشرة، وما الذي ستعدله دائمًا؟
- إذا تكررت المهمة، هل ستستخدم الأداة مرة أخرى؟ ولماذا؟
لا تسأل فقط «هل كانت سهلة؟». جواب مهذب مثل «جيدة» لا يوجه التعديل. السلوك والأمثلة المحددة أكثر قيمة.
عند استخدام مواد حقيقية
قد تحتوي صور المنتجات أو التسجيلات أو الوثائق على معلومات أعمال حقيقية. اشرح نوع خدمة الذكاء الاصطناعي التي ستستقبلها، وتجنب بيانات العملاء غير المصرح بها، واحذف الملفات التي لم تعد مطلوبة بعد الاختبار.
4. أصلح العائق ثم جرّب من جديد
قد ينتج الاختبار قائمة طويلة من المشكلات. لا تصلحها كلها. ابدأ بما يمنع إتمام المهمة أو يجعل النتيجة غير موثوقة.
استخدم هذا الترتيب:
- لا يمكن إتمام المهمة: زر لا يعمل، أو طلب يفشل، أو نتيجة لا يمكن أخذها.
- النتيجة غير موثوقة بوضوح: معلومات مخترعة، أو لا يمكن التحقق منها، أو مصادر ضرورية مفقودة.
- العملية سهلة الالتباس: نقطة البداية أو الحالة الحالية غير واضحة.
- التكلفة على المستخدم كبيرة: خطوات متكررة، أو مدخلات تضيع، أو انتظار بلا رد.
- الشكل والوظائف الجديدة: تحسينات لا تمنع المهمة الأساسية.
اختر أهم مشكلة إلى ثلاث مشكلات. بعد الإصلاح جرّب الرحلة بنفسك، واطلب من الشخص نفسه العودة إن أمكن. لا يكون التغيير مفيدًا إلا حين يختفي العائق الأصلي.
4.1 أعطِ بيئة التطوير ملاحظة محددة
لا تقل «حسّن الصفحة» فقط. أدرج ما رأيته:
مهمة المستخدم: رفع صورة منتج وإنشاء ثلاث نقاط بيع.
المشكلة الملاحظة:
نقر شخصان على «إنشاء» عدة مرات لأن الصفحة لم توضّح
أن الطلب قد بدأ، فنتجت مهام مكررة.
عدّل الصفحة الحالية:
1. عطّل الزر بعد بدء الطلب واعرض «جارٍ الإنشاء».
2. أعده بعد النجاح أو الفشل.
3. لا تمسح المعلومات التي أدخلها المستخدم.
4. اشرح كيف أختبر النقر المتكرر والفشل يدويًا.يمنع الطلب المحدد تغييرات بعيدة عن المشكلة، ويخبرك بما يجب التحقق منه بعد ذلك.
4.2 أعد الرحلة من البداية
قد يؤثر إصلاح موضع في موضع آخر. قبل المشاركة، اختبر أربع حالات:
- إدخال عادي بكل المعلومات؛
- حقل إلزامي واحد مفقود؛
- طلب API يفشل أو تنتهي مهلته؛
- تعديل النتيجة أو نسخها أو إعادة إنشائها.
إذا كان المنتج يحفظ المسودات، فحدّث الصفحة أيضًا. تحقق من السلوك الجديد، ومن بقاء الرحلة الأصلية سليمة.
5. جهّز العمل للمشاركة
لم يعد العمل «يعمل على جهازك» فقط. استخدمه شخص آخر، وعدّلته بناء على مشكلة حقيقية. جهّز الوصول والشرح ليتمكن مزيد من الناس من فهمه.
5.1 اشرحه في دقيقة
يمكنك اتباع هذا الترتيب:
- من يعاني من أي مشكلة: موظف التجارة الإلكترونية يرتب الصور ونقاط البيع كلما أعد مسودة أولى.
- كيف يساعده المنتج: يرفع الصورة والمعلومات ويحصل على مسودة قابلة للتعديل.
- ما قدرات الذكاء الاصطناعي: فهم الصورة وإنشاء النص.
- كيف تتم المهمة: رفع، وإنشاء، ومراجعة، وتعديل، ونسخ.
- ما الذي تغيّر بعد الاختبار: مثل ظهور الانتظار وبقاء المدخلات بعد الفشل.
دع الآخرين يفهمون المنتج قبل سرد أطر العمل وأسماء النماذج.
5.2 جهّز ما يحتاج إليه شخص آخر
قبل المشاركة جهّز ثلاثة أشياء:
- تطبيق يعمل: قدّم رابطًا؛ وإذا لم يُنشر، اكتب أمر التشغيل والعنوان.
- فيديو من 30 إلى 60 ثانية: اعرض المهمة الأساسية كاملة من الإدخال إلى النتيجة، لا تنقل سريعًا بين الصفحات فقط.
- صفحة تعريف: اكتب المستخدم المستهدف، والمشكلة، والرحلة، وقدرة الذكاء الاصطناعي، ورأي مستخدم واحد، والتعديل الناتج عنه.
إذا تعذر الوصول عن بعد، فيكفي التشغيل المحلي والفيديو كحصيلة Stage 1. المهم أن يفهم شخص آخر العمل ويرى اكتمال الرحلة الأساسية.
5.3 هل تواصل هذا العمل أم تبدأ غيره؟
يمكنك متابعة مساحة التجارة الإلكترونية أو تطبيق الطريقة على الاجتماعات أو الصوت أو دعم التعلم أو أداة مهنية. يساعدك دليل سيناريوهات الذكاء الاصطناعي على استكشاف اتجاهات أخرى.
لا تنتقل إلى موضوع غريب لمجرد أن تبدو أصيلًا. مشكلة صغيرة من دراستك أو عملك أو حياتك، جُرّبت مع شخص حقيقي وعُدلت، أكثر إقناعًا من صفحة كثيرة الوظائف لم يستخدمها أحد.
قبل الإرسال
افتح الرابط مرة أخيرة وأكمل الرحلة. تأكد من أن الآخرين يستطيعون فتحه، وأن الذكاء الاصطناعي يعيد نتيجة، وأن الصفحة واللقطات لا تحتوي على API Key. وإذا استخدمت صورًا أو صوتًا أو وثائق لغيرك، فتحقق من الإذن.
6. 📚 الواجب
أكمل عمل Stage 1 وانشره
لا تضف وظيفة جديدة. جهّز العمل الحالي وسلّمه فعلًا إلى شخص واحد ليستخدمه.
- استخدمه مرة كاملة
- ابدأ بفتح الصفحة، واستمر حتى تحصل على النتيجة أو تعدّلها أو تحفظها.
- اطلب من شخص تجربته
- لا تشرح الواجهة أولًا؛ راقب موضع توقفه وأصلح مشكلة واحدة.
- شارك العمل
- جهّز رابطًا أو تعليمات تشغيل، وفيديو من 30 إلى 60 ثانية، وتعريفًا قصيرًا.
يكتمل Stage 1 فعلًا عندما يستطيع شخص آخر فتح العمل وإنهاء استخدام واحد من دون مساعدة.
الخطوة التالية
لقد مررت الآن بمسار كامل: بدأت من مشكلة حقيقية، وضيّقت النسخة الأولى، وبنيت نموذجًا تفاعليًا، وربطت الذكاء الاصطناعي، ثم حسّنت المنتج بعد تجربة مستخدم.
في Stage 2 سنتعلم قواعد البيانات والحسابات والدفع والنشر وهندسة واجهة أمامية وخلفية أكثر اكتمالًا. ستتيح هذه القدرات خدمة عدد أكبر من المستخدمين وبيانات حقيقية، لكن نقطة البداية ستبقى واحدة: أكمل أولًا مهمة مستخدم ذات قيمة.
你完成了第一阶段
从第一次让 AI 写出一个小游戏，到把自己的产品交给别人使用，你已经走完了一次真正的软件创作。