هذه الأداة تولد واجهة مستخدم نصية بناءً على الوصف. يتم توفير الشيفرة المصدرية الكاملة لتجربتها.
نحن ننادي بتطوير driven AI كما هو معتمد من قبل https://eastagile.com. لدعم ذلك، نستخدم AI لمساعدتنا في تطوير واجهات المستخدم. هذه الأداة تولد واجهة مستخدم نصية بناءً على الوصف وطلب (اختياري) لعناصر واجهة مستخدم معينة. يطلب الطلب الخاص بالأداة عناصر التصميم بالإضافة إلى نص واجهة المستخدم المناسب.
يتم تقديم هذا المثال كمثال ملموس وعملي لأداة قد يقوم أحدهم بإنشائها ونشرها في فريقك.
إليك مثال على استخدامه.
مدخلات المستخدم:
المخرجات المولدة:
أنت تضيف أداة JSON المخصصة الخاصة بك داخل Genstudio.
إليك الـ JSON الفعلي الذي ستقوم بتحديثه في ملف (أي: text-based-ux-designer.json).
{"version":"0.1","metadata": {"avatar":"","creator": {"name":"مستوحاة من كوا تران","email":"admin@eastagile.com","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": "قدم وصفًا لما تريد من واجهة، أو ميزة، أو تطبيق ترغب في إنشائه (وصف الميزات) وأي نوع معين من عناصر واجهة المستخدم التي تود استخدامها (مكونات واجهة المستخدم). تم تصميم هذا التطبيق لدعم تطوير driven AI (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يرجى اتباع هذه الممارسات المثلى لإنشاء محتوى UX فعال:\n1. اجعلها قابلة للاستخدام: أعط الأولوية للوظائف وسهولة الاستخدام على اللغة الذكية أو التصميم غير التقليدي.\n2. اجعلها مفيدة: قدم معلومات مفيدة ترشد المستخدمين وتساعدهم على تحقيق أهدافهم.\n3. اجعلها سهلة الوصول: استخدم لغة بسيطة وواضحة وعناصر تصميم تقليدية تجعل من السهل على جميع المستخدمين فهمها، بما في ذلك ذوي الإعاقة.\n4. اجعلها واضحة: تجنب المصطلحات الغامضة؛ يجب أن يكون المستخدمون قادرين على فهم المحتوى وواجهة المستخدم بسرعة وسهولة. عندما يكون ذلك ممكنًا، يجب أن تكون ميزات واجهة المستخدم واضحة دون الحاجة لقراءة النص.\n5. اجعلها مناسبة: اعتبر الخلفية الثقافية وسياق المستخدمين، إذا تم توفيرها، وتأكد من أن المحتوى شامل ومحترم.\n6. استخدم الصوت النشط: شجع المستخدمين على اتخاذ إجراء باستخدام لغة مباشرة ونشطة.\n7. اكتب بإيجابية: ركز على العبارات الإيجابية وتجنب العبارات السلبية ما لم يكن ذلك ضروريًا تمامًا.\n8. كن مختصرًا: اجعل الجمل قصيرة ومباشرة، مع القضاء على الكلمات والعبارات غير الضرورية.\n9. إجراء اختبارات A/B باستمرار: اختبر واصقل المحتوى باستمرار لضمان فعاليته وسهولة استخدامه.\n10. حافظ على اتساق صوت وهوية العلامة التجارية: تأكد من أن المحتوى يتماشى مع شخصية العلامة التجارية العامة ويحافظ على تناغم متسق طوال تجربة المستخدم.\n11. استخدم لغة موجهة للعمل: شجع المستخدمين على اتخاذ إجراء باستخدام لغة واضحة ومباشرة ومركزة على المهام المحددة.\n12. حافظ على الصلة السياقية: قدم سياقًا ذا صلة لضمان سهولة توطين وترجمة المحتوى لعدة لغات وثقافات.\n\nمحتوى كتابة UX المولد:\n"
}
يمكنك إنشاء أيقونتك الخاصة وإدخالها ككتلة نصية بتنسيق base64 داخل هذا الـ JSON. بخلاف ذلك، سيتم استخدام افتراضي جميل.
