Góc nhìn · Nguyên lý

Mắt đọc theo tầng bậc

Thứ tự người ta nhìn quyết định thứ tự người ta hiểu. Đây là nguyên lý thiết kế mà phần lớn thương hiệu bỏ qua.

Chốt nhanh

Phân cấp thị giác là cách tổ chức bố cục để mắt người xem đi đúng lộ trình: thông điệp quan trọng nhất được thấy trước, thứ yếu theo sau. Không có phân cấp, mọi yếu tố tranh nhau sự chú ý và không yếu tố nào thắng. Đặt đúng thứ tự không phải chuyện thẩm mỹ, mà là quyết định chiến lược về điều gì khách hàng sẽ nhớ.

Ấn tượng thị giác đầu tiên hình thành trong khoảng 50 mili-giây, theo nghiên cứu của Lindgaard và cộng sự công bố trên tạp chí Behaviour & Information Technology năm 2006. Trước khi não kịp đọc một từ, mắt đã phán xét. Điều đó có nghĩa là người thiết kế không thể chờ khách hàng "đọc hết rồi hiểu". Thứ tự mắt đi quyết định thứ tự não hiểu, và người thiết kế phải chủ động lập lộ trình đó.

Tại sao không có phân cấp thì mọi thứ đều bằng nhau

Khi mọi yếu tố trong một bố cục có trọng lượng thị giác ngang nhau, mắt không biết bắt đầu từ đâu. Não người xử lý thông tin bằng cách tìm điểm vào: yếu tố nổi bật nhất sẽ được nhìn trước, yếu tố thứ hai tiếp theo. Nếu tất cả đều "quan trọng", kết quả thực tế là không gì quan trọng cả. Đây không phải vấn đề thẩm mỹ. Đây là cơ chế nhận thức cơ bản mà tâm lý học Gestalt đã mô tả từ đầu thế kỷ 20. Thương hiệu bỏ qua nguyên lý này thường mắc một triệu chứng dễ nhận ra: thiết kế trông "đủ thứ" nhưng khách không nhớ gì sau khi rời đi.

50 mili-giâyThời gian não người hình thành ấn tượng thị giác đầu tiên về một trang hoặc vật phẩm thiết kế. Nguồn: Lindgaard et al., Behaviour & Information Technology, 2006.

Ba công cụ kiểm soát lộ trình nhìn

Phân cấp thị giác không chỉ là chỉnh cỡ chữ. Nó là sự phối hợp của ít nhất ba nhóm công cụ, mỗi nhóm tác động lên nhận thức theo cơ chế riêng.

  • Kích thước và độ nặng. Yếu tố lớn hơn, đậm hơn được mắt nhìn trước. Đây là công cụ thô nhất và trực tiếp nhất. Typography phải thể hiện rõ ít nhất ba mức: tiêu đề, đề mục phụ, và nội dung thân.
  • Tương phản và màu sắc. Độ chênh lệch giữa yếu tố và nền quyết định mức độ nổi bật. Màu sắc bão hòa cao trên nền trung tính kéo mắt vào ngay lập tức. Nguyên tắc này cũng giải thích tại sao màu sắc là tài sản cần sở hữu một cách có chủ đích, không phải chọn vì "đẹp".
  • Vị trí và khoảng trắng. Yếu tố đứng một mình với nhiều khoảng trắng xung quanh được cảm nhận là quan trọng hơn yếu tố chen chúc trong đám đông. Khoảng trắng không phải vùng trống, mà là công cụ nhấn mạnh chủ động.

Typography là ngôn ngữ được nhìn thấy. Trước khi người đọc xử lý nghĩa của từ, họ đã cảm nhận hình dạng, nhịp điệu, và trọng lượng của chữ.

Ellen Lupton, Thinking with Type

Nguyên lý Gestalt: não hoàn thiện trước khi chưa đọc xong

Tâm lý học Gestalt, phát triển bởi Wertheimer, Köhler và Koffka vào đầu thế kỷ 20, mô tả cách não người tổ chức thông tin thị giác trước khi ý thức can thiệp. Bốn nguyên lý liên quan trực tiếp đến thiết kế thương hiệu:

  • Proximity (tương cận): những yếu tố gần nhau được hiểu là cùng nhóm. Đặt tên thương hiệu gần tagline tạo liên kết; đặt xa làm chúng trở thành hai thứ riêng biệt.
  • Similarity (tương đồng): những yếu tố có hình dạng, màu sắc, hoặc kích thước giống nhau được hiểu là có cùng vai trò. Điều này giải thích tại sao hệ màu nhất quán tạo cảm giác có hệ thống.
  • Closure (đóng hình): não tự điền vào chỗ thiếu để hoàn thiện hình dạng. Logo có thể chưa cần đầy đủ từng đường nét, miễn là bộ não có đủ tín hiệu để hoàn thiện.
  • Figure-ground (hình-nền): mắt luôn cố tách yếu tố chính khỏi nền. Thiết kế tốt làm điều này rõ ràng; thiết kế kém khiến mắt mất phương hướng.
75%Tỉ lệ người dùng đánh giá mức độ tin cậy của một tổ chức dựa vào thiết kế trang web. Nguồn: Stanford Web Credibility Research, 2002-2004.

Ứng dụng vào tài liệu thương hiệu thực tế

