Prompt: Thiết kế giao diện hiển thị thành tích và phần thưởng – Phát triển ứng dụng và nền tảng – AI Fitness

Tuyệt vời! Với vai trò là một chuyên gia kỹ thuật chuyên sâu về prompt engineering, tôi sẽ tiến hành phân tích chi tiết mẫu prompt bạn cung cấp.

1. Phân tích Cấu trúc Prompt

Mẫu prompt này là một ví dụ tốt về việc đưa ra yêu cầu rõ ràng và có cấu trúc cho một mô hình ngôn ngữ lớn (LLM) để thực hiện nhiệm vụ sáng tạo. Nó bao gồm các yếu tố sau:

• Mục tiêu chính: “Thiết kế giao diện để hiển thị các ‘Thành tích’ và ‘Phần thưởng’ mà người dùng đạt được trong ứng dụng fitness AI.” Đây là yêu cầu cốt lõi, xác định rõ ràng nhiệm vụ cần thực hiện.
• Yêu cầu về nội dung và phong cách:
  • “Giao diện cần làm nổi bật các huy hiệu, kỷ lục cá nhân, hoặc các cột mốc đã hoàn thành.” – Chỉ định các yếu tố hình ảnh và thông tin cần được ưu tiên hiển thị.
  • “Trình bày thông tin một cách trực quan và có tính thẩm mỹ cao” – Đặt ra tiêu chuẩn về trải nghiệm người dùng và thiết kế.
  • “đi kèm với mô tả rõ ràng về cách đạt được từng thành tích.” – Yêu cầu về chi tiết và tính hữu ích của thông tin.
  • “Cân nhắc tích hợp yếu tố chia sẻ xã hội để người dùng có thể khoe thành tựu của mình.” – Đề xuất một tính năng mở rộng, tăng cường tương tác xã hội.
• Biến số (Placeholder): `[CÁC_LOẠI_THÀNH_TÍCH]`
  • Đây là một biến số quan trọng, đại diện cho dữ liệu có thể thay đổi hoặc tùy chỉnh. Ví dụ bạn cung cấp “hoàn thành X bài tập, đạt Y giờ tập luyện, đạt mục tiêu Z” làm rõ mục đích của biến số này là để liệt kê chi tiết các loại thành tích cụ thể mà ứng dụng có.
  • Việc sử dụng biến số giúp prompt có tính linh hoạt, cho phép người dùng cung cấp các loại thành tích khác nhau mà không cần thay đổi toàn bộ cấu trúc prompt.

2. Ý nghĩa & Cách hoạt động

Về mặt kỹ thuật, mẫu prompt này hướng dẫn LLM sử dụng kiến thức của nó về thiết kế giao diện người dùng (UI/UX), các nguyên tắc thiết kế ứng dụng fitness, và khả năng sáng tạo nội dung để đưa ra các đề xuất cụ thể.

• “Thiết kế giao diện…”: Yêu cầu LLM suy nghĩ như một nhà thiết kế UI/UX. Nó sẽ tìm cách sắp xếp các yếu tố, lựa chọn màu sắc, font chữ, bố cục, và các thành phần tương tác khác để tạo ra một màn hình hấp dẫn và dễ sử dụng.
• “làm nổi bật các huy hiệu, kỷ lục cá nhân…”: LLM sẽ hiểu rằng các yếu tố này là “điểm nhấn” và cần được trình bày một cách nổi bật, có thể bằng cách sử dụng biểu tượng hấp dẫn, thẻ (card) riêng biệt, hoặc hiệu ứng hình ảnh.
• “trực quan và có tính thẩm mỹ cao”: LLM sẽ cố gắng tạo ra một bản mô tả giao diện không chỉ chức năng mà còn đẹp mắt, có thể bao gồm việc gợi ý về các yếu tố thị giác như ảnh nền, gradient, animation nhẹ nhàng.
• “mô tả rõ ràng về cách đạt được từng thành tích”: LLM sẽ tạo ra các đoạn văn bản ngắn gọn, súc tích giải thích điều kiện để người dùng nhận được huy hiệu/phần thưởng đó.
• “tích hợp yếu tố chia sẻ xã hội”: LLM sẽ đề xuất các nút hoặc tính năng cho phép người dùng chia sẻ thành tích lên mạng xã hội, có thể đi kèm với các mẫu văn bản chia sẻ được tạo sẵn.
• `[CÁC_LOẠI_THÀNH_TÍCH]`: Đây là phần quan trọng để cá nhân hóa đầu ra. Khi người dùng điền thông tin vào biến số này, LLM sẽ dựa vào đó để:
  • Tạo ra các đề xuất thiết kế phù hợp với từng loại thành tích cụ thể.
  • Tạo ra mô tả chi tiết cho từng loại thành tích đã được cung cấp.
  • Đảm bảo rằng giao diện được thiết kế có thể chứa đựng và hiển thị tốt tất cả các loại thành tích được liệt kê.

3. Ví dụ Minh họa

Dưới đây là hai ví dụ về cách prompt này có thể được sử dụng với các biến số khác nhau:

Example 1: Tập trung vào các loại thành tích cơ bản

Nếu người dùng cung cấp các loại thành tích sau: hoàn thành 10 buổi tập cardio, đạt tổng cộng 50 km chạy bộ, mở khóa huy hiệu "Người chăm chỉ" (tập luyện 7 ngày liên tiếp)

Prompt hoàn chỉnh:
“Thiết kế giao diện để hiển thị các ‘Thành tích’ và ‘Phần thưởng’ mà người dùng đạt được trong ứng dụng fitness AI. Giao diện cần làm nổi bật các huy hiệu, kỷ lục cá nhân, hoặc các cột mốc đã hoàn thành. Trình bày thông tin một cách trực quan và có tính thẩm mỹ cao, đi kèm với mô tả rõ ràng về cách đạt được từng thành tích. Cân nhắc tích hợp yếu tố chia sẻ xã hội để người dùng có thể khoe thành tựu của mình. Bao gồm các loại thành tích như: **hoàn thành 10 buổi tập cardio, đạt tổng cộng 50 km chạy bộ, mở khóa huy hiệu “Người chăm chỉ” (tập luyện 7 ngày liên tiếp)**.”

Kết quả dự kiến từ LLM (mô tả thiết kế):
“Màn hình ‘Thành tựu’ sẽ có bố cục dạng lưới (grid) hoặc thẻ (card) để hiển thị từng phần thưởng. Mỗi thẻ sẽ bao gồm:
* Icon huy hiệu/biểu tượng: Thiết kế các biểu tượng độc đáo, màu sắc bắt mắt cho từng loại thành tích. Ví dụ, cho ’10 buổi tập cardio’ có thể là biểu tượng trái tim khỏe mạnh kết hợp với số 10.
* Tên Thành tích: Ví dụ: ‘Chuyên gia Cardio’, ‘Người chạy bộ đường dài’, ‘Vô địch Chuỗi ngày’.
* Mô tả ngắn gọn: Dưới tên thành tích, hiển thị một dòng mô tả như: ‘Chúc mừng bạn đã hoàn thành 10 buổi tập cardio!’, ‘Bạn đã chạm mốc 50 km chạy bộ – tuyệt vời!’, ‘Chinh phục thử thách 7 ngày tập luyện liên tục!’.
* Chi tiết cách đạt được: Một phần có thể mở rộng (expandable) hoặc thông tin phụ hiển thị: ‘Để đạt được thành tích này, bạn cần hoàn thành thêm X buổi tập cardio nữa.’ (trong trường hợp chưa đạt), hoặc ‘Bạn đã hoàn thành 50 km chạy bộ.’, ‘Thành tích này được mở khóa khi bạn duy trì lịch tập luyện liên tục trong 7 ngày.’
* Nút Chia sẻ xã hội: Một biểu tượng nút chia sẻ (ví dụ: icon mạng xã hội) trên mỗi thẻ hoặc ở cuối màn hình, cho phép người dùng chia sẻ ngay thành tựu của mình.”

Example 2: Bao gồm các loại thành tích phức tạp hơn và nhấn mạnh tính thẩm mỹ

Nếu người dùng cung cấp các loại thành tích sau: hoàn thành marathon (26.2 dặm) lần đầu tiên, đạt 100 giờ tập luyện tổng thể, phá kỷ lục cá nhân về tốc độ chạy (ví dụ: 5:00/mile), mở khóa huy hiệu "Builder" (xây dựng thói quen tập luyện 30 ngày)

Prompt hoàn chỉnh:
“Thiết kế giao diện để hiển thị các ‘Thành tích’ và ‘Phần thưởng’ mà người dùng đạt được trong ứng dụng fitness AI. Giao diện cần làm nổi bật các huy hiệu, kỷ lục cá nhân, hoặc các cột mốc đã hoàn thành. Trình bày thông tin một cách trực quan và có tính thẩm mỹ cao, đi kèm với mô tả rõ ràng về cách đạt được từng thành tích. Cân nhắc tích hợp yếu tố chia sẻ xã hội để người dùng có thể khoe thành tựu của mình. Bao gồm các loại thành tích như: **hoàn thành marathon (26.2 dặm) lần đầu tiên, đạt 100 giờ tập luyện tổng thể, phá kỷ lục cá nhân về tốc độ chạy (ví dụ: 5:00/mile), mở khóa huy hiệu “Builder” (xây dựng thói quen tập luyện 30 ngày)**.”

Kết quả dự kiến từ LLM (mô tả thiết kế):
“