Claude cho Design: UX Copywriting hiệu quả

Bạn có thiết kế đẹp, flow logic, nhưng người dùng vẫn confused hoặc bỏ cuộc? Thủ phạm thường là UX copy tệ: nút "Submit" mơ hồ, error message không giải thích được lỗi gì, empty state không biết làm gì tiếp. Claude có thể giúp bạn viết UX copy chuyên nghiệp cho mọi touchpoint trong sản phẩm — kể cả khi bạn không phải copywriter.

5 nguyên tắc UX Copy tốt

1. Clear — Rõ ràng: Nói đúng điều bạn muốn nói. Không jargon, không mơ hồ
2. Concise — Ngắn gọn: Dùng ít từ nhất mà vẫn đủ ý
3. Consistent — Nhất quán: Cùng một khái niệm, dùng cùng một từ xuyên suốt
4. Useful — Hữu ích: Mỗi từ phải giúp user làm được gì đó
5. Human — Tự nhiên: Viết như người nói chuyện, không như robot

CTA Buttons — Nút kêu gọi hành động

Rule number one: CTA phải bắt đầu bằng động từ, mô tả đúng hành động sẽ xảy ra.

Viết CTA text cho các tình huống sau. Yêu cầu: bắt đầu bằng động từ, cụ thể, không quá 4 từ.

1. Nút tạo tài khoản mới (trang landing page freemium SaaS)
2. Nút bắt đầu free trial 14 ngày
3. Nút upgrade lên plan Pro (từ Free)
4. Nút confirm xóa file (không thể khôi phục)
5. Nút gửi form liên hệ
6. Nút download báo cáo PDF
7. Nút "đặt hàng" cuối checkout flow
8. Nút chia sẻ lên mạng xã hội

Với mỗi nút, cho tôi:
- Option chính (recommended)
- 2 alternatives
- Giải thích ngắn tại sao option chính tốt hơn

Output mẫu từ Claude

## CTA Copy Recommendations

### 1. Tạo tài khoản mới (freemium landing page)
**Recommended:** "Bắt đầu miễn phí"
Alternatives: "Tạo tài khoản" | "Dùng thử ngay"
Tại sao: "Bắt đầu miễn phí" giảm friction bằng cách nhấn mạnh không tốn tiền.
"Tạo tài khoản" đúng nhưng không communicate value. "Dùng thử" implies limited.

### 2. Free trial 14 ngày
**Recommended:** "Dùng thử 14 ngày"
Alternatives: "Bắt đầu dùng thử" | "Mở khóa 14 ngày"
Tại sao: Số cụ thể (14 ngày) set expectation rõ ràng và reduce anxiety về commitment.

### 3. Upgrade lên Pro
**Recommended:** "Nâng cấp lên Pro"
Alternatives: "Mở khóa Pro" | "Upgrade ngay"
Tại sao: "Nâng cấp" = progressive, positive. Avoid "mua" vì gây friction tâm lý.

### 4. Confirm xóa file (irreversible)
**Recommended:** "Xóa vĩnh viễn"
Alternatives: "Xác nhận xóa" | "Xóa file này"
Tại sao: "Vĩnh viễn" là warning rõ ràng về consequence — quan trọng với destructive actions.
Label button phải = hành động thực sự xảy ra, không phải "OK" hay "Đồng ý".

### 5. Submit form liên hệ
**Recommended:** "Gửi tin nhắn"
Alternatives: "Liên hệ ngay" | "Gửi yêu cầu"
Tại sao: Mô tả chính xác hành động. "Submit" và "Gửi" tổng quát hơn mức cần.

### 6. Download báo cáo
**Recommended:** "Tải báo cáo PDF"
Alternatives: "Tải xuống" | "Download ngay"
Tại sao: Nêu cả format (PDF) giúp user biết sẽ nhận được gì. Không surprise.

### 7. Đặt hàng (checkout)
**Recommended:** "Đặt hàng — [giá]"
Alternatives: "Xác nhận đặt hàng" | "Thanh toán"
Tại sao: Best practice: show final price trên nút confirm để prevent surprise và increase trust.

