{"product_id":"claude-cho-design-ux-copywriting-hiệu-quả","title":"Claude cho Design: UX Copywriting hiệu quả","description":"\n\u003cp\u003eBạ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. \u003cstrong\u003eClaude có thể giúp bạn viết UX copy chuyên nghiệp\u003c\/strong\u003e cho mọi touchpoint trong sản phẩm — kể cả khi bạn không phải copywriter.\u003c\/p\u003e\n\n\u003ch2\u003e5 nguyên tắc UX Copy tốt\u003c\/h2\u003e\n\n\u003col\u003e\n  \u003cli\u003e\n\u003cstrong\u003eClear — Rõ ràng:\u003c\/strong\u003e Nói đúng điều bạn muốn nói. Không jargon, không mơ hồ\u003c\/li\u003e\n  \u003cli\u003e\n\u003cstrong\u003eConcise — Ngắn gọn:\u003c\/strong\u003e Dùng ít từ nhất mà vẫn đủ ý\u003c\/li\u003e\n  \u003cli\u003e\n\u003cstrong\u003eConsistent — Nhất quán:\u003c\/strong\u003e Cùng một khái niệm, dùng cùng một từ xuyên suốt\u003c\/li\u003e\n  \u003cli\u003e\n\u003cstrong\u003eUseful — Hữu ích:\u003c\/strong\u003e Mỗi từ phải giúp user làm được gì đó\u003c\/li\u003e\n  \u003cli\u003e\n\u003cstrong\u003eHuman — Tự nhiên:\u003c\/strong\u003e Viết như người nói chuyện, không như robot\u003c\/li\u003e\n\u003c\/ol\u003e\n\n\u003ch2\u003eCTA Buttons — Nút kêu gọi hành động\u003c\/h2\u003e\n\n\u003cp\u003eRule number one: CTA phải bắt đầu bằng động từ, mô tả đúng hành động sẽ xảy ra.\u003c\/p\u003e\n\n\u003cpre\u003e\u003ccode\u003eViế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ừ.\n\n1. Nút tạo tài khoản mới (trang landing page freemium SaaS)\n2. Nút bắt đầu free trial 14 ngày\n3. Nút upgrade lên plan Pro (từ Free)\n4. Nút confirm xóa file (không thể khôi phục)\n5. Nút gửi form liên hệ\n6. Nút download báo cáo PDF\n7. Nút \"đặt hàng\" cuối checkout flow\n8. Nút chia sẻ lên mạng xã hội\n\nVới mỗi nút, cho tôi:\n- Option chính (recommended)\n- 2 alternatives\n- Giải thích ngắn tại sao option chính tốt hơn\u003c\/code\u003e\u003c\/pre\u003e\n\n\u003ch3\u003eOutput mẫu từ Claude\u003c\/h3\u003e\n\n\u003cpre\u003e\u003ccode\u003e## CTA Copy Recommendations\n\n### 1. Tạo tài khoản mới (freemium landing page)\n**Recommended:** \"Bắt đầu miễn phí\"\nAlternatives: \"Tạo tài khoản\" | \"Dùng thử ngay\"\nTạ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.\n\"Tạo tài khoản\" đúng nhưng không communicate value. \"Dùng thử\" implies limited.\n\n### 2. Free trial 14 ngày\n**Recommended:** \"Dùng thử 14 ngày\"\nAlternatives: \"Bắt đầu dùng thử\" | \"Mở khóa 14 ngày\"\nTại sao: Số cụ thể (14 ngày) set expectation rõ ràng và reduce anxiety về commitment.\n\n### 3. Upgrade lên Pro\n**Recommended:** \"Nâng cấp lên Pro\"\nAlternatives: \"Mở khóa Pro\" | \"Upgrade ngay\"\nTại sao: \"Nâng cấp\" = progressive, positive. Avoid \"mua\" vì gây friction tâm lý.\n\n### 4. Confirm xóa file (irreversible)\n**Recommended:** \"Xóa vĩnh viễn\"\nAlternatives: \"Xác nhận xóa\" | \"Xóa file này\"\nTại sao: \"Vĩnh viễn\" là warning rõ ràng về consequence — quan trọng với destructive actions.\nLabel button phải = hành động thực sự xảy ra, không phải \"OK\" hay \"Đồng ý\".\n\n### 5. Submit form liên hệ\n**Recommended:** \"Gửi tin nhắn\"\nAlternatives: \"Liên hệ ngay\" | \"Gửi yêu cầu\"\nTạ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.\n\n### 6. Download báo cáo\n**Recommended:** \"Tải báo cáo PDF\"\nAlternatives: \"Tải xuống\" | \"Download ngay\"\nTại sao: Nêu cả format (PDF) giúp user biết sẽ nhận được gì. Không surprise.\n\n### 7. Đặt hàng (checkout)\n**Recommended:** \"Đặt hàng — [giá]\"\nAlternatives: \"Xác nhận đặt hàng\" | \"Thanh toán\"\nTại sao: Best practice: show final price trên nút confirm để prevent surprise và increase trust.\n\n### 8. Chia sẻ mạng xã hội\n**Recommended:** \"Chia sẻ\"\nAlternatives: \"Đăng lên Facebook\" | \"Share ngay\"\nTại sao: \"Chia sẻ\" universal, simple. Nếu chỉ có 1 platform thì specify: \"Đăng lên Facebook\".\u003c\/code\u003e\u003c\/pre\u003e\n\n\u003ch2\u003eError Messages — Thông báo lỗi\u003c\/h2\u003e\n\n\u003cp\u003eError 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.\u003c\/p\u003e\n\n\u003cpre\u003e\u003ccode\u003eViết error messages cho các tình huống sau trong app ngân hàng số.\nTone: Chuyên nghiệp nhưng thân thiện, empathetic — không blame user.\nStructure: Điều gì xảy ra + Tại sao (nếu biết) + Cách khắc phục\n\n1. Đăng nhập sai mật khẩu lần 1\n2. Đăng nhập sai mật khẩu lần 3 (còn 2 lần trước khi khóa)\n3. Tài khoản bị khóa sau 5 lần sai\n4. Chuyển tiền thất bại vì số dư không đủ\n5. Chuyển tiền thất bại vì lỗi mạng (timeout)\n6. Số tài khoản người nhận không tồn tại\n7. Hệ thống đang bảo trì\n8. File ảnh CCCD quá lớn (\u0026gt; 5MB)\n9. OTP hết hạn\n10. Phiên đăng nhập hết hạn sau 30 phút\n\nCho tôi:\n- Header (1 dòng, bold)\n- Body text (1-2 câu)\n- CTA action nếu có\u003c\/code\u003e\u003c\/pre\u003e\n\n\u003ch3\u003eOutput mẫu — Error Messages\u003c\/h3\u003e\n\n\u003cpre\u003e\u003ccode\u003e## Error Messages: App Ngân hàng Số\n\n### 1. Sai mật khẩu lần 1\nHeader: Mật khẩu không đúng\nBody: Mật khẩu bạn nhập chưa khớp. Hãy thử lại.\nCTA: [Thử lại] hoặc [Quên mật khẩu?]\n\n### 2. Sai mật khẩu lần 3 (còn 2 lần)\nHeader: Mật khẩu không đúng\nBody: Còn 2 lần thử. Sau đó tài khoản sẽ tạm khóa để bảo vệ bạn.\nCTA: [Thử lại] [Quên mật khẩu?]\nNote: Thêm urgency nhưng không panic. Đưa ra lối thoát an toàn (reset pw).\n\n### 3. Tài khoản bị khóa\nHeader: Tài khoản tạm thời bị khóa\nBody: 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.\nCTA: [Mở khóa tài khoản]\n\n### 4. Số dư không đủ\nHeader: Số dư không đủ để thực hiện giao dịch\nBody: 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.\nCTA: [Nạp tiền ngay] [Sửa số tiền]\n\n### 5. Lỗi mạng \/ Timeout\nHeader: Không thể kết nối\nBody: 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.\nCTA: [Thử lại]\nNote: Phải reassure user tiền không bị mất — đây là anxiety lớn nhất.\n\n### 6. Số tài khoản không tồn tại\nHeader: Không tìm thấy tài khoản này\nBody: 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.\nCTA: [Sửa số tài khoản]\n\n### 7. Hệ thống bảo trì\nHeader: Hệ thống đang nâng cấp\nBody: 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.\nCTA: [Đặt nhắc nhở] hoặc để user tự quay lại\n\n### 8. File ảnh quá lớn\nHeader: Ảnh quá lớn\nBody: 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.\nCTA: [Chọn ảnh khác]\nNote: Không chỉ nói \"File không hợp lệ\" — user cần biết sai gì và fix thế nào.\n\n### 9. OTP hết hạn\nHeader: Mã OTP đã hết hạn\nBody: 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.\nCTA: [Gửi lại OTP]\n\n### 10. Phiên đăng nhập hết hạn\nHeader: Phiên làm việc đã kết thúc\nBody: Để bảo vệ tài khoản, bạn đã được đăng xuất sau 30 phút không hoạt động.\nCTA: [Đăng nhập lại]\u003c\/code\u003e\u003c\/pre\u003e\n\n\u003ch2\u003eEmpty States\u003c\/h2\u003e\n\n\u003cp\u003eEmpty state = What this is + Why it's empty + How to start:\u003c\/p\u003e\n\n\u003cpre\u003e\u003ccode\u003eViết copy cho empty states của app quản lý dự án (project management).\n\nContexts:\n1. Chưa có dự án nào (user mới, lần đầu đăng nhập)\n2. Filter không có kết quả (filter \"Quá hạn\" nhưng không có task nào quá hạn)\n3. Tìm kiếm không có kết quả\n4. Notification inbox trống\n5. Team member list trống (workspace mới)\n6. File attachments trống trong một task\n\nTone: Friendly, encouraging — đây là cơ hội, không phải vấn đề\n\nFormat mỗi empty state:\n- Headline (max 6 từ)\n- Description (1-2 câu)\n- Primary CTA (nếu có)\n- Secondary link (nếu có)\u003c\/code\u003e\u003c\/pre\u003e\n\n\u003ch3\u003eOutput mẫu — Empty States\u003c\/h3\u003e\n\n\u003cpre\u003e\u003ccode\u003e### 1. Chưa có dự án (New user)\nHeadline: Bắt đầu dự án đầu tiên của bạn\nDescription: 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.\nPrimary CTA: [Tạo dự án]\nSecondary: [Xem hướng dẫn] hoặc [Import từ Trello]\n\n### 2. Filter \"Quá hạn\" — không có gì\nHeadline: Mọi thứ đang đúng hạn\nDescription: Không có task nào quá hạn với filter hiện tại. Công việc tốt!\nPrimary CTA: [Xem tất cả tasks]\n(Không cần CTA tạo mới ở đây — đây là good news)\n\n### 3. Tìm kiếm không có kết quả\nHeadline: Không tìm thấy kết quả cho \"[query]\"\nDescription: Thử từ khóa khác, hoặc kiểm tra chính tả.\nPrimary CTA: [Xóa tìm kiếm]\nSecondary: [Tìm trong tất cả dự án]\n\n### 4. Notification inbox trống\nHeadline: Bạn đã xem hết thông báo\nDescription: Mọi cập nhật mới sẽ xuất hiện ở đây.\n(Không cần CTA — đây là end state tốt)\n\n### 5. Team member list trống\nHeadline: Mời team vào workspace\nDescription: 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 độ.\nPrimary CTA: [Mời thành viên]\nSecondary: [Copy link mời]\n\n### 6. File attachments trống\nHeadline: Chưa có file đính kèm\nDescription: Đính kèm tài liệu, ảnh, hoặc link liên quan đến task này.\nPrimary CTA: [Tải file lên]\n(Simple, functional — không cần quá elaborate)\u003c\/code\u003e\u003c\/pre\u003e\n\n\u003ch2\u003eOnboarding Copy\u003c\/h2\u003e\n\n\u003cpre\u003e\u003ccode\u003eViết copy cho onboarding flow 4 bước của app đặt lịch hẹn salon tóc.\n\nBước 1: Welcome screen (sau khi tạo tài khoản xong)\nBước 2: Chọn salon yêu thích (gần nhà hoặc hay đến)\nBước 3: Dịch vụ yêu thích (tóc nam\/nữ, gội đầu, uốn nhuộm...)\nBước 4: Notification preferences\n\nYêu cầu:\n- Tone: Warm, friendly, không formal quá\n- Progress indicator text (Bước X\/4)\n- Skip option copy\n- Explain \"why we ask\" cho mỗi bước (inline, nhỏ)\n- Transition CTA giữa các bước\u003c\/code\u003e\u003c\/pre\u003e\n\n\u003ch2\u003eConfirmation Dialogs\u003c\/h2\u003e\n\n\u003cpre\u003e\u003ccode\u003eViết confirmation dialogs cho các actions sau.\n\nRule: Title = action sẽ xảy ra (không phải \"Bạn có chắc không?\")\nButton labels = verb mô tả hành động, không \"OK\/Cancel\"\n\n1. Xóa tài khoản vĩnh viễn (không thể khôi phục)\n2. Hủy đơn hàng đang giao (hoàn tiền 3-5 ngày)\n3. Đăng xuất khỏi tất cả thiết bị\n4. Hủy subscription (mất quyền truy cập cuối tháng)\n5. Xóa draft bài đăng chưa lưu\u003c\/code\u003e\u003c\/pre\u003e\n\n\u003ch3\u003eOutput mẫu — Confirmation Dialogs\u003c\/h3\u003e\n\n\u003cpre\u003e\u003ccode\u003e### 1. Xóa tài khoản vĩnh viễn\nTitle: Xóa tài khoản vĩnh viễn?\nBody: 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.\nPrimary (destructive): [Xóa tài khoản]\nSecondary: [Giữ lại tài khoản]\n\n### 2. Hủy đơn hàng đang giao\nTitle: Hủy đơn hàng #[số đơn]?\nBody: Tiền sẽ được hoàn về tài khoản của bạn trong 3-5 ngày làm việc.\nPrimary: [Hủy đơn hàng]\nSecondary: [Không, giữ đơn]\n\n### 3. Đăng xuất tất cả thiết bị\nTitle: Đăng xuất khỏi tất cả thiết bị?\nBody: 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.\nPrimary: [Đăng xuất tất cả]\nSecondary: [Chỉ thiết bị này]\n\n### 4. Hủy subscription\nTitle: Hủy gói Pro?\nBody: 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.\nPrimary: [Hủy gói Pro]\nSecondary: [Tiếp tục dùng Pro]\n\n### 5. Xóa draft chưa lưu\nTitle: Bỏ thay đổi chưa lưu?\nBody: Nội dung bạn vừa chỉnh sửa sẽ bị mất.\nPrimary: [Bỏ thay đổi]\nSecondary: [Tiếp tục chỉnh sửa]\u003c\/code\u003e\u003c\/pre\u003e\n\n\u003ch2\u003eTooltip và Labels\u003c\/h2\u003e\n\n\u003cpre\u003e\u003ccode\u003eViết tooltip copy cho các elements trong dashboard analytics.\n\nYê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\n\n1. Biểu tượng \"?\" bên cạnh \"Bounce rate\"\n2. Biểu tượng \"?\" bên cạnh \"Session duration\"\n3. Label \"MAU\" trong header metric\n4. Icon cảnh báo bên cạnh tỉ lệ chuyển đổi thấp\n5. Tooltip trên thanh progress của storage limit\u003c\/code\u003e\u003c\/pre\u003e\n\n\u003ch2\u003eLocalization Notes khi viết UX Copy tiếng Việt\u003c\/h2\u003e\n\n\u003cp\u003eMột số lưu ý đặc thù khi viết UX copy tiếng Việt:\u003c\/p\u003e\n\n\u003cul\u003e\n  \u003cli\u003e\n\u003cstrong\u003eCách xưng hô:\u003c\/strong\u003e \"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\u003c\/li\u003e\n  \u003cli\u003e\n\u003cstrong\u003eKhông dùng \"Please\" trực dịch:\u003c\/strong\u003e \"Vui lòng nhập...\" nghe cứng. \"Nhập...\" hoặc \"Hãy nhập...\" tự nhiên hơn\u003c\/li\u003e\n  \u003cli\u003e\n\u003cstrong\u003eSố và đơn vị:\u003c\/strong\u003e Dùng \"đ\" thay vì \"VND\" trong UI ngắn. \"1.500.000đ\" hoặc \"1,5 triệu đ\"\u003c\/li\u003e\n  \u003cli\u003e\n\u003cstrong\u003eTránh dịch literal từ tiếng Anh:\u003c\/strong\u003e \"Gửi\" không phải lúc nào cũng đúng cho \"Submit\". Context quyết định\u003c\/li\u003e\n  \u003cli\u003e\n\u003cstrong\u003eEmoji dùng hạn chế:\u003c\/strong\u003e Trong error messages và confirmation dialogs — không dùng. Trong empty states encouragement — có thể, nhưng không quá nhiều\u003c\/li\u003e\n\u003c\/ul\u003e\n\n\u003cpre\u003e\u003ccode\u003eReview UX copy sau (tiếng Việt) và cải thiện theo 5 principles.\nChú ý đặc biệt đến: tone consistency, clarity, và natural Vietnamese phrasing.\n\nCopy hiện tại:\n1. Nút submit: \"Tiến hành\"\n2. Error: \"Đã xảy ra lỗi. Vui lòng thử lại sau.\"\n3. Empty state: \"Không có dữ liệu để hiển thị.\"\n4. Success: \"Thao tác của bạn đã được thực hiện thành công.\"\n5. Loading: \"Đang xử lý...\"\n6. Onboarding step 1: \"Chào mừng đến với ứng dụng của chúng tôi!\"\n\nHãy rewrite từng item với explanation.\u003c\/code\u003e\u003c\/pre\u003e\n\n\u003ch2\u003eBước tiếp theo\u003c\/h2\u003e\n\n\u003cp\u003eUX 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 \u003ca href=\"\/collections\/ung-dung\"\u003ebộ sưu tập Ứng dụng Claude cho Design\u003c\/a\u003e.\u003c\/p\u003e\n\n\n\u003chr\u003e\n\u003ch3\u003eBài viết liên quan\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003e\u003ca href=\"\/products\/claude-cho-design-accessibility-review-t%E1%BB%B1-d%E1%BB%99ng\"\u003eClaude cho Design: Accessibility Review tự động\u003c\/a\u003e\u003c\/li\u003e\n\u003cli\u003e\u003ca href=\"\/products\/claude-cho-design-danh-gia-thi%E1%BA%BFt-k%E1%BA%BF-chuyen-sau\"\u003eClaude cho Design: Đánh giá thiết kế chuyên sâu\u003c\/a\u003e\u003c\/li\u003e\n\u003cli\u003e\u003ca href=\"\/products\/claude-cho-design-design-handoff-cho-developer\"\u003eClaude cho Design: Design Handoff cho Developer\u003c\/a\u003e\u003c\/li\u003e\n\u003cli\u003e\u003ca href=\"\/products\/claude-cho-engineering-code-review-t%E1%BB%B1-d%E1%BB%99ng\"\u003eClaude cho Engineering: Code Review tự động\u003c\/a\u003e\u003c\/li\u003e\n\u003cli\u003e\u003ca href=\"\/products\/claude-cho-marketing-l%E1%BA%ADp-k%E1%BA%BF-ho%E1%BA%A1ch-chi%E1%BA%BFn-d%E1%BB%8Bch\"\u003eClaude cho Marketing: Lập kế hoạch chiến dịch\u003c\/a\u003e\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"Minh Tuấn","offers":[{"title":"Default Title","offer_id":47722092265684,"sku":null,"price":0.0,"currency_code":"VND","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0821\/0264\/9044\/files\/claude-cho-design-ux-copywriting-hi_u-qu_7ec9d8bc-38e8-471d-9489-ddfd0a21525a.jpg?v=1774521992","url":"https:\/\/claude.vn\/products\/claude-cho-design-ux-copywriting-hi%e1%bb%87u-qu%e1%ba%a3","provider":"CLAUDE.VN","version":"1.0","type":"link"}