Thiết kế đồ họa Web hiệu quả nhờ tính thu hút của các vùng trên trang Web

Tin liên quan:

Người sử dụng thường sử dụng Trình duyệt Web như IE, Firefox, Opera, Netscape, Mozilla hay Safira; các trình duyệt đều có thanh công cụ phần trên cùng. Tuỳ người sử dụng tích hợp phần mềm vào trình duyệt Web nhiều hay ít, mà vùng xem nội dung Web lớn hay nhỏ. Mình gọi vùng Web mỗi khi mở một Web site ra có thể nhìn được ngay là vùng giá trị tối ưu. Những nội dung nằm trong vùng giá trị tối ưu có giá trị thông tin lớn nhất, người đọc thường đọc chúng mỗi khi vào Web site. Nếu Web quảng cáo, báo điện tử, Trang thông tin thì phải có chính sách giá, kế hoạch trình bày nội dung quan trọng trong vùng này thay vì đặt tại phần có giá trị không tối ưu.

Chúng ta xem vùng giá trị một Web site của công ty PTC:

Qua thử nghiệm mình rút ra vùng giá trị có thể chia nhỏ ra thành các "phần có khả năng ghi nhớ". Phần có khả năng ghi nhớ có độ lớn 150x50 pixel. Đây là vùng cho phép mắt của người đọc ghi nhớ được nội dung sau 0.2 giây nhìn vào một vùng ảnh. Tuy nhiên không phải nơi nào trong vùng giá trị tối ưu cũng có mức độ ghi nhớ như nhau. Mức độ ghi nhớ phụ thuộc vào tính rõ ràng trên từng vùng.
Các thông tin liên quan nếu trình bày trên Web các bạn nên tính toán độ rộng của từng khối thông tin, thông tin bên vùng ghi nhớ bên trái dễ được đọc hơn vùng ghi nhớ phía dưới.

Người sử dụng có thói quen đọc từ trái sang phải, từ trên xuống dưới, chính vì vậy phần bên trái-trên cùng là phần gây chú ý nhất; phần bên phải-dưới cùng là phần kém chú ý nhất. Tuy nhiên khi bắt đầu xem lướt qua trang Web, vùng kém chú ý cũng là phần viền quanh vùng có giá trị tối ưu, vùng này có độ dày là 50 pixels. Để tăng độ chú ý tại vùng kém chú ý, bạn có thể sử dụng yếu tố đồ hoạ nổi bật trên vùng không gian trống lớn.

Tính thoát khỏi vùng ảnh được thể hiện bởi khả năng giữ người đọc tại một vùng ảnh lâu hay không lâu. Vùng ảnh có độ tương phản cao với nền có khả năng giữ người đọc trong vùng lâu hơn 2 tầng có độ tương phản thấp. Để đo độ tương phản bạn có thể dùng công cụ Photoshop, chuyển 2 vùng sang thang màu xám và đo độ chênh lệch của 2 thông số. Độ tương phản càng lớn càng có khả năng giữ người đọc lại vùng ảnh lâu hơn. Tuy nhiên vùng ảnh có quá sử dụng quá nhiều màu và mật độ màu không đủ lớn sẽ khiến người đọc bối rối, họ có thể rời bỏ vùng ảnh khi chưa nhận ra nội dung muốn truyền đạt.

Một người khi đọc một lá thư điện tử họ chỉ dành 9 giây để đánh giá lá thư có nên đọc tiếp hay không, một Web site họ cũng dành thời gian như vậy. Tuy nhiên một Web site có lợi thế nhiều hơn email do có thể trình bày theo ý thích, áp dụng đa dạng công nghệ. Chính vì vậy việc tối ưu từng vùng (không gian) để cuốn hút người đọc là điều rất cần thiết.

Cùng với sự phát triển của Web, công nghệ AJAX được coi như một giải pháp tốt để thu hút người đọc tại một vùng. Công nghệ này giúp người đọc có thể tải thông tin mới lên một vùng mà không cần phải tải lại toàn bộ trang Web.

Điều kiện cần để một vùng Web có khả năng giữ người đọc là áp dụng quy tắc 3.

Không quá 3 font
Không quá 3 cỡ chữ
Không quá 3 kiểu chữ
Không quá 3 màu chữ
Không quá 3 màu chủ đạo

Một vùng cũng chịu ảnh hưởng bởi tính dễ sử dụng (easy-to-use), tính dễ sử dụng đựơc hiểu đơn giản là bất cứ ai, dân chuyên nghiệp hay dân ngoại đạo đều dùng Web ngon lành, trong vài giây có thể tìm ra đâu là thông tin mình cần.

Nguồn: igruru