Nguyên lý phân cấp thị giác không chỉ áp dụng cho poster hay quảng cáo. Nó ảnh hưởng đến mọi điểm chạm: bao bì sản phẩm có ba giây để người mua dừng lại tại quầy hàng, slide thuyết trình có năm giây trước khi người nghe quyết định có cần đọc hay không, danh thiếp có ít hơn mười giây để trao đi một thông tin cốt lõi. Mỗi vật phẩm đặt ra câu hỏi giống nhau: thứ gì quan trọng nhất cần được thấy trước? Câu trả lời không phải là quyết định của người thiết kế, mà là quyết định chiến lược của thương hiệu. Người thiết kế chỉ là người dịch quyết định đó thành lộ trình thị giác rõ ràng.

Một bài kiểm tra thực tế mà các studio thiết kế chuyên nghiệp thường dùng gọi là blur test, tức kiểm tra bằng cách làm mờ: làm mờ thiết kế đến mức không đọc được chữ, chỉ còn hình khối và màu sắc. Yếu tố nào vẫn nổi bật trong trạng thái đó chính là yếu tố mắt nhìn thấy trước nhất trong điều kiện bình thường. Nếu yếu tố đó không phải thông điệp cốt lõi bạn muốn truyền đi, phân cấp cần được làm lại.

3 giâyThời gian trung bình một người mua quyết định dừng lại xem bao bì sản phẩm trên kệ hàng, theo quan sát từ nghiên cứu hành vi mua sắm tại điểm bán. Đây là khoảng thời gian phân cấp thị giác phải hoàn thành nhiệm vụ của mình.

Phân cấp và nhất quán là hai mặt của một vấn đề

Phân cấp thị giác chỉ tích lũy giá trị khi được duy trì nhất quán. Một poster có phân cấp tốt nhưng email dùng font khác, màu khác, và thứ tự trình bày khác sẽ phá vỡ kỳ vọng mà não người đã xây dựng từ lần tiếp xúc trước. Theo cơ chế mà Ehrenberg-Bass Institute mô tả, thương hiệu được nhớ không phải vì khác biệt đột xuất, mà vì lặp lại đủ nhất quán để tạo dấu ấn trong bộ nhớ dài hạn. Phân cấp thị giác là cấu trúc; nhất quán là hành động lặp lại cấu trúc đó đủ nhiều lần để nó trở thành phản xạ nhận diện của khách hàng.

Đây là lý do hệ thống nhận diện thương hiệu tốt không chỉ định nghĩa "dùng màu này, font này". Nó định nghĩa cả thứ tự ưu tiên: yếu tố nào được đặt ở tầng một, yếu tố nào ở tầng hai, và khoảng cách giữa chúng là bao nhiêu. Guidelines đủ tốt là guidelines mà bất kỳ ai trong đội cũng có thể dùng để sản xuất một vật phẩm mới mà không cần đoán.

Ghi chú: Số liệu "3 giây" về thời gian dừng lại tại kệ hàng được rút ra từ nhiều nghiên cứu hành vi người mua khác nhau, không có một con số thống nhất tuyệt đối trong tài liệu học thuật. Con số cụ thể thay đổi theo danh mục sản phẩm và môi trường bán lẻ. Dùng như chỉ số định hướng, không phải hằng số.

Thương hiệu là cảm nhận trong ruột của khách hàng về sản phẩm, dịch vụ, hoặc tổ chức. Cảm nhận đó hình thành từ tổng hợp mọi điểm chạm, không phải từ một vật phẩm đơn lẻ.

Marty Neumeier, The Brand Gap

Nguồn tham khảo

Lindgaard et al., Attention web designers, Behaviour & Information Technology, 2006. Ellen Lupton, Thinking with Type. Rudolf Arnheim, Art and Visual Perception. Gestalt psychology: Wertheimer, Köhler, Koffka. Marty Neumeier, The Brand Gap.

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

Phân cấp thị giác có áp dụng được cho thiết kế trên mạng xã hội không?

Có, và thậm chí còn quan trọng hơn. Trên mạng xã hội, người dùng cuộn nhanh và thời gian dừng lại chỉ tính bằng giây. Nếu yếu tố đầu tiên họ nhìn thấy không đủ mạnh hoặc không rõ ý, họ cuộn tiếp. Phân cấp tốt đặt hình ảnh hoặc cụm ngôn từ chủ lực ở vị trí thị giác cao nhất ngay từ thumbnail, không chờ người xem đọc hết caption.

Làm thế nào để biết thiết kế hiện tại của tôi có phân cấp tốt hay không?

Một bài kiểm tra đơn giản: nhìn vào thiết kế trong ba giây rồi nhắm mắt lại. Thứ bạn nhớ đầu tiên là gì? Nếu câu trả lời không phải thông điệp cốt lõi mà bạn muốn truyền đi, phân cấp đang có vấn đề. Cách chuyên nghiệp hơn là dùng bản thảo mờ (blur test): làm mờ thiết kế đến mức không đọc được chữ, xem yếu tố nào vẫn nổi bật. Yếu tố nổi nhất khi thiết kế bị mờ chính là yếu tố mắt nhìn trước nhất.

Phân cấp thị giác khác gì với việc chỉ làm chữ to hơn?

Kích thước là một công cụ, nhưng phân cấp thị giác là cả một hệ thống. Ngoài kích thước, bạn còn có độ tương phản màu sắc, vị trí trên mặt phẳng, khoảng trắng xung quanh, độ nặng của font chữ, và quan hệ hình nền. Chỉ tăng cỡ chữ mà không điều chỉnh các yếu tố còn lại thường tạo ra thiết kế ồn ào thay vì có trật tự. Phân cấp thật sự là sự phối hợp của nhiều công cụ để tạo một lộ trình nhìn rõ ràng.

← Về Góc nhìn
{INJ}