Bài viết dưới đây sẽ hướng dẫn bạn tạo giao diện lập kế hoạch tương tác bằng ChatGPT Intelligent UI, với giao diện trực quan, dễ áp dụng cho mọi công việc hàng ngày.
Hướng dẫn tạo giao diện lập kế hoạch ChatGPT Intelligent UI
ChatGPT Intelligent UI đã được cập nhật cho tất cả tài khoản sử dụng.
Bước 1:
Trước hết bạn cần phải lên ý tưởng về nội dung lập kế hoạch mình cần là gì, muốn hiển thị phần nào trong giao diện kế hoạch.
Chẳng hạn với việc lập kế hoạch du lịch bạn có thể yêu cầu ChatGPT xây dựng lịch trình theo ngày, phân bổ ngân sách, đề xuất địa điểm và cho phép điều chỉnh số ngày hoặc ngân sách.
Việc xác định rõ yêu cầu ngay từ đầu sẽ giúp ChatGPT tạo giao diện phù hợp với mục đích sử dụng.
Bước 2:
Tiếp đến chúng ta sẽ nhập prompt xây dựng bảng lập kế hoạch tương tác bằng ChatGPT. Để giao diện có tính tương tác, hãy nêu rõ không chỉ nội dung cần tạo mà còn cả cách người dùng sẽ thao tác với giao diện.
Ví dụ cho prompt dưới đây:
Tôi muốn tạo một giao diện lập kế hoạch du lịch Đà Nẵng trong 3 ngày 2 đêm cho 2 người, với ngân sách tối đa 6 triệu đồng.
Hãy thiết kế giao diện trực quan, dễ sử dụng, bao gồm:
Lịch trình chi tiết theo từng ngày và khung giờ.
Danh sách địa điểm tham quan và ăn uống.
Bảng phân bổ ngân sách theo từng hạng mục.
Biểu đồ thể hiện tỷ lệ chi phí.
Các thành phần tương tác cho phép thay đổi ngân sách, số ngày và số người.
Khi người dùng thay đổi các thông số, hãy cập nhật những thông tin liên quan trên giao diện tương ứng. Ưu tiên cách trình bày rõ ràng, dễ theo dõi và thuận tiện khi sử dụng.Ở nội dung prompt chúng ta sẽ thấy có những phần chính gồm: nội dung cần lập kế hoạch, các thành phần giao diện cần hiển thị và hành vi tương tác mong muốn. Đây là cơ sở để ChatGPT xây dựng kết quả sát với nhu cầu hơn.
Chúng ta có thể dùng prompt mẫu dưới đây:
Hãy tạo một giao diện lập kế hoạch tương tác cho [mục tiêu lập kế hoạch].
Giao diện cần có:
Thông tin kế hoạch: Mục tiêu, thời gian thực hiện và các nhiệm vụ cần hoàn thành.
Theo dõi tiến độ: Hiển thị trạng thái và tỷ lệ hoàn thành kế hoạch.
Tương tác: Cho phép thêm, chỉnh sửa nhiệm vụ, thay đổi thời gian và đánh dấu công việc đã hoàn thành.
Cập nhật tự động: Khi thông tin thay đổi, tiến độ và các số liệu liên quan phải được cập nhật tương ứng.
Thiết kế: Trực quan, dễ sử dụng, có bảng thông tin và thanh tiến độ khi phù hợp.
Hãy tạo giao diện có thể tương tác trực tiếp, thay vì chỉ trình bày kế hoạch dưới dạng văn bản.Bước 3:
Ngay sau đó chúng ta có giao diện lập kế hoạch được xây dựng từ ý tưởng của bạn.
Chúng ta sẽ thấy giao diện lập kế hoạch gồm bảng dữ liệu, biểu đồ, bộ chọn hoặc những điều khiển tương tác khác.
Từ giao diện lập kế hoạch này bạn có thể thay đổi bất cứ nội dung nào mình muốn, chẳng hạn tăng giảm ngân sách, tăng số ngày, tăng giảm số người,...
Ngay lập tức bạn sẽ thấy các phần nội dung bên dưới tự động thay đổi theo.
Bước 4:
Sau khi có phiên bản đầu tiên, bạn có thể tiếp tục yêu cầu ChatGPT chỉnh sửa giao diện để phù hợp hơn với mục đích sử dụng. Chẳng hạn:
Bổ sung chức năng đánh dấu các công việc đã hoàn thành.
Thêm thanh tiến độ để theo dõi mức độ hoàn thành kế hoạch.
Điều chỉnh cách trình bày bảng và biểu đồ.
Bổ sung chức năng cập nhật kết quả khi thay đổi dữ liệu đầu vào.
Bạn nên yêu cầu thay đổi từng nhóm chức năng cụ thể, sau đó kiểm tra lại kết quả để bảo đảm các thành phần hoạt động như mong muốn.
Với bảng lập kế hoạch du lịch, hãy thay đổi như sau:
Bổ sung chức năng đánh dấu các địa điểm đã tham quan.
Thêm thanh tiến độ để theo dõi lịch trình đã hoàn thành.
Điều chỉnh cách trình bày bảng lịch trình và biểu đồ phân bổ ngân sách.
Bổ sung chức năng tự động cập nhật chi phí khi thay đổi ngân sách, số ngày hoặc số người tham gia.
Sử dụng prompt dưới đây:
Hãy cải thiện giao diện lập kế hoạch du lịch hiện tại bằng cách bổ sung chức năng đánh dấu các địa điểm đã tham quan, hiển thị tiến độ hoàn thành lịch trình và tối ưu cách trình bày bảng lịch trình, biểu đồ ngân sách. Khi người dùng thay đổi các thông tin đầu vào, hãy cập nhật các số liệu liên quan tương ứng. Giữ nguyên các chức năng hiện có và đảm bảo các thành phần tương tác hoạt động đồng bộ.Kết quả giao diện lập kế hoạch đã thêm một số chi tiết theo đúng câu lệnh yêu cầu.
