Share
Ở rất nhiều trang web, đặc biệt là thương mại điện tử thì hình ảnh thumbnail đóng vai trò quan trọng và mang lại nhiều lợi ích về mặt thông tin và điều hướng.
Người dùng quyết định có truy cập vào xem chi tiết một liên kết hay sản phẩm hay không, một phần nhờ vào dữ liệu hình ảnh đi kèm mô tả cho đối tượng đó.
Tốc độ nhận biết thông tin của con người qua hình ảnh nhanh hơn nhiều lần so với tốc độ nhận biết qua văn bản. Vì vậy, cung cấp hình ảnh bổ sung cho thông tin là một cách làm tiết kiệm thời gian tìm kiếm cho người dùng hơn.
Đối với khách hàng muốn tìm sản phẩm trên trang thương mại điện tử, hình ảnh thumbnail sẽ cung cấp thêm thông tin cho khách hàng về sản phẩm đó. Nó sẽ cung cấp cho khách hàng các đặc điểm như chủng loại, kiểu dáng, màu sắc, cái nhìn tổng quan về sản phẩm. Như vậy qua hình ảnh thumbnail thì khách hàng cũng đã có cái nhìn khái quát về sản phẩm, tiết kiệm thời gian tìm kiếm hơn.
Hình ảnh Thumbnail mô tả rõ ràng về màu sắc kiểu dáng thực của sản phẩm
Nếu chỉ có mỗi văn bản, người dùng sẽ khó chọn được mục thích hợp. Người dùng cũng không có cơ sở so sánh với các mục khác. Sự khác biệt giữa hai chiếc áo thường được giải thích rõ nhất bằng hình ảnh - ngay cả những chiếc áo nhỏ.
Điều này thường xảy ra nhất đối với ngành bán lẻ, thương mại điện tử, khách sạn, nơi người dùng bị thúc đẩy mạnh mẽ bởi tính thẩm mỹ trực quan.
Có thể bạn quan tâm: Vai trò của thiết kế UI/UX trong website thương mại điện tử.
Hình ảnh thumbnail mang tính chất minh họa, ít mang lợi ích so sánh sẽ được đặt bên phải
Nếu bạn đã quyết định hiển thị hình thumbnail của mục, vấn đề tiếp theo là đặt chúng ở đâu?
Để xác định xem vị trí đặt thumbnail nên ở bên trái hay bên phải của văn bản được liên kết, hãy cân nhắc mức độ quan trọng của hình ảnh với thông tin văn bản, trong danh sách bài viết, hoặc sản phẩm. Hình ảnh có phải là phần thông tin quan trọng nhất, hay chỉ là một công cụ hỗ trợ?
Nếu hình ảnh là yếu tố cần thiết để chọn một mục trong danh sách, hãy đặt nó ở bên trái (theo cách xem thông tin từ phải trái sang phải). Khách hàng sẽ nhanh chóng lọc danh sách từ hình ảnh thumbnail mà không cần phải nhìn vào văn bản.
Ngược lại, nếu hình ảnh là thứ yếu của văn bản, hãy đặt nó ở bên phải của phần mô tả văn bản.
Mức độ ưu tiên của hình ảnh so với văn bản cũng nên được sử dụng để quyết định kích thước thumbnail. Hình ảnh càng ít quan trọng thì càng nhỏ. Tuy nhiên, nếu hình ảnh thumbnail quá nhỏ sẽ không còn dễ nhận biết và không còn hữu ích nữa. Để khắc phục vấn đề này, hãy chia tỷ lệ khi giảm kích thước hình ảnh, thay vì chỉ thu nhỏ lại.
Mặt khác, hình thumbnail quá lớn khiến người dùng mất tập trung khỏi các thông tin liên quan khác hoặc gây ra sự lu mờ của văn bản được liên kết. Cũng nên nhớ rằng hình ảnh lớn sẽ cần dung lượng tải lớn, gây ra sự khó chịu khi tốc độ tải chậm.
Tóm lại, hình thumbnail đóng vai trò quan trọng cho quá trình truyền tải nội dung tới khách hàng. Để tối ưu lợi ích hình thumbnail, hãy tiến hành nghiên cứu xem nội dung của bạn có thực sự cần hình ảnh thumbnail hay không. Sau đó, đưa ra mức độ ưu tiên cho hình ảnh thumbnail đó trên giao diện thiết kế. Khi mức độ ưu tiên của hình ảnh được xác định, vị trí đặt thumbnail và kích thước thumbnail hợp lý sẽ mang lại nhiều lợi ích cho trang web của bạn.
Bạn đang muốn tìm một đơn vị vừa thiết kế website đẹp, vừa lập trình website chuyên nghiệp? Liên hệ với chúng tôi.
Share
