Chuyên môn · Thiết kế sản phẩm số

Thương hiệu và sản phẩm số: giữ cho lời hứa không đứt gãy

Khi người dùng bước từ website vào bên trong ứng dụng, họ đang kiểm chứng lời hứa thương hiệu bằng trải nghiệm thật.

Chốt nhanh

Thương hiệu định hình cách người ta cảm nhận về Anh Chị, còn thiết kế sản phẩm định hình cách họ dùng. Hai việc này không phải hai giai đoạn nối tiếp mà cần song hành: cùng giọng, cùng màu, cùng chữ, cùng cảm giác từ điểm chạm đầu tiên cho đến tận bên trong sản phẩm. Nếu để hai nhóm làm tách rời rồi ghép lại sau, người dùng sẽ cảm nhận được sự đứt gãy dù họ không nói ra được tại sao.

Nhìn nhanh
Hợp với
đã có nhận diện rõ, cần sản phẩm kế thừa và mở rộng đúng tinh thầncả thương hiệu và sản phẩm còn non, cần song hành để định hình lẫn nhausản phẩm nhiều màn và còn thêm tính năng, cần token hóa nhận diện
Không hợp
website và sản phẩm dùng hai bộ nhận diện khác nhau gây đứt gãybàn giao tuần tự cứng nhắc giữa nhóm thương hiệu và nhóm sản phẩm
Ngành hay dùng
SaaSthương mại điện tửsản phẩm số

Sản phẩm số là nơi lời hứa thương hiệu được kiểm chứng bằng trải nghiệm thật. Anh Chị có thể xây dựng một bộ nhận diện rất đẹp ở bên ngoài, nhưng nếu bên trong ứng dụng dùng màu khác, giọng khác, cảm giác khác thì người dùng sẽ thấy không ổn, dù họ không giải thích được tại sao. Đây không phải vấn đề thẩm mỹ đơn thuần mà là vấn đề niềm tin.

Hai việc, một tiếng nói

Thương hiệu và thiết kế sản phẩm giải quyết hai câu hỏi khác nhau. Thương hiệu trả lời: người ta cảm nhận Anh Chị là ai. Thiết kế sản phẩm trả lời: người ta dùng thứ Anh Chị làm ra như thế nào. Nhưng hai câu hỏi này không tách rời nhau vì người dùng không tách rời chúng ra khi họ tương tác.

Khi người dùng nhấp vào quảng cáo, đọc website, tải ứng dụng xuống rồi bắt đầu thao tác, tất cả những bước đó là một hành trình liên tục trong đầu họ. Nếu mỗi bước mang một giọng, một bộ màu, một cảm giác khác nhau, trải nghiệm sẽ rời rạc và khó xây dựng được lòng tin bền.

Các yếu tố cần căn chỉnh giữa hai bên

  • Tính cách thương hiệu và cách nó biểu hiện trong sản phẩm: Nếu thương hiệu điềm tĩnh và chuyên nghiệp, giao diện sản phẩm không nên dùng màu sắc chói và hiệu ứng nhảy múa. Nếu thương hiệu trẻ trung và thân thiện, microcopy (văn bản nhỏ trong giao diện) không nên khô khan như tài liệu kỹ thuật.
  • Bộ màu, chữ và khoảng cách: Đây là ba thứ người dùng cảm nhận ngay lập tức. Nếu website dùng một tông màu mà ứng dụng dùng tông khác, họ sẽ thấy đang dùng sản phẩm của hai công ty khác nhau.
  • Giọng và microcopy bên trong sản phẩm: Thông báo lỗi, nhãn nút bấm, tin nhắn xác nhận đều là điểm chạm thương hiệu. Nhiều sản phẩm chăm chút bên ngoài nhưng để bên trong viết theo kiểu mặc định của hệ thống, rất mâu thuẫn với hình ảnh đã xây.
  • Sự liền mạch từ điểm chạm đầu vào bên trong: Người dùng đi từ quảng cáo hoặc website vào sản phẩm không nên thấy đứt gãy về cảm giác. Liền mạch không có nghĩa là giống y hệt mà là cùng tinh thần.

Nhất quán qua các điểm chạm là chìa khóa. Thương hiệu và trải nghiệm người dùng cùng dẫn dắt nhận diện thị giác, thông điệp và tính khả dụng để người dùng tin và quay lại.

Interaction Design Foundation: Branding in UX Design

Khi nào chọn hướng nào

Thương hiệu đã rõ, sản phẩm mới bắt đầu: Đây là tình huống thuận lợi nhất. Anh Chị đã có hệ thống nhận diện, sản phẩm chỉ cần kế thừa và mở rộng đúng tinh thần. Quan trọng là token hóa nhận diện ngay từ đầu để sau này cập nhật thương hiệu không phải sửa tay từng màn hình.

Cả thương hiệu lẫn sản phẩm đều còn non: Làm song hành để hai thứ định hình lẫn nhau. Thương hiệu chưa hoàn chỉnh không có nghĩa là phải chờ xong rồi mới làm sản phẩm. Làm tách rời rồi ghép lại sau mới tốn công hơn, vì sẽ phải chỉnh lại nhiều chỗ.

Có một điểm cần cân bằng: khi bản sắc thương hiệu bắt đầu cản trở thao tác, ưu tiên quy ước quen thuộc hơn. Người dùng đã có phản xạ với các mẫu giao diện phổ biến như nút đăng nhập ở đâu, menu đặt chỗ nào. Sáng tạo hình thức quá đà vì muốn khác biệt thương hiệu có thể làm họ lạc lõng và bỏ đi.

Lỗi thường gặp

  • Website và ứng dụng dùng hai bộ nhận diện khác nhau, người dùng cảm thấy đứt gãy dù không nói ra được.
  • Coi thương hiệu chỉ là logo và màu chủ đạo, quên rằng giọng nói và microcopy bên trong sản phẩm cũng là thương hiệu.
  • Ép hình thức thương hiệu quá mức làm khó thao tác: thiết kế đẹp nhưng người dùng không biết bấm vào đâu.
  • Không token hóa nhận diện, mỗi lần thương hiệu thay đổi nhỏ phải sửa tay từng màn hình trong sản phẩm.
  • Nhóm thương hiệu và nhóm sản phẩm làm việc tuần tự cứng nhắc, bàn giao xong xuôi rồi mới gặp nhau, thay vì làm cùng nhau từ đầu.

Giải pháp sản phẩm tốt sinh ra từ sự cho và nhận giữa sản phẩm, thiết kế và kỹ thuật, không phải kiểu chuyền yêu cầu tuần tự qua từng khâu.

Marty Cagan, INSPIRED và EMPOWERED

Góc nhìn của Sinh Vũ

Sinh Vũ vốn là studio làm thương hiệu, nay thiết kế trải nghiệm số trực tiếp trên nền thương hiệu đó. Cách làm việc là dựng luồng và giao diện sản phẩm từ hệ nhận diện đã có, token hóa màu, chữ, khoảng cách để cùng một tinh thần chạy suốt từ website đến bên trong sản phẩm.

Nếu Anh Chị đã có nhận diện rõ, Sinh Vũ giúp sản phẩm kế thừa liền mạch mà không cần dịch lại từ đầu. Nếu chưa có nhận diện, hai việc có thể song hành để định hình lẫn nhau trong cùng một quá trình. Phần lập trình do đội kỹ thuật đảm nhận; Sinh Vũ giữ cho lời hứa thương hiệu không đứt gãy khi thành trải nghiệm thật.

Anh Chị nên cân nhắc phần này trong tương quan với bài toán cụ thể của mình. Không phải mọi sản phẩm đều cần mức độ tích hợp như nhau, nhưng nếu thương hiệu là tài sản Anh Chị đang đầu tư xây, thì để nó đứt gãy ngay bên trong sản phẩm là điều đáng tiếc nhất.

Nguồn tham khảo

Interaction Design Foundation: Branding in UX Design. Marty Cagan, INSPIREDEMPOWERED (sách gốc). Kinh nghiệm thực hành Sinh Vũ Studio.

Câu hỏi thường gặp

Nếu thương hiệu chưa hoàn chỉnh, có nên chờ xong rồi mới làm sản phẩm không?

Không nhất thiết phải chờ. Nếu cả hai đều còn non, làm song hành để chúng định hình lẫn nhau ngay từ đầu là hướng thực tế hơn. Điều quan trọng là hai nhóm phải ngồi cùng nhau, không phải làm xong việc mình rồi chuyền sang. Tách rời hoàn toàn mới tốn công hơn vì sẽ phải chỉnh lại nhiều.

Token hóa nhận diện là gì và có cần thiết không?

Token hóa nhận diện (design token) là việc đặt tên và lưu các giá trị như màu, cỡ chữ, khoảng cách thành một bộ biến dùng chung cho toàn bộ sản phẩm. Thay vì ghi cứng màu hay chữ vào từng màn hình, bạn gọi tên token đó ở mọi nơi. Khi thương hiệu cập nhật, chỉ cần đổi ở một chỗ và cả hệ thống tự cập nhật theo. Với sản phẩm nhiều màn hoặc còn mở rộng thêm tính năng, đây là cách duy trì nhất quán mà không tốn công sửa tay từng chỗ.

← Về Trải nghiệm số
{INJ}