Mẹo thiết kế Claude Design: Hãy mô tả kết quả mong muốn, thay vì các pixel

Mô tả kết quả mong muốn, đừng tập trung vào chi tiết

Ở Bài 3, bạn đã xây dựng một hệ thống thiết kế, vì vậy Claude đã biết sản phẩm của bạn trông như thế nào. Bài học này đề cập đến yếu tố còn lại để đạt kết quả tốt: Cách bạn đặt yêu cầu. Hệ thống thiết kế định hình phong cách, còn bản tóm tắt yêu cầu (brief) xác định nội dung cốt lõi.

Mọi người thường có thói quen khi trò chuyện với AI là bắt đầu bằng những yêu cầu mơ hồ rồi mới tinh chỉnh dần. Ví dụ: "Hãy tạo cho tôi một trang đích (landing page)". Cách này tạo cảm giác hiệu quả. Tuy nhiên, trong quy trình thiết kế với Claude Design, đây là sai lầm phổ biến nhất - một yêu cầu mơ hồ sẽ luôn dẫn đến một bản nháp chung chung, thiếu điểm nhấn. Giải pháp cho vấn đề này chính là một bản tóm tắt yêu cầu đầy đủ.

Bản tóm tắt yêu cầu với 4 thành phần

Một bản tóm tắt yêu cầu không nhất thiết phải là một câu lệnh dài dòng; quan trọng là nó phải đầy đủ thông tin. Nó cần giải đáp 4 câu hỏi, và một bản tóm tắt tốt có thể gói gọn trong một đoạn văn súc tích.

4 yếu tố đầu vào cho một bản yêu cầu (brief) chất lượng

• Mục tiêu: Mục đích của thiết kế và đối tượng xem nó. Ví dụ: "Một trang bảng giá khuyến khích người dùng miễn phí nâng cấp."
• Bố cục: Cấu trúc và các thành phần bắt buộc phải có. Ví dụ: "Ba gói dịch vụ, nút chuyển đổi giữa thanh toán theo tháng/năm, nút kêu gọi hành động (CTA) luôn hiển thị trên thiết bị di động."
• Nội dung: Các từ ngữ và dữ liệu thực tế - hoặc ghi chú rõ ràng về việc soạn thảo chúng. Ví dụ: "Sử dụng tên và mức giá của ba gói dịch vụ này."
• Các ràng buộc: Những quy tắc cần tuân thủ. Ví dụ: "Hiển thị vừa vặn trên một màn hình. Phong cách điềm tĩnh, cao cấp. Phù hợp với hệ thống thiết kế của tôi."

Nếu cung cấp đủ cả 4 yếu tố này cho Claude, nó sẽ không cần phải tự đoán mò để lấp đầy các khoảng trống. Nếu thiếu một yếu tố, nó sẽ tự lấp đầy bằng những lựa chọn trung bình - những thứ chung chung, thiếu điểm nhấn.

Quy định ràng buộc, không phải thông số pixel

Có một cái bẫy khác nằm ở phía đối lập với sự mơ hồ: Đó là quy định quá chi tiết. Mọi người thường cố gắng thiết kế ngay trong câu lệnh - ví dụ: "tiêu đề cỡ chữ 48 pixel, màu xanh navy, khoảng đệm (padding) 20 pixel". Đó không phải là một bản yêu cầu thiết kế; đó là việc bạn đang làm thay phần việc của Claude một cách kém hiệu quả.

Quy tắc là: Hãy mô tả các ràng buộc, đừng quy định thông số pixel. Ràng buộc là quy tắc về kết quả mong muốn - ví dụ: "hiển thị vừa vặn trên một màn hình," "hoạt động tốt trên di động," "mang lại cảm giác cao cấp, tinh tế chứ không lòe loẹt". Nó cho Claude biết những yêu cầu bắt buộc phải đạt được và để nó tự tìm giải pháp thực hiện. Việc quy định thông số pixel cụ thể sẽ trói buộc Claude vào phỏng đoán của bạn trước khi nó kịp thử nghiệm các phương án tốt hơn.

Ví dụ thực tế: Mơ hồ so với yêu cầu cụ thể

Dưới đây là cùng một yêu cầu nhưng được trình bày theo hai cách khác nhau.

Cách mơ hồ: "Thiết kế một trang bảng giá cho phần mềm của tôi". Claude sẽ tự đoán các gói dịch vụ, bố cục, phong cách - và trả về cho bạn một trang web chung chung, thiếu dấu ấn riêng.

Bản tóm tắt yêu cầu (Brief):

Xây dựng trang bảng giá cho ứng dụng quản lý dự án của tôi. Mục tiêu: khuyến khích người dùng miễn phí nâng cấp lên gói trả phí. Bố cục: ba gói dịch vụ đặt cạnh nhau, nút chuyển đổi giữa thanh toán theo tháng/năm, nút 'Bắt ​​đầu dùng thử miễn phí' luôn hiển thị trên thiết bị di động. Nội dung: các gói bao gồm Starter, Team và Business — hãy soạn thảo danh sách tính năng sao cho thuyết phục. Các ràng buộc: hiển thị vừa vặn trên một màn hình máy tính, giọng điệu điềm tĩnh và tự tin, tuân thủ hệ thống thiết kế của tôi.

Độ dài tương đương một tin nhắn văn bản. Đầy đủ cả 4 thành phần đầu vào. Các bản nháp được tạo ra từ hai câu lệnh này có chất lượng hoàn toàn khác biệt.

Hãy thử ngay: Viết bản tóm tắt đầu tiên của bạn

Mở Claude Design và dán nội dung này vào, điền đầy đủ 4 thành phần:

Xây dựng [CÁI GÌ — ví dụ: phần tiêu đề chính của trang đích / trang bảng giá / slide tiêu đề].

Mục tiêu: [mục đích sử dụng và đối tượng xem]
Bố cục: [cấu trúc và các thành phần bắt buộc phải có]
Nội dung: [từ ngữ và dữ liệu thực tế — hoặc ghi "soạn thảo nội dung mẫu"]
Các ràng buộc: [các quy tắc — độ dài, giọng điệu và "tuân thủ hệ thống thiết kế của tôi"]

Cách điền thông tin chi tiết: Viết thành một đoạn văn súc tích, đầy đủ ý. Hãy nêu cụ thể về bố cục và các ràng buộc - đây thường là điểm yếu khiến các câu lệnh mơ hồ thất bại. Hãy tận dụng lại khung mẫu trang đích từ Bài 1 nếu phù hợp.

Kết quả bạn sẽ thấy: Một bản nháp đầu tiên đã có cấu trúc và giọng điệu chuẩn xác - bởi vì bạn đã loại bỏ sự phỏng đoán ngay từ trước khi Claude bắt đầu thực hiện.

Xử lý kết quả đầu ra: Hãy so sánh một cách khách quan với kết quả mà câu lệnh "hãy xây dựng cho tôi một trang đích" sẽ tạo ra. Khoảng cách khác biệt mà bạn thấy chính là giá trị của bản tóm tắt yêu cầu.

Nếu kết quả chưa ổn: Nguyên nhân thường là do thiếu thông tin đầu vào. Hãy đọc lại bản tóm tắt của bạn - liệu bạn đã thực sự nêu rõ mục tiêu, bố cục, nội dung và các ràng buộc chưa? Hãy bổ sung phần bạn đã bỏ sót.

Những điểm chính cần nhớ

• Một bản tóm tắt yêu cầu bao gồm 4 thành phần: Mục tiêu, bố cục, nội dung và các ràng buộc. Một bản tóm tắt yêu cầu đầy đủ chỉ cần gói gọn trong một đoạn văn súc tích.
• Những câu lệnh mơ hồ sẽ tạo ra các bản nháp chung chung - chất lượng kết quả nhận được tỷ lệ thuận với độ chi tiết trong yêu cầu của bạn.
• Hãy mô tả các ràng buộc thay vì các chi tiết hiển thị (pixel) - hãy nêu rõ những quy tắc mà kết quả cần tuân thủ và để Claude tự tìm cách thực hiện.
• Có sự khác biệt lớn giữa một câu lệnh được tóm tắt kỹ lưỡng và một câu lệnh mơ hồ - cùng một yêu cầu, nhưng nếu được tóm tắt bài bản, khả năng thu được bản nháp có thể sử dụng ngay sẽ cao hơn nhiều.