Từ chiến lược đến thiết kế thị giác: Sáu lớp truyền tải cùng một ý nghĩa như thế nào?

Trước khi xây dựng một hệ thống hình ảnh, tôi muốn làm rõ vài điều: doanh nghiệp định làm gì, chủ yếu muốn ai xem, muốn họ hiểu điều gì, và sau khi xem họ có thể làm gì tiếp theo.

Có câu trả lời rồi, việc đánh giá hướng thiết kế sẽ dễ hơn. Tiêu đề nói gì trước, thông tin nào cần nổi bật, hình đặt ở đâu, nút dẫn đến đâu đều có căn cứ.

Nếu ý nghĩa cần truyền đạt liên tục thay đổi, hình thức cũng khó ổn định. Phần hoạch định giải thích một hoạt động, câu chữ nhấn mạnh một ưu thế khác, còn hình ảnh tạo ra ấn tượng thứ ba. Từng phần được đầu tư nhiều nhưng khi ghép lại vẫn không rõ.

Tôi cho rằng có thể tổ chức quá trình này thành sáu lớp: ý định chiến lược, nhiệm vụ của người đọc, đề xuất giá trị, cấu trúc nội dung, quy tắc thị giác và bối cảnh sử dụng.

Mỗi lớp cần tiếp nhận câu hỏi từ lớp trước và đưa ra câu trả lời mà lớp sau dùng được. Sau đó kiểm tra các câu trả lời trong hoàn cảnh sử dụng thực tế. Đây là mô hình làm việc để sắp xếp và xem xét các quyết định thiết kế.

1. Chuyển hướng đi của doanh nghiệp thành yêu cầu có thể thảo luận

“Muốn trông chuyên nghiệp hơn” có thể mở đầu cuộc trao đổi, nhưng chưa đủ để định hướng thiết kế.

Sự chuyên nghiệp thể hiện ở đâu? Phạm vi dịch vụ rõ ràng, quy trình cung cấp dễ hiểu, hay thông tin quan trọng có thể kiểm tra? Câu trả lời khác nhau sẽ dẫn đến nội dung và hình thức khác nhau.

Ý định chiến lược trước hết cần nêu doanh nghiệp đang giải quyết vấn đề gì, phục vụ ai, dựa vào năng lực nào để duy trì hoạt động, và lần truyền đạt này đảm nhiệm phần việc nào.

Năng lực hiện tại và hướng tương lai cũng cần tách biệt. Dịch vụ đã cung cấp được phải có tài liệu hỗ trợ; năng lực dự kiến xây dựng cần được giữ đúng trạng thái kế hoạch. Trình bày tương lai như hiện tại có thể khiến thiết kế càng hoàn chỉnh càng dễ gây hiểu nhầm.

Với một nhiệm vụ cụ thể, tôi sẽ thu hẹp phạm vi thêm. Trang giới thiệu giúp người mới hiểu hoạt động; trang sản phẩm giúp người có nhu cầu rõ đánh giá sự phù hợp; tài liệu hợp tác giúp hiểu phân công, điều kiện và bước tiếp theo.

Một tài liệu trước hết hãy làm tốt một nhiệm vụ chính. Khi nhiệm vụ rõ, chúng ta có điểm tựa để quyết định điều gì cần nhấn mạnh và điều gì có thể đặt sau.

2. Sáu lớp cần làm rõ những gì?

Phóng to sơ đồ ↗Tải SVG ↓

Hình 1: Mũi tên đi xuống biểu thị thứ tự chuyển đầu vào thiết kế sang lớp tiếp theo. Chúng không có nghĩa hoàn thành một lớp sẽ chắc chắn tạo kết quả kinh doanh. Phản hồi sử dụng giúp kiểm tra và sửa lớp liên quan.

Lớp 1: Ý định chiến lược—lần truyền đạt này hỗ trợ điều gì?

Lớp này xác định hướng đi và giới hạn.

Cần làm rõ thị trường muốn tiếp cận, năng lực dựa vào và vấn đề truyền đạt cần giải quyết nhất. Ít nhất, đội thiết kế cần bản mô tả nhiệm vụ đã thống nhất, biết việc phải đạt tới đâu và điều gì chưa thể cam kết công khai.

Bản mô tả không cần dài. Giúp mọi người hiểu mục tiêu gần nhau có ích hơn việc xếp đầy khái niệm lớn.

Lớp 2: Nhiệm vụ của người đọc—họ đến với câu hỏi nào?

Cùng một doanh nghiệp có khách hàng, nhân viên, nhà cung cấp và các đối tác khác. Có mối quan tâm chung nhưng cũng có ưu tiên riêng.

Khách hàng có thể hỏi có phù hợp không, cung cấp thế nào và xử lý sự cố ra sao. Nhà cung cấp có thể quan tâm phải cung cấp gì, phối hợp thế nào, điều kiện thanh toán ra sao. Nhân viên có thể muốn biết vai trò, tiêu chuẩn công việc và hỗ trợ nhận được.

Vì vậy, từ “ai xem” cần hỏi tiếp đến “họ cần đưa ra đánh giá gì”.

Cùng một người cũng có nhiệm vụ khác nhau khi mới tìm hiểu, so sánh phương án và chuẩn bị hợp tác. Viết rõ sự khác biệt giúp đặt thông tin đúng chỗ.

Lớp 3: Đề xuất giá trị—vì sao đáng để tìm hiểu thêm?

Đề xuất giá trị cần nối vấn đề của người đọc với sự hỗ trợ doanh nghiệp có thể cung cấp.

Nếu họ quan tâm tính ổn định của việc cung cấp, hãy giải thích cách tổ chức, trách nhiệm và xử lý ngoại lệ. Nếu cần đánh giá phù hợp, hãy làm rõ phạm vi, điều kiện và trường hợp không áp dụng.

Có thể dùng các từ “hiệu quả”, “chuyên nghiệp”, “đáng tin cậy”, nhưng phải có nội dung hỗ trợ. Cách làm, hồ sơ và mức có thể kiểm tra quyết định phát biểu đó có thể đi xa đến đâu.

Xem tuyên bố cùng với bằng chứng. Có điều được sự kiện hỗ trợ, có điều cần kiểm chứng, có điều chỉ thể hiện hướng phát triển. Phân biệt chúng sẽ làm cách truyền đạt tiếp theo vững hơn.

Lớp 4: Cấu trúc nội dung—người đọc hiểu theo thứ tự nào?

Doanh nghiệp thường có nhiều tài liệu. Người vào một trang lại chưa chắc muốn đọc tất cả từ đầu đến cuối.

Cấu trúc nội dung quyết định câu hỏi trả lời trước, căn cứ bổ sung sau, nội dung có thể mở rộng và nội dung cần lối vào riêng.

Trang dịch vụ có thể bắt đầu bằng vấn đề phù hợp, tiếp đến cách làm, kết quả bàn giao, điều kiện và tài liệu liên quan, cuối cùng là bước tiếp rõ ràng. Người đọc có thể đi theo câu hỏi hoặc đến thẳng phần cần xem.

Tiêu đề giúp tổ chức sự hiểu biết. Tiêu đề, tóm tắt, sơ đồ, nội dung và nút cần phối hợp quanh cùng nhiệm vụ. Đặt mọi thông tin ngang hàng sẽ buộc người đọc tự phân loại lại.

Lớp 5: Quy tắc thị giác—làm sao để thấy quan hệ quan trọng?

Đến đây mới xử lý cụ thể cỡ chữ, màu sắc, khoảng trống, hình khối, hình ảnh, căn chỉnh và chuyển động.

Kích thước và vị trí gợi thứ tự đọc; khoảng trống chia nhóm; đường nối giải thích quan hệ; màu sắc giúp phân biệt trạng thái. Trước khi chọn cần biết từng phương tiện đảm nhiệm việc gì.

Trang giải thích quy trình cần làm rõ bước, trách nhiệm và điều kiện. Tài liệu phải kiểm tra được thì nguồn, lời giải thích và lối tải xuống phải dễ tìm. Trên điện thoại, chữ cần xuống dòng tự nhiên và nút dễ chạm.

Ý nghĩa của màu và hình cần xét cùng ngữ cảnh, cách phối hợp và sử dụng thực tế. Một màu riêng lẻ không thể chứng minh quy mô, năng lực hay uy tín của doanh nghiệp.

Quy tắc chung giúp các trang thuộc cùng một hệ thống. Bố cục cụ thể vẫn theo nhiệm vụ. Trang giới thiệu, sơ đồ quy trình, trang đọc và trang thao tác có thể chung ngôn ngữ nền tảng nhưng tổ chức tầng bậc khác nhau.

Lớp 6: Bối cảnh sử dụng—đưa vào môi trường thật còn dùng tốt không?

Trang trên máy tính có thể đổi thứ tự đọc khi lên điện thoại. Sơ đồ rõ ở màn hình lớn có thể không đọc được trong ảnh xem trước của nhóm chat. Tài liệu có người giải thích tại cuộc họp có thể thiếu ngữ cảnh khi gửi cho người đọc một mình.

Những điểm này cần được kiểm tra trên phương tiện thực tế.

Nhờ người mới đọc rồi nói lại điều đã hiểu. Nhờ người có nhiệm vụ cụ thể tìm tài liệu. Hiển thị tệp đúng kích thước sử dụng để kiểm tra chữ, quan hệ và lối vào còn rõ không.

Giữa các bối cảnh, sự kiện và đề xuất cốt lõi phải nhất quán. Thứ tự đề mục, độ dài và tương tác có thể điều chỉnh theo nhiệm vụ.

3. Nối sáu lớp qua một ví dụ giả định

Giả sử doanh nghiệp bảo trì thiết bị muốn làm trang giới thiệu dịch vụ. Tình huống sau được tạo để giải thích mô hình, không tương ứng dự án thực và không giả định hiệu quả chuyển đổi.

Trang chủ yếu dành cho người phụ trách thiết bị cần đánh giá dịch vụ có phù hợp không. Họ muốn biết vấn đề được xử lý, cách yêu cầu, ai tiếp nhận và trường hợp nào cần đánh giá riêng.

Sáu lớp có thể nối như sau:

Lúc này, thảo luận kích thước nút hay bố trí quy trình ngang hay dọc có căn cứ chung. Có thể quay lại nhiệm vụ và điều kiện thiết bị của người đọc để so sánh lựa chọn.

Nếu thêm một cam kết dịch vụ, cũng phải lần ngược quan hệ: hiện tại làm được không, có quy trình hỗ trợ không, người phụ trách đã xác nhận chưa? Mỗi phát biểu quan trọng cần truy được căn cứ.

4. Có phản hồi rồi, hãy xác định vấn đề nằm ở lớp nào

Khi ai đó nói “thiết kế này chưa đúng lắm”, cần hỏi cụ thể hơn.

Chữ khó nhìn, không tìm thấy trọng tâm, không hiểu hoạt động, thiếu bước tiếp theo, hay câu nói thiếu bằng chứng? Những vấn đề đó cần sửa khác nhau.

Phóng to sơ đồ ↗Tải SVG ↓

Hình 2: Kiểm tra bắt đầu từ nhiệm vụ định trước. Không đạt thì tìm điểm đứt, sửa rồi kiểm tra lại; đạt thì ghi phạm vi và phiên bản. Đây là quy trình kiểm tra công việc, không phải mô hình dự báo tăng trưởng.

Nếu chữ khó đọc trên điện thoại, xem cỡ chữ, tương phản và bố cục. Nếu đọc xong vẫn không giải thích được dịch vụ, xem cấu trúc và đề xuất giá trị. Nếu phát biểu vượt năng lực, kiểm tra sự kiện kinh doanh trước. Nếu có liên hệ và lối vào nhưng không gửi được, xem luồng sử dụng.

Đôi khi vấn đề nằm sớm hơn: một trang muốn phục vụ nhiều nhóm rất khác mà chưa xác định nhiệm vụ chính. Chỉnh cục bộ khó giải quyết hết bất đồng; cần xem lại ý định chiến lược và nhiệm vụ người đọc.

Mỗi sửa đổi nên có giả thuyết rõ. Ví dụ: “Không tìm thấy điều kiện vì nó chìm trong đoạn dài.” Tách điều kiện thành nhóm rồi kiểm tra lại cùng nhiệm vụ. Nếu thay đổi đối tượng hoặc nhiệm vụ, phải cập nhật điều kiện kiểm tra trước, tránh dùng chuẩn cũ đánh giá nhiệm vụ mới.

Quan sát vài người có thể phát hiện vấn đề nhưng chưa chứng minh hiệu quả cho tất cả. Lượt nhấp, thời gian ở trang, yêu cầu tư vấn cần được giải thích cùng nguồn truy cập, nhiệm vụ và thay đổi trên trang. Kết quả kinh doanh còn phụ thuộc dịch vụ, giá, kênh và thực thi ngoài sự rõ ràng của cách diễn đạt.

5. Ghi lại quyết định thiết kế để người sau làm tiếp

Nếu mỗi lần sửa chỉ để lại tệp mới, sau một thời gian khó giải thích vì sao từng chọn như vậy.

Tôi đề nghị ghi ngắn gọn các quyết định quan trọng. Khi đổi người phụ trách, thêm trang hoặc ngôn ngữ, mọi người có thể tiếp tục từ cùng căn cứ.

Không cần biến từng chi tiết thành báo cáo. Bắt đầu ghi những quyết định ảnh hưởng đến hướng đi, sự hiểu biết và sử dụng.

Hoạt động kinh doanh thay đổi thì nội dung liên quan cũng cần đổi. Trang cũ vẫn đẹp nhưng phạm vi, dữ liệu hay điều kiện đã lỗi thời thì cần xem lại. Duy trì các quan hệ tương ứng là một phần của công việc truyền đạt.

6. Làm rõ quan hệ phức tạp rồi thể hiện thành sơ đồ

Mô hình này cũng phù hợp với cách nghĩ: mở đầy đủ sự phức tạp, rút cấu trúc, làm dễ hiểu rồi biểu đạt bằng hình.

Trước hết liệt kê hoạt động, người đọc, nhiệm vụ, căn cứ, kênh và điều kiện sử dụng để thấy toàn cảnh. Sau đó rút sáu lớp cùng các kết nối quan trọng. Chuyển từng lớp thành câu hỏi cụ thể và đầu ra kiểm tra được, rồi vẽ sự truyền đạt, điểm đứt và phản hồi.

Sơ đồ giúp thảo luận khi nó nén một logic đã được giải thích rõ. Mỗi nút phải có nghĩa, mỗi đường nối phải giải thích được quan hệ, để người đọc dùng kiểm tra công việc của mình.

Tôi mong một cách biểu đạt khiến người ta muốn xem và chịu được câu hỏi: vì sao nói vậy, vì sao xếp vậy, căn cứ đâu và ai sẽ dùng?

Kết nối từng lớp từ chiến lược đến thị giác tạo nền tảng chung để hoạch định, câu chữ và thiết kế cùng được thảo luận, sửa đổi liên tục.