### 8. Chia sẻ mạng xã hội
**Recommended:** "Chia sẻ"
Alternatives: "Đăng lên Facebook" | "Share ngay"
Tại sao: "Chia sẻ" universal, simple. Nếu chỉ có 1 platform thì specify: "Đăng lên Facebook".

Error Messages — Thông báo lỗi

Error message tốt = What happened + Why + How to fix. Nhiều sản phẩm Việt chỉ có "Lỗi" hoặc technical error code vô nghĩa với user.

Viết error messages cho các tình huống sau trong app ngân hàng số.
Tone: Chuyên nghiệp nhưng thân thiện, empathetic — không blame user.
Structure: Điều gì xảy ra + Tại sao (nếu biết) + Cách khắc phục

1. Đăng nhập sai mật khẩu lần 1
2. Đăng nhập sai mật khẩu lần 3 (còn 2 lần trước khi khóa)
3. Tài khoản bị khóa sau 5 lần sai
4. Chuyển tiền thất bại vì số dư không đủ
5. Chuyển tiền thất bại vì lỗi mạng (timeout)
6. Số tài khoản người nhận không tồn tại
7. Hệ thống đang bảo trì
8. File ảnh CCCD quá lớn (> 5MB)
9. OTP hết hạn
10. Phiên đăng nhập hết hạn sau 30 phút

Cho tôi:
- Header (1 dòng, bold)
- Body text (1-2 câu)
- CTA action nếu có

Output mẫu — Error Messages

## Error Messages: App Ngân hàng Số

### 1. Sai mật khẩu lần 1
Header: Mật khẩu không đúng
Body: Mật khẩu bạn nhập chưa khớp. Hãy thử lại.
CTA: [Thử lại] hoặc [Quên mật khẩu?]

### 2. Sai mật khẩu lần 3 (còn 2 lần)
Header: Mật khẩu không đúng
Body: Còn 2 lần thử. Sau đó tài khoản sẽ tạm khóa để bảo vệ bạn.
CTA: [Thử lại] [Quên mật khẩu?]
Note: Thêm urgency nhưng không panic. Đưa ra lối thoát an toàn (reset pw).

### 3. Tài khoản bị khóa
Header: Tài khoản tạm thời bị khóa
Body: Vì lý do bảo mật, chúng tôi đã tạm khóa tài khoản sau nhiều lần đăng nhập sai. Lấy lại quyền truy cập chỉ mất 2 phút.
CTA: [Mở khóa tài khoản]

### 4. Số dư không đủ
Header: Số dư không đủ để thực hiện giao dịch
Body: Tài khoản của bạn có [X]đ, cần thêm [Y]đ để hoàn tất. Hãy nạp tiền và thử lại.
CTA: [Nạp tiền ngay] [Sửa số tiền]

### 5. Lỗi mạng / Timeout
Header: Không thể kết nối
Body: Có sự cố kết nối. Giao dịch của bạn chưa được thực hiện — số tiền không bị trừ. Kiểm tra mạng và thử lại.
CTA: [Thử lại]
Note: Phải reassure user tiền không bị mất — đây là anxiety lớn nhất.

### 6. Số tài khoản không tồn tại
Header: Không tìm thấy tài khoản này
Body: Số tài khoản [XXXX] không tồn tại trong hệ thống. Kiểm tra lại số tài khoản với người nhận.
CTA: [Sửa số tài khoản]

### 7. Hệ thống bảo trì
Header: Hệ thống đang nâng cấp
Body: Chúng tôi đang cải thiện dịch vụ cho bạn. Dự kiến hoàn thành lúc [giờ]. Hãy thử lại sau.
CTA: [Đặt nhắc nhở] hoặc để user tự quay lại

### 8. File ảnh quá lớn
Header: Ảnh quá lớn
Body: File của bạn có dung lượng [X]MB, vượt quá giới hạn 5MB. Hãy dùng ảnh nhỏ hơn.
CTA: [Chọn ảnh khác]
Note: Không chỉ nói "File không hợp lệ" — user cần biết sai gì và fix thế nào.

