Công cụ này tạo ra một giao diện người dùng dựa trên văn bản dựa trên mô tả. Mã nguồn đầy đủ được cung cấp để bạn thử nghiệm.
Last updated
Chúng tôi là những người ủng hộ Phát triển Dựa trên AI như được thực hành bởi https://eastagile.com. Để hỗ trợ điều đó, chúng tôi sử dụng AI để giúp chúng tôi phát triển giao diện người dùng. Công cụ này tạo ra một giao diện người dùng dựa trên văn bản dựa trên mô tả và yêu cầu (tùy chọn) cho một số yếu tố giao diện người dùng nhất định. Lời nhắc cho công cụ yêu cầu các yếu tố thiết kế cũng như văn bản giao diện người dùng phù hợp.
Ví dụ này được trình bày như một ví dụ cụ thể và thực tiễn về một công cụ mà bạn có thể tạo và triển khai trong toàn đội của mình.
Dưới đây là một ví dụ về cách sử dụng nó.
Đầu vào của người dùng:
Đầu ra được tạo ra:
Bạn thêm json công cụ tùy chỉnh của bạn vào Genstudio.
Dưới đây là json thực tế mà bạn sẽ cập nhật trong một tệp (tức là text-based-ux-designer.json).
{"version":"0.1","metadata": {"avatar":"","creator": {"name":"Lấy cảm hứng từ Khoa Tran","email":"admin@eastagile.com","organization":"East Agile"},"timestamp":"2023-06-01T10:00:00Z","variables": [{"name":"Mô tả Tính năng","type":"text","default":"","description":"Một mô tả ngắn gọn về tính năng hoặc chức năng."},{"name":"Các Thành phần Giao diện Người dùng","type":"text","default":"Bất cứ điều gì phù hợp và thông thường","description":"Loại các thành phần giao diện người dùng (ví dụ: nút radio, danh sách chọn nhiều)."}],"parameters": {"top_p":1,"max_tokens":1024,"temperature":0.7,"presence_penalty":0,"frequency_penalty":0},"avatar_type":"base64","description":"Công cụ này tạo ra một giao diện người dùng dựa trên văn bản dựa trên mô tả của bạn và các thành phần giao diện người dùng được chỉ định.","prompt_name":"Trình tạo Giao diện Người dùng Dựa trên Văn bản","usage_notes":"Cung cấp một mô tả về loại giao diện, tính năng hoặc ứng dụng mà bạn muốn tạo ra (Mô tả Tính năng) và bất kỳ loại yếu tố giao diện người dùng cụ thể nào mà bạn muốn sử dụng (Các Thành phần Giao diện Người dùng). Ứng dụng này được thiết kế để hỗ trợ Phát triển Dựa trên AI (AiDD) như được thực hành bởi East Agile https://eastagile.com.","model_version": ["gpt-3.5","gpt-4","claude","palm"],"expected_output": {"type":"text"}},"model_prompt": "Tạo một giao diện người dùng dựa trên văn bản với văn từ cho tính năng hoặc chức năng sau:\n\nMô tả Tính năng: {{Mô tả Tính năng}}\nCác Yếu tố Giao diện Người dùng: {{Các Thành phần Giao diện Người dùng}}.\n\nVui lòng tuân theo những thực tiễn tốt nhất này để tạo ra nội dung UX hiệu quả:\n1. Làm cho nó có thể sử dụng: Ưu tiên chức năng và dễ sử dụng hơn là ngôn ngữ thông minh hoặc thiết kế không thông thường.\n2. Làm cho nó hữu ích: Cung cấp thông tin hữu ích hướng dẫn người dùng và giúp họ đạt được mục tiêu của mình.\n3. Làm cho nó dễ tiếp cận: Sử dụng ngôn ngữ đơn giản, rõ ràng và các yếu tố thiết kế thông thường giúp tất cả người dùng dễ hiểu, bao gồm cả những người khuyết tật.\n4. Làm cho nó rõ ràng: Tránh thuật ngữ và sự mơ hồ; người dùng nên có thể hiểu nội dung và giao diện người dùng nhanh chóng và dễ dàng. Khi có thể, các khả năng giao diện người dùng nên rõ ràng mà không cần phải đọc văn bản.\n5. Làm cho nó phù hợp: Cân nhắc bối cảnh văn hóa và ngữ cảnh của người dùng của bạn, nếu có, và đảm bảo nội dung là bao trùm và tôn trọng.\n6. Sử dụng giọng chủ động: Khuyến khích người dùng hành động bằng cách sử dụng ngôn ngữ chủ động, trực tiếp.\n7. Viết tích cực: Tập trung vào các tuyên bố khẳng định và tránh các cụm từ tiêu cực trừ khi thực sự cần thiết.\n8. Ngắn gọn: Giữ cho câu ngắn gọn và đi thẳng vào vấn đề, loại bỏ các từ và cụm từ không cần thiết.\n9. Thực hiện kiểm tra A/B liên tục: Liên tục kiểm tra và tinh chỉnh nội dung để đảm bảo nó hiệu quả và thân thiện với người dùng.\n10. Giữ giọng điệu và âm sắc thương hiệu nhất quán: Đảm bảo nội dung phù hợp với tính cách thương hiệu tổng thể và duy trì âm sắc nhất quán trong toàn bộ trải nghiệm người dùng.\n11. Sử dụng ngôn ngữ hướng hành động: Khuyến khích người dùng hành động bằng cách sử dụng ngôn ngữ rõ ràng, trực tiếp và tập trung vào các nhiệm vụ cụ thể.\n12. Duy trì tính liên quan theo ngữ cảnh: Cung cấp ngữ cảnh liên quan để đảm bảo nội dung dễ dàng địa phương hóa và dịch cho các ngôn ngữ và văn hóa khác nhau.\n\nNội dung Viết UX được tạo ra:\n"
}
Bạn có thể tạo biểu tượng của riêng mình và nhập nó dưới dạng một khối văn bản base64 vào json này. Nếu không, một mặc định đẹp sẽ được sử dụng.
Đầu vào mẫu sử dụng các trường đầu vào đã chỉ định.
Một giao diện người dùng dựa trên văn bản với văn bản được tạo ra bởi ứng dụng của chúng tôi.
