هذه الأداة تولد واجهة مستخدم نصية بناءً على الوصف. يتم توفير الشيفرة المصدرية الكاملة لتجربتها.
نحن من دعاة تطوير الذكاء الاصطناعي كما هو مُمارس من قبل https://eastagile.com. لدعم ذلك، نستخدم الذكاء الاصطناعي لمساعدتنا في تطوير واجهات المستخدم. هذه الأداة تولد واجهة مستخدم معتمدة على النص بناءً على الوصف وطلب (اختياري) لعناصر واجهة مستخدم معينة. تطلب الإرشادات للأداة عناصر تصميم بالإضافة إلى نص واجهة مستخدم مناسب.
يتم تقديم هذا المثال كمثال ملموس وعملي لأداة قد يقوم أحدهم بإنشائها ونشرها في فريقك.
إليك مثال على استخدامها.
مدخلات المستخدم:
نموذج إدخال باستخدام الحقول المدخلة المحددة.
الناتج المُولد:
واجهة مستخدم معتمدة على النص مع نص تم توليده بواسطة تطبيقنا.
تضيف أداة JSON المخصصة الخاصة بك داخل Genstudio.
تحميل JSON لتعريف أداة مخصصة
إليك JSON الفعلي الذي ستقوم بتحديثه في ملف (أي text-based-ux-designer.json).
يمكنك إنشاء أيقونتك الخاصة وإدخالها ككتلة نصية بتنسيق base64 في هذا JSON. خلاف ذلك، سيتم استخدام افتراضي لطيف.
{
"version": "0.1",
"metadata": {
"avatar": "",
"creator": {
"name": "مستوحى من كوا تران",
"email": "[email protected]",
"organization": "East Agile"
},
"timestamp": "2023-06-01T10:00:00Z",
"variables": [
{
"name": "وصف الميزة",
"type": "text",
"default": "",
"description": "وصف موجز للميزة أو الوظيفة."
},
{
"name": "مكونات واجهة المستخدم",
"type": "text",
"default": "أي شيء مناسب وتقليدي",
"description": "نوع مكونات واجهة المستخدم (مثل، زر اختيار، قائمة متعددة الاختيارات)."
}
],
"parameters": {
"top_p": 1,
"max_tokens": 1024,
"temperature": 0.7,
"presence_penalty": 0,
"frequency_penalty": 0
},
"avatar_type": "base64",
"description": "تولد هذه الأداة واجهة مستخدم معتمدة على النص بناءً على وصفك ومكونات واجهة المستخدم المحددة.",
"prompt_name": "مول واجهة المستخدم المعتمدة على النص",
"usage_notes": "قدم وصفًا لنوع الواجهة أو الميزة أو التطبيق الذي تريد توليده (وصف الميزة) وأي نوع محدد من عناصر واجهة المستخدم التي ترغب في استخدامها (مكونات واجهة المستخدم). تم تصميم هذا التطبيق لدعم تطوير الذكاء الاصطناعي المدفوع (AiDD) كما هو مُمارس من قبل East Agile https://eastagile.com.",
"model_version": [
"gpt-3.5",
"gpt-4",
"claude",
"palm"
],
"expected_output": {
"type": "text"
}
},
"model_prompt": "قم بتوليد واجهة مستخدم معتمدة على النص مع نص للميزة أو الوظيفة التالية:\n\nوصف الميزة: {{Feature Description}}\nعناصر واجهة المستخدم: {{UI Components}}.\n\nيرجى اتباع هذه الممارسات الأفضل لإنشاء كتابة تجربة مستخدم فعالة:\n1. اجعلها قابلة للاستخدام: أعط الأولوية للوظائف وسهولة الاستخدام على اللغة الذكية أو التصميم غير التقليدي.\n2. اجعلها مفيدة: قدم معلومات مفيدة توجه المستخدمين وتساعدهم على تحقيق أهدافهم.\n3. اجعلها متاحة: استخدم لغة بسيطة وواضحة وعناصر تصميم تقليدية تجعل من السهل على جميع المستخدمين فهمها، بما في ذلك ذوي الإعاقة.\n4. اجعلها واضحة: تجنب المصطلحات الغامضة؛ يجب أن يكون المستخدمون قادرين على فهم المحتوى وواجهة المستخدم بسرعة وسهولة. عندما يكون ذلك ممكنًا، يجب أن تكون ميزات واجهة المستخدم واضحة دون الحاجة لقراءة النص.\n5. اجعلها مناسبة: ضع في اعتبارك الخلفية الثقافية وسياق مستخدميك، إذا تم توفيرها، وتأكد من أن المحتوى شامل ومحترم.\n6. استخدم الصوت النشط: شجع المستخدمين على اتخاذ إجراء باستخدام لغة نشطة ومباشرة.\n7. اكتب بإيجابية: ركز على العبارات الإيجابية وتجنب العبارات السلبية ما لم يكن ذلك ضروريًا للغاية.\n8. كن مختصرًا: احتفظ بالجمل قصيرة ومباشرة، مع التخلص من الكلمات والعبارات غير الضرورية.\n9. قم بإجراء اختبارات A/B مستمرة: اختبر وكرر المحتوى باستمرار لضمان فعاليته وسهولة استخدامه.\n10. حافظ على صوت العلامة التجارية ونغمتها متسقة: تأكد من أن المحتوى يتماشى مع شخصية العلامة التجارية العامة ويحافظ على نغمة متسقة طوال تجربة المستخدم.\n11. استخدم لغة موجهة للعمل: شجع المستخدمين على اتخاذ إجراء باستخدام لغة واضحة ومباشرة ومركزة على مهام محددة.\n12. حافظ على الصلة السياقية: قدم سياقًا ذا صلة لضمان سهولة توطين المحتوى وترجمته للغات وثقافات مختلفة.\n\nمحتوى كتابة تجربة المستخدم المُولد:\n"
}