### 9. OTP hết hạn
Header: Mã OTP đã hết hạn
Body: Mã xác nhận chỉ có hiệu lực 5 phút. Lấy mã mới và nhập ngay khi nhận được.
CTA: [Gửi lại OTP]

### 10. Phiên đăng nhập hết hạn
Header: Phiên làm việc đã kết thúc
Body: Để bảo vệ tài khoản, bạn đã được đăng xuất sau 30 phút không hoạt động.
CTA: [Đăng nhập lại]

Empty States

Empty state = What this is + Why it's empty + How to start:

Viết copy cho empty states của app quản lý dự án (project management).

Contexts:
1. Chưa có dự án nào (user mới, lần đầu đăng nhập)
2. Filter không có kết quả (filter "Quá hạn" nhưng không có task nào quá hạn)
3. Tìm kiếm không có kết quả
4. Notification inbox trống
5. Team member list trống (workspace mới)
6. File attachments trống trong một task

Tone: Friendly, encouraging — đây là cơ hội, không phải vấn đề

Format mỗi empty state:
- Headline (max 6 từ)
- Description (1-2 câu)
- Primary CTA (nếu có)
- Secondary link (nếu có)

Output mẫu — Empty States

### 1. Chưa có dự án (New user)
Headline: Bắt đầu dự án đầu tiên của bạn
Description: Tạo dự án để theo dõi tiến độ công việc, phân công task và cộng tác với team.
Primary CTA: [Tạo dự án]
Secondary: [Xem hướng dẫn] hoặc [Import từ Trello]

### 2. Filter "Quá hạn" — không có gì
Headline: Mọi thứ đang đúng hạn
Description: Không có task nào quá hạn với filter hiện tại. Công việc tốt!
Primary CTA: [Xem tất cả tasks]
(Không cần CTA tạo mới ở đây — đây là good news)

### 3. Tìm kiếm không có kết quả
Headline: Không tìm thấy kết quả cho "[query]"
Description: Thử từ khóa khác, hoặc kiểm tra chính tả.
Primary CTA: [Xóa tìm kiếm]
Secondary: [Tìm trong tất cả dự án]

### 4. Notification inbox trống
Headline: Bạn đã xem hết thông báo
Description: Mọi cập nhật mới sẽ xuất hiện ở đây.
(Không cần CTA — đây là end state tốt)

### 5. Team member list trống
Headline: Mời team vào workspace
Description: Cộng tác tốt hơn khi làm cùng nhau. Mời đồng nghiệp để giao task và theo dõi tiến độ.
Primary CTA: [Mời thành viên]
Secondary: [Copy link mời]

### 6. File attachments trống
Headline: Chưa có file đính kèm
Description: Đính kèm tài liệu, ảnh, hoặc link liên quan đến task này.
Primary CTA: [Tải file lên]
(Simple, functional — không cần quá elaborate)

Onboarding Copy

Viết copy cho onboarding flow 4 bước của app đặt lịch hẹn salon tóc.

Bước 1: Welcome screen (sau khi tạo tài khoản xong)
Bước 2: Chọn salon yêu thích (gần nhà hoặc hay đến)
Bước 3: Dịch vụ yêu thích (tóc nam/nữ, gội đầu, uốn nhuộm...)
Bước 4: Notification preferences

Yêu cầu:
- Tone: Warm, friendly, không formal quá
- Progress indicator text (Bước X/4)
- Skip option copy
- Explain "why we ask" cho mỗi bước (inline, nhỏ)
- Transition CTA giữa các bước

Confirmation Dialogs

Viết confirmation dialogs cho các actions sau.

Rule: Title = action sẽ xảy ra (không phải "Bạn có chắc không?")
Button labels = verb mô tả hành động, không "OK/Cancel"

1. Xóa tài khoản vĩnh viễn (không thể khôi phục)
2. Hủy đơn hàng đang giao (hoàn tiền 3-5 ngày)
3. Đăng xuất khỏi tất cả thiết bị
4. Hủy subscription (mất quyền truy cập cuối tháng)
5. Xóa draft bài đăng chưa lưu

Output mẫu — Confirmation Dialogs

### 1. Xóa tài khoản vĩnh viễn
Title: Xóa tài khoản vĩnh viễn?
Body: Toàn bộ dữ liệu, lịch sử giao dịch và cài đặt của bạn sẽ bị xóa. Không thể hoàn tác.
Primary (destructive): [Xóa tài khoản]
Secondary: [Giữ lại tài khoản]

### 2. Hủy đơn hàng đang giao
Title: Hủy đơn hàng #[số đơn]?
Body: Tiền sẽ được hoàn về tài khoản của bạn trong 3-5 ngày làm việc.
Primary: [Hủy đơn hàng]
Secondary: [Không, giữ đơn]

### 3. Đăng xuất tất cả thiết bị
Title: Đăng xuất khỏi tất cả thiết bị?
Body: Bạn sẽ cần đăng nhập lại trên điện thoại, máy tính và mọi thiết bị đang dùng.
Primary: [Đăng xuất tất cả]
Secondary: [Chỉ thiết bị này]

### 4. Hủy subscription
Title: Hủy gói Pro?
Body: Bạn vẫn dùng được đến hết ngày [ngày hết hạn]. Sau đó, tài khoản về gói Free với giới hạn cơ bản.
Primary: [Hủy gói Pro]
Secondary: [Tiếp tục dùng Pro]

### 5. Xóa draft chưa lưu
Title: Bỏ thay đổi chưa lưu?
Body: Nội dung bạn vừa chỉnh sửa sẽ bị mất.
Primary: [Bỏ thay đổi]
Secondary: [Tiếp tục chỉnh sửa]

Tooltip và Labels

Viết tooltip copy cho các elements trong dashboard analytics.

Yêu cầu: Ngắn gọn (max 20 từ), giải thích rõ ý nghĩa và/hoặc cách tính, không obvious

1. Biểu tượng "?" bên cạnh "Bounce rate"
2. Biểu tượng "?" bên cạnh "Session duration"
3. Label "MAU" trong header metric
4. Icon cảnh báo bên cạnh tỉ lệ chuyển đổi thấp
5. Tooltip trên thanh progress của storage limit

Localization Notes khi viết UX Copy tiếng Việt

Một số lưu ý đặc thù khi viết UX copy tiếng Việt:

• Cách xưng hô: "Bạn" phổ thông và neutral. "Bạn" + "chúng tôi" tạo đối thoại tự nhiên hơn passive voice
• Không dùng "Please" trực dịch: "Vui lòng nhập..." nghe cứng. "Nhập..." hoặc "Hãy nhập..." tự nhiên hơn
• Số và đơn vị: Dùng "đ" thay vì "VND" trong UI ngắn. "1.500.000đ" hoặc "1,5 triệu đ"
• Tránh dịch literal từ tiếng Anh: "Gửi" không phải lúc nào cũng đúng cho "Submit". Context quyết định
• Emoji dùng hạn chế: Trong error messages và confirmation dialogs — không dùng. Trong empty states encouragement — có thể, nhưng không quá nhiều

Review UX copy sau (tiếng Việt) và cải thiện theo 5 principles.
Chú ý đặc biệt đến: tone consistency, clarity, và natural Vietnamese phrasing.

Copy hiện tại:
1. Nút submit: "Tiến hành"
2. Error: "Đã xảy ra lỗi. Vui lòng thử lại sau."
3. Empty state: "Không có dữ liệu để hiển thị."
4. Success: "Thao tác của bạn đã được thực hiện thành công."
5. Loading: "Đang xử lý..."
6. Onboarding step 1: "Chào mừng đến với ứng dụng của chúng tôi!"

Hãy rewrite từng item với explanation.

Bước tiếp theo

UX copy tốt là một phần của hệ sinh thái design — cần đồng bộ với design system (tone guidelines, terminology standards) và research insights (ngôn ngữ user dùng). Khám phá thêm các kỹ năng design với Claude tại bộ sưu tập Ứng dụng Claude cho Design.

Bài viết liên quan

• Claude cho Design: Accessibility Review tự động
• Claude cho Design: Đánh giá thiết kế chuyên sâu
• Claude cho Design: Design Handoff cho Developer
• Claude cho Engineering: Code Review tự động
• Claude cho Marketing: Lập kế hoạch chiến dịch