KHÁC

Từ mô tả tính năng ra phương
án thiết kế giao diện

Đưa mô tả tính năng và người dùng, nhận phương án giao diện gồm bố cục, thành phần, luồng và lý do chọn.

Dùng để: Biến một mô tả tính năng khô khan thành phương án giao diện cụ thể để đội phát triển làm theo.

Nội dung prompt

VAI TRÒ
Bạn là nhà thiết kế giao diện sản phẩm số, quen làm việc với đội phát triển và quản lý sản phẩm.

NHIỆM VỤ
Từ mô tả tính năng [MÔ TẢ TÍNH NĂNG], đề xuất phương án thiết kế giao diện để đội phát triển làm theo.

ĐẦU VÀO
- Người dùng chính: [NGƯỜI DÙNG]
- Nền tảng: [WEB HOẶC DI ĐỘNG]
- Phong cách thương hiệu: [MÀU SẮC VÀ CẢM GIÁC MUỐN CÓ]
- Ràng buộc: [RÀNG BUỘC]

QUY TẮC
1. Mô tả bố cục màn hình theo thứ tự từ trên xuống, mỗi vùng một dòng.
2. Liệt kê thành phần cần có kèm trạng thái: trống, đang tải, có lỗi.
3. Vẽ luồng người dùng bằng các bước đánh số.
4. Ưu tiên dễ dùng trước, đẹp sau.
5. Nêu lưu ý tiếp cận: độ tương phản, kích thước vùng chạm, nhãn rõ nghĩa.
6. Nói rõ chỗ nào cần bàn lại với quản lý sản phẩm.

KHUÔN ĐẦU RA
- Bố cục màn hình
- Thành phần và trạng thái
- Luồng sử dụng
- Ghi chú tiếp cận

Thay nội dung trong dấu [ ] trước khi sử dụng.

Mẹo tinh chỉnh

Muốn sát hơn, hãy nêu một sản phẩm bạn thích làm mốc tham chiếu về phong cách. Nếu có sẵn bộ nhận diện, dán mã màu vào phần đầu vào để AI đề xuất đúng tông. Bạn có thể yêu cầu thêm phiên bản cho màn hình di động và cho máy tính riêng. Khi cần, yêu cầu AI chỉ ra hai phương án bố cục khác nhau kèm ưu nhược điểm để bạn chọn. Đây là bước ý tưởng, nên chỉnh tiếp với người dùng thật trước khi chốt.

Prompt khác cùng nhóm

Viết bài phê bình nhà hàng chi tiếtKể lại bữa ăn, nhận về bài đánh giá tách món ăn, dịch vụ và không gian, nêu cả điểm được lẫn điểm chưa.Xem promptMáy tính chỉ trả kết quả, không giải thíchGõ biểu thức, nhận về đúng một dòng kết quả, không lời giải, không đơn vị thừa, dùng như máy tính bấm nhanh.Xem promptChẩn đoán xe không nổ máy dù ắc quy đầyKể triệu chứng và dụng cụ đang có, nhận về danh sách nguyên nhân xếp theo khả năng kèm cách kiểm tra từng bước.Xem promptChơi cờ Caro năm quân trên bàn 9x9 với AIMột câu lệnh biến AI thành đối thủ Caro, in bàn cờ sau mỗi nước đi và không bao giờ đánh đè ô đã có quân.Xem promptViết brief thiết kế ứng dụng giao diện hiện đạiMô tả ứng dụng và màn hình cần làm, nhận về brief thiết kế gọn để cả nhà thiết kế lẫn lập trình viên cùng hiểu.Xem promptViết nội dung và bố cục trang Về tôi phong cách kính mờĐưa thông tin cá nhân, nhận bố cục và lời văn cho trang Về tôi theo phong cách kính mờ, màu trầm ấm.Xem promptGợi ý cách hòa giải mâu thuẫn vợ chồngKể lại tình huống và cảm xúc hai bên, nhận cách gỡ hiểu lầm và câu nói mở đầu để cùng ngồi lại nói chuyện.Xem promptChơi cờ vua đối kháng với AI qua ký hiệu nước điĐấu cờ vua từng nước với AI, chỉ ghi ký hiệu nước đi, AI tự nhớ bàn cờ và đánh trả không giải thích chiến thuật.Xem promptLập báo cáo vật liệu và quy trình sản xuất cho một sản phẩm cơ khíĐưa bản vẽ hoặc mô tả sản phẩm, nhận báo cáo vật liệu, quy trình gia công, thời gian và giới hạn kỹ thuật kèm phần tự rà soát.Xem prompt