Prompt: Thiết kế giao diện xem chi tiết bài tập/hoạt động – Phát triển ứng dụng và nền tảng – AI Fitness

820
Chia sẻ
2k
Lượt xem
Mục lục

Tuyệt vời! Dưới đây là phân tích chi tiết về mẫu prompt mà bạn đã cung cấp, được trình bày bằng tiếng Việt và có định dạng HTML.

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

Mẫu prompt này là một yêu cầu thiết kế giao diện người dùng (UI/UX) tập trung vào việc hiển thị kết quả hoàn thành một bài tập hoặc hoạt động. Cấu trúc của nó khá rõ ràng, với một yêu cầu chính và hai biến số được đại diện bởi các placeholder có định dạng rất dễ nhận biết.

  • Yêu cầu chính: “Thiết kế chi tiết giao diện hiển thị thông tin sau khi người dùng hoàn thành một bài tập hoặc hoạt động. Giao diện này cần cung cấp một cái nhìn toàn diện về hiệu suất…” Đây là mục tiêu cốt lõi mà AI cần đạt được. Nó đặt ra ngữ cảnh và mục đích của giao diện.
  • Biến số 1: [CÁC_CHỈ_SỐ_CHI_TIẾT]

    • Ý NGHĨA: Đại diện cho các chỉ số hiệu suất cụ thể cần được hiển thị. Người dùng sẽ cung cấp một danh sách hoặc mô tả về các chỉ số mong muốn ở đây.
    • Ví dụ cung cấp: “(ví dụ: biểu đồ nhịp tim theo thời gian, tốc độ trung bình, độ cao, khoảng cách GPS).” Các ví dụ này giúp làm rõ loại thông tin mà placeholder này có thể chứa, định hướng cho AI về mức độ chi tiết và loại dữ liệu cần minh họa.
  • Biến số 2: [TÙY_CHỌN_HÀNH_ĐỘNG_CHI_TIẾT]

    • Ý NGHĨA: Đại diện cho các hành động mà người dùng có thể thực hiện sau khi xem thông tin hoạt động.
    • Ví dụ cung cấp: “(ví dụ: chỉnh sửa thông tin, thêm ghi chú, chia sẻ lên mạng xã hội, phân tích sâu hơn).” Tương tự như biến số đầu tiên, các ví dụ này giúp AI hiểu rõ các chức năng tiềm năng cần được tích hợp vào giao diện.
  • Điều kiện đặc biệt: “Đối với các hoạt động ngoài trời, cần hiển thị bản đồ lộ trình rõ ràng.” Đây là một yêu cầu bổ sung, áp dụng có điều kiện dựa trên loại hoạt động. Điều này cho thấy sự linh hoạt và khả năng xử lý các trường hợp đặc biệt của prompt.

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

Mẫu prompt này hoạt động bằng cách cung cấp một khuôn khổ chi tiết cho AI để tạo ra một bản mô tả giao diện. AI, khi nhận được prompt, sẽ phân tích các thành phần sau:

  • Ngữ cảnh: Thiết kế giao diện sau khi hoàn thành hoạt động.
  • Mục tiêu: Hiển thị *toàn diện* hiệu suất.
  • Thông tin bắt buộc:
    • Các chỉ số hiệu suất cụ thể (được chỉ định bởi [CÁC_CHỈ_SỐ_CHI_TIẾT]).
    • Bản đồ lộ trình (nếu là hoạt động ngoài trời).
    • Các tùy chọn hành động (được chỉ định bởi [TÙY_CHỌN_HÀNH_ĐỘNG_CHI_TIẾT]).

AI sẽ sử dụng các placeholder để cấu trúc phản hồi của mình. Khi một placeholder được điền vào, AI sẽ diễn giải nó như là một yêu cầu trực tiếp để mô tả hoặc tích hợp thông tin đó vào thiết kế giao diện. Ví dụ, nếu [CÁC_CHỈ_SỐ_CHI_TIẾT] được điền là “Biểu đồ cường độ bài tập, tổng lượng calo tiêu thụ, thời gian nghỉ giữa các hiệp”, AI sẽ tập trung vào việc mô tả cách hiển thị các thông tin này một cách trực quan và dễ hiểu.

Tương tự, khi [TÙY_CHỌN_HÀNH_ĐỘNG_CHI_TIẾT] được điền là “Lưu vào nhật ký, so sánh với lần trước, đặt mục tiêu mới”, AI sẽ thiết kế các nút hoặc liên kết tương ứng trên giao diện.

Mục tiêu là tạo ra một bản thiết kế giao diện chi tiết, không chỉ về mặt trình bày dữ liệu mà còn về các tương tác người dùng.

3. Ví dụ Minh họa

Dưới đây là hai ví dụ về cách prompt này có thể được điền và phản hồi từ AI:

Ví dụ 1: Hoạt động chạy bộ ngoài trời

Prompt điền:


Thiết kế chi tiết giao diện hiển thị thông tin sau khi người dùng hoàn thành một bài tập hoặc hoạt động. Giao diện này cần cung cấp một cái nhìn toàn diện về hiệu suất, bao gồm: [CÁC_CHỈ_SỐ_CHI_TIẾT] (ví dụ: biểu đồ nhịp tim theo thời gian, tốc độ trung bình, độ cao, khoảng cách GPS). Đối với các hoạt động ngoài trời, cần hiển thị bản đồ lộ trình rõ ràng. Cung cấp các tùy chọn hành động liên quan đến hoạt động đã hoàn thành như: [TÙY_CHỌN_HÀNH_ĐỘNG_CHI_TIẾT] (ví dụ: chỉnh sửa thông tin, thêm ghi chú, chia sẻ lên mạng xã hội, phân tích sâu hơn).

Điền:

[CÁC_CHỈ_SỐ_CHI_TIẾT] = biểu đồ nhịp tim theo thời gian, tốc độ trung bình, quãng đường, tổng thời gian, lượng calo tiêu thụ, độ cao tối đa và tối thiểu.

[TÙY_CHỌN_HÀNH_ĐỘNG_CHI_TIẾT] = lưu vào lịch sử tập luyện, chia sẻ lên Instagram, xem lại chi tiết từng km.

Phản hồi mong đợi từ AI (mô tả giao diện):

Giao diện “Kết quả Chạy bộ” sẽ hiển thị các phần sau:

  • Tiêu đề: “Chạy Bộ Thành Công!” hoặc tên hoạt động (ví dụ: “Chạy dài cuối tuần”).
  • Bản đồ: Một bản đồ tương tác lớn ở phía trên, hiển thị rõ ràng lộ trình đã chạy với điểm bắt đầu và kết thúc được đánh dấu. Có thể có tùy chọn hiển thị các điểm dữ liệu GPS khác nhau (tốc độ, nhịp tim) trực tiếp trên bản đồ.
  • Tóm tắt Hiệu suất (card chính):
    • Quãng đường: [Số] km
    • Tổng thời gian: [Thời gian]
    • Tốc độ trung bình: [Số] phút/km
    • Lượng calo tiêu thụ: [Số] kcal
  • Chi tiết hiệu suất (phần dưới):
    • Biểu đồ Nhịp tim: Biểu đồ đường cong hiển thị biến động nhịp tim theo thời gian hoặc theo quãng đường.
    • Độ cao: Hiển thị độ cao tối đa, tối thiểu và chênh lệch độ cao.
    • Phân tích từng km: Một bảng hoặc danh sách hiển thị chi tiết thông số cho từng km (tốc độ, nhịp tim, quãng đường).
  • Các Nút Hành động:
    • Nút “Lưu vào Lịch sử”: Lưu hoạt động vào hồ sơ người dùng.
    • Nút “Chia sẻ lên Instagram”: Mở ra tùy chọn chia sẻ hình ảnh tóm tắt hoặc bản đồ.
    • Nút “Xem Lại Chi Tiết”: Có thể mở một giao diện chi tiết hơn về từng km hoặc các phân tích nâng cao.

Ví dụ 2: Hoạt động tập luyện trong nhà (ví dụ: Yoga)

Prompt điền:


Thiết kế chi tiết giao diện hiển thị thông tin sau khi người dùng hoàn thành một bài tập hoặc hoạt động. Giao diện này cần cung cấp một cái nhìn toàn diện về hiệu suất, bao gồm: [CÁC_CHỈ_SỐ_CHI_TIẾT] (ví dụ: biểu đồ nhịp tim theo thời gian, tốc độ trung bình, độ cao, khoảng cách GPS). Đối với các hoạt động ngoài trời, cần hiển thị bản đồ

Rate this prompt
Thống kê
1.240 lượt xem
Nội dung Prompt
AI Prompt

AI Prompt

AIPrompt.vn là nền tảng chia sẻ và khám phá prompt AI toàn diện, nơi bạn có thể tìm kiếm, học hỏi và ứng dụng các mẫu prompt chất lượng cao cho nhiều lĩnh vực như sáng tạo nội dung, thiết kế hình ảnh, dựng video, marketing, seeding mạng xã hội, và hơn thế nữa. Website được xây dựng nhằm giúp mọi người – từ người mới bắt đầu đến chuyên gia – có công cụ tối ưu để khai thác sức mạnh AI hiệu quả, nhanh chóng và chuyên nghiệp.

AI News | Bài viết

Follow Us

Recommended

Instagram

    Please install/update and activate JNews Instagram plugin.

Trending