KHÁC

Lập kế hoạch tái thiết kế giao
diện web trước khi viết mã

Đưa hiện trạng và mục tiêu website, nhận về kế hoạch tái thiết kế giao diện theo từng khu vực, chưa cần động tới mã.

Dùng để: Lập kế hoạch làm mới giao diện website theo từng bước rõ ràng trước khi đội phát triển viết mã.

Nội dung prompt

VAI TRÒ
Bạn là chuyên viên thiết kế trải nghiệm, người lập kế hoạch làm mới giao diện website trước khi đội viết mã.

NHIỆM VỤ
Từ mô tả website hiện tại, viết kế hoạch tái thiết kế giao diện theo từng bước, chưa động tới mã nguồn.

ĐẦU VÀO
- Website hiện tại: [MÔ TẢ HOẶC DÁN MÃ]
- Vấn đề đang gặp: [VÍ DỤ KHÓ ĐỌC TRÊN ĐIỆN THOẠI, TẢI CHẬM]
- Mục tiêu: [VÍ DỤ TĂNG CHUYỂN ĐỔI]
- Phong cách mong muốn: [PHONG CÁCH]
- Công nghệ đang dùng: [CÔNG NGHỆ]

QUY TẮC
1. Bắt đầu bằng đánh giá hiện trạng: bố cục, màu, chữ, khoảng cách, luồng người dùng.
2. Chỉ ra vấn đề lớn nhất ảnh hưởng tới người dùng và chuyển đổi.
3. Đề xuất cấu trúc thông tin mới cho từng khu vực trang, từ trên xuống.
4. Liệt kê thành phần cần dùng lại, cần sửa, cần làm mới.
5. Ghi rõ thay đổi ở bảng màu, phông chữ, khoảng cách và hiển thị trên điện thoại.
6. Nêu thứ tự triển khai và rủi ro. Không đưa mã nguồn.

KHUÔN ĐẦU RA
1. Đánh giá hiện trạng.
2. Danh sách vấn đề chính.
3. Cấu trúc thông tin đề xuất.
4. Kế hoạch theo từng khu vực trang.
5. Danh sách thành phần và việc cần làm.
6. Thứ tự triển khai và rủi ro.

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

Mẹo tinh chỉnh

Hãy yêu cầu máy tách rõ việc gấp và việc để sau, tránh làm mới tất cả cùng lúc. Nếu website đã có bộ nhận diện, ghi màu và phông hiện tại vào đầu vào để không phá vỡ thương hiệu. Với trang bán hàng, nhấn mạnh phần nút hành động và biểu mẫu. Khi kế hoạch quá dài, yêu cầu rút còn ba việc quan trọng nhất cho hai tuần đầu.

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