Nguyên tắc viết UX dành cho designers

11 min read

Chúng ta đang ở trong giai đoạn đỉnh cao của UX writing: một phần của việc viết văn bản gần gũi với thiết kế cho các giao diện kỹ thuật số.

Năm 2017, John Maeda, người đứng đầu bộ phận thiết kế tính toán và tích hợp tại Automattic và từng là đối tác thiết kế tại Kleiner Perkins, đã mạnh dạn tuyên bố rằng “writing is design’s unicorn skill”. Nhìn lại vào năm 2019 – việc viết UX bây giờ là một trong những xu hướng UX hàng đầu trong năm, khi tập trung vào việc storytelling và kỹ thuật UX kể chuyện thúc đẩy các nhà thiết kế áp dụng nhanh chóng cách tiếp cận dựa trên nội dung.

Viết UX tốt kết hợp thiết kế và ngôn ngữ viết; viết UX xuất sắc khiến chúng không thể tách rời. Dù team của bạn có một người viết UX chuyên nghiệp hoặc bạn là người thiết kế chịu trách nhiệm về nội dung sản phẩm, bạn có thể ủng hộ việc làm cho luồng trực quan và ngôn ngữ mạch lạc. Đó là điều giúp người dùng bấm, vuốt, nhấp hoặc thực hiện bất kỳ hành động nào để đạt được mục tiêu của họ.

“Dù viết UX tốt kết hợp thiết kế và ngôn ngữ viết; viết UX xuất sắc khiến chúng không thể tách rời.”

Một cách tóm gọn, tôi ở đây để trang bị cho bạn các công cụ để viết văn bản không chỉ bổ sung mà còn nâng cao công việc của bạn. Đây là những hiểu biết tôi đã thu thập qua nhiều năm làm việc như một người viết UX/chiến lược nội dung làm việc trên các thiết kế web và ứng dụng cho các thương hiệu bao gồm Facebook, Academy UX, Genentech và các tổ chức địa phương khác.

Hướng dẫn của người thiết kế về viết UX

Cho dù bạn đã được yêu cầu viết văn bản hoặc bạn muốn tự học, dưới đây là một số gợi ý và mẹo của nghề để tìm hiểu.

Tập trung vào luồng onboarding

72% người dùng nói rằng việc hoàn thành quy trình onboarding ứng dụng trong dưới một phút quan trọng đối với họ. Điều này không để lại nhiều thời gian để nói chuyện.

Theo Jonathon Colman, quản lý thiết kế nội dung cấp cao tại Intercom, 6 yếu tố quan trọng của một quy trình onboarding hiệu quả bao gồm:

  1. A welcome message (Một thông điệp chào mừng.)
  2. An identity for the product or company (Một danh tính cho sản phẩm hoặc công ty.)
  3. A problem(s) to be solved (Một hoặc nhiều vấn đề cần giải quyết.)
  4. At least one explicit value proposal (Ít nhất một đề nghị giá trị rõ ràng.)
  5. The mechanics of using the product (Cách sử dụng sản phẩm.)
  6. At least one call-to-action (CTA) (Ít nhất một cuộc gọi hành động (CTA).)

Good example: Dropbox

ux

Cách thực hiện hiệu quả:
Dropbox đã thành công trong việc sử dụng các bản chụp màn hình của các tính năng quan trọng để giới thiệu người dùng với Dropbox Paper. Mỗi màn hình chỉ có một tiêu đề và một dòng văn bản phụ – cung cấp bối cảnh mà không làm cho người dùng bị áp đảo. Trọng tâm đặt vào các hành động của người dùng (ví dụ: ghi lại ý tưởng, lập kế hoạch cho bước tiếp theo, chia sẻ suy nghĩ của bạn).

Hai nút (Watch intro video/Get started) cung cấp cho người dùng các tùy chọn rõ ràng để bắt đầu tương tác với sản phẩm. Tông màu tổng thể là động viên và cung cấp thông tin, tạo nên một trải nghiệm thân thiện ngay từ đầu.

Mẹo: Giảm bớt văn bản xuống những phần cần thiết. Hãy cố gắng viết những câu tuyên bố đơn giản và mạnh mẽ về những tương tác quan trọng và cung cấp chi tiết hỗ trợ nhẹ về cách người dùng có thể đạt được mục tiêu của họ.

Duy trì tính nhất quán trên các nền tảng:
Văn bản cần phải phù hợp với màn hình có kích thước khác nhau, vì vậy đối với văn bản sản phẩm kỹ thuật số, tính linh hoạt là quan trọng. Mặc dù bạn có thể đặt thêm nhiều văn bản trên màn hình lớn hơn, brand’s voice và brand’s tone của bạn phải duy trì tính nhất quán.

Hãy cẩn thận với các giao diện người dùng không đáp ứng (non-responsive UIs), và hãy tận dụng cơ hội mở rộng phạm vi của văn bản giúp người dùng hiểu cách điều hướng sản phẩm và đạt được mục tiêu của họ trên các giao diện full-screen.

Good example: Spotify

Những gì hoạt động:
Trong khi trên điện thoại di động chỉ có một tiêu đề và nút gọi hành động (call-to-action) duy nhất để người dùng tìm kiếm bài hát, trên máy tính để bàn, có một tiêu đề ngắn gọn và một dòng văn bản phụ cung cấp bối cảnh về nơi và cách người dùng có thể thêm bài hát vào danh sách phát của họ (ví dụ: thêm bài hát được đề xuất hoặc tìm kiếm một bài hát).

Kết hợp tính khả dụng vào brand voice của bạn:
Hãy nhớ rằng khi bạn viết, không có khái niệm “trường hợp biên” – bạn đang viết cho tất cả mọi người. Tạo nội dung khả dụng thông qua việc ưu tiên sự rõ ràng trên tất cả mọi thứ.

Đối với những người khuyết tật về trí thức hoặc người mù, nội dung hoạt động như một hướng dẫn giúp họ hiểu cách điều hướng và tương tác với sản phẩm.

Good example: Netflix

Những gì hoạt động:
Sử dụng các bước được ghi nhãn giúp người dùng hiểu họ đang ở đâu trong quá trình. Các tiêu đề rõ ràng giúp thiết lập cấu trúc và nhóm thông tin liên quan lại với nhau. Văn bản trên nút lặp lại mục đích của bước và đảm bảo rằng người dùng biết điều gì sẽ xảy ra tiếp theo.

Mẹo: Giảm bớt ngôn ngữ phức tạp và ghi nhãn rõ ràng các yếu tố quan trọng của trải nghiệm. Văn bản mô tả giúp người đọc hiểu. Dưới đây là một số nguyên tắc cần xem xét khi viết văn bản dễ tiếp cận:

  • Sử dụng câu đơn giản, ngắn gọn.
  • Sử dụng từ ngữ và cụm từ phổ biến, quen thuộc.
  • Sử dụng thuật ngữ nhất quán.
  • Làm cho các đại từ rõ ràng.
  • Tránh các thành ngữ, ngôn ngữ địa phương, viết tắt, tiếng lóng, và tham khảo văn hóa cụ thể.
  • Tránh sự mơ hồ và cung cấp đủ bối cảnh.
  • Tránh sự tập trung của từ (ví dụ: về việc, về mặt, nói về).

Để đảm bảo sự rõ ràng, một quy tắc tốt là viết với một cấp độ đọc lớp 7 hoặc thấp hơn. Hemingway là một công cụ tốt để giúp đo lường điều này.

Luyện tập viết ngắn gọn

Một thực hành để đơn giản hóa mọi thứ là xác định những thông tin quan trọng nhất và sử dụng chúng để truyền đạt điểm của bạn.

Những gì hiệu quả: Shopify truyền đạt các thông điệp quan trọng trực tiếp và đồng thời giới thiệu giá trị của một số tính năng cụ thể. Mỗi câu là một đoạn ngắn và cá nhân hóa thông tin mà người dùng cần điều chỉnh.

Mẹo: Giữ văn bản ở mức tối thiểu để người dùng có thể nắm bắt thông điệp cơ bản. Nếu bạn vẫn gặp vấn đề, vấn đề có thể vượt ra ngoài văn bản – văn bản nên hoạt động như một hướng dẫn, chứ không phải là một cây gậy.

Sử dụng giọng nói chủ động:
Truyền động viên cho người dùng bằng văn bản gọi họ thực hiện hành động. Trong khi giọng nói bị động có thể thích hợp cho các hành động của hệ thống, giọng nói chủ động luôn là lựa chọn tốt cho các hành động của người dùng.

Good example: Forestry.io

Good example: Uber.

Uber tận dụng giọng nói chủ động một cách hiệu quả để mời người dùng xem tình trạng chuyến đi của bạn bè hoặc thành viên gia đình. Phần tiêu đề, nội dung và CTA được viết tất cả bằng thì hiện tại để mô tả một cách rõ ràng hành động tương ứng.

Mẹo: Lựa chọn động từ thay vì danh từ để thúc đẩy hành động của người dùng. Viết bằng thì hiện tại để làm cho bản sao đơn giản và dễ tiêu thụ hơn.

Làm cho văn bản hiển thị cái quan trọng nhất trước:
Viết văn bản có thể quét qua giúp người dùng thực hiện các hành động nhanh chóng và chính xác.

Good example: Airbnb.

Airbnb khuyến khích người dùng thêm vào danh sách của họ bằng cách cung cấp phản hồi ngay lập tức về tình trạng của danh sách và cho phép người dùng biết các hành động họ có thể thực hiện.

Mẹo: Đặt câu lên đầu giúp thu gọn văn bản và đơn giản hóa giao diện của bạn.

Hãy hữu ích:
Mục tiêu của viết UX đơn giản: cung cấp thông tin đúng đúng thời điểm.

Good example: Instagram.

Instagram cho phép người dùng biết rõ hậu quả khi họ thực hiện một hành động và giải quyết mối quan tâm của họ thông qua một dòng văn bản đơn giản. Bằng cách nói rõ cho người dùng điều gì đang chờ họ, bản sao giúp an ủi người dùng một cách chân thực. Tính minh bạch quan trọng trong việc thúc đẩy lòng tin và sự tin tưởng của người dùng vào một sản phẩm.

Mẹo: Đặt tất cả các lựa chọn của người dùng trước họ và hãy cho họ biết các hành động họ có thể thực hiện. Xây dựng sự tin tưởng bắt đầu từ việc đảm bảo rằng người dùng nhận thức về kết quả của hành động của họ và cảm thấy được hỗ trợ trong suốt quá trình.

Hãy trò chuyện:
Văn bản nên thông tin và hướng dẫn, nhưng cũng nên tạo ra một trải nghiệm có âm hưởng con người. Hãy để văn bản thể hiện tính chân thực và cá tính của những người đứng sau những lời nói.

Good example: Mailchimp.

Mailchimp hiệu quả truyền đạt thông tin về tính năng mới với một tông màu ấm áp và lạc quan sử dụng “bạn” để kết hợp người dùng vào cuộc trò chuyện.

Good example: Slack.

Slack tích hợp tính cách vui nhộn và đáng yêu của họ vào các thông báo cập nhật thú vị khi người dùng đã xem tất cả các tin nhắn chưa đọc.

Mẹo: Một chút sáng tạo luôn được hoan nghênh – không có gì đáng mừng hơn việc viết một đoạn văn bản khiến ai đó mỉm cười.

…và đó là mọi thứ!
Chúng tôi đã giới thiệu cho bạn một ít về các phương pháp tốt nhất của viết UX để tích hợp vào công việc của bạn. Điểm gặp gỡ giữa thiết kế xuất sắc và văn bản là điểm ngọt cho trải nghiệm UX ấn tượng.

Ưu tiên sự rõ ràng và cung cấp bối cảnh hỗ trợ khi cần. Xây dựng lòng đồng cảm với người dùng là quan trọng để phát triển nội dung ý nghĩa ở mỗi giai đoạn. Hãy nhớ rằng mục tiêu cuối cùng của viết UX là giúp người dùng sở hữu trải nghiệm sản phẩm và đạt được mục tiêu của họ.

Bài viết được dịch và phát triển từ bài của tác giả KAILA LEE trên Inviside Design

Avatar photo

Clean Code: Nguyên tắc viết hàm trong lập trình…

Trong quá trình phát triển phần mềm, việc viết mã nguồn dễ đọc, dễ hiểu là yếu tố then chốt để đảm bảo code...
Avatar photo Dat Tran Thanh
3 min read

Clean Code: Nguyên tắc đặt tên (Naming)

Clean Code là việc viết mã nguồn rõ ràng, dễ hiểu, dễ bảo trì. Bài viết này sẽ giới thiệu nguyên tắc đầu tiên...
Avatar photo Dat Tran Thanh
4 min read

Leave a Reply

Your email address will not be published. Required fields are marked *