Mở một website dịch vụ, bạn thường thấy hàng biểu tượng nhỏ: điện thoại, xe giao hàng, đồng hồ, ghim bản đồ. Khi dùng đúng, icon website giúp khách lướt trên điện thoại và nắm thông tin chính trong vài giây. Khi dùng sai, chúng chỉ là đồ trang trí, thậm chí làm khách hiểu nhầm. Bài này dành cho chủ doanh nghiệp đang chọn giao diện hoặc muốn làm website hiện tại dễ đọc hơn.
Icon và hình minh họa giải quyết việc gì
Khách trên điện thoại hiếm khi đọc từng chữ; mắt họ quét tìm thứ cần. Biểu tượng giúp đánh dấu “chỗ này nói về giao hàng”, “chỗ này là giờ mở cửa”, để mắt dừng đúng chỗ. Hình minh họa (vẽ đơn giản, sơ đồ, bước quy trình) giúp giải thích những thứ khó chụp bằng ảnh: quy trình đặt hàng ba bước, cách tính giá, dịch vụ trừu tượng như tư vấn, kế toán.
Nhưng icon không thay được chữ, và hình minh họa không thay được ảnh thật của cửa hàng, sản phẩm, công trình. Đó là hai nguyên tắc nền cho mọi thứ bên dưới.
Bốn chỗ icon phát huy tác dụng nhất
Hàng lợi ích ngay dưới phần đầu trang
Ba đến bốn ô, mỗi ô một icon và một dòng chữ ngắn: “Giao trong ngày”, “Bảo hành 12 tháng”, “Lắp đặt tận nhà”. Chỉ ghi những gì bạn thật sự làm được; icon đẹp đến mấy cũng không cứu được một lời hứa sai.
Nút liên hệ
Biểu tượng điện thoại, Zalo, bản đồ đặt cạnh chữ “Gọi”, “Nhắn Zalo”, “Chỉ đường” giúp khách bấm đúng ngay. Đây là chỗ icon quen thuộc đến mức gần như ai cũng hiểu, nhưng vẫn nên có chữ.
Các bước quy trình
“Gửi yêu cầu → Khảo sát → Báo giá → Thi công” với mỗi bước một icon và số thứ tự là cách trình bày dễ theo dõi hơn một đoạn văn dài.
Thông tin thực tế trên trang liên hệ, trang sản phẩm
Giờ mở cửa, khu vực giao hàng, hình thức thanh toán, chỗ đậu xe. Mỗi dòng một icon nhỏ bên trái giúp khách tìm nhanh dòng mình cần.
Năm quy tắc để icon không gây rối
1. Luôn kèm nhãn chữ
Icon xe tải có thể là “giao hàng”, “vận chuyển hàng nặng” hay “cho thuê xe”. Một nhãn ngắn hai đến bốn chữ xóa hết nghi ngờ. Nhãn chữ cũng giúp Google và các công cụ AI hiểu nội dung, vì chúng đọc chữ chứ không “nhìn” hình vẽ như người.
2. Một bộ, một phong cách
Đừng trộn icon nét mảnh với icon tô đặc, icon phẳng với icon 3D. Chọn một bộ, một độ dày nét, một hoặc hai màu theo màu thương hiệu. Sự thống nhất làm website trông chỉn chu hơn rất nhiều so với việc mỗi ô một kiểu.
3. Ít mà đúng chỗ
Không cần icon cho mọi đoạn văn. Nếu cả trang đầy biểu tượng, mắt khách không biết dừng ở đâu. Dùng cho những thông tin khách cần tìm nhanh là đủ.
4. Đủ lớn để nhìn rõ trên điện thoại
Icon trong nút bấm cần đủ to và có khoảng trống quanh nó để ngón tay không bấm nhầm. Icon quá nhỏ, màu quá nhạt trên nền sáng thì gần như vô hình.
5. Đúng bản quyền
Có nhiều bộ icon miễn phí, nhưng “miễn phí” thường đi kèm điều kiện: ghi nguồn, không dùng cho mục đích thương mại, hoặc chỉ dùng trong phạm vi nhất định. Đọc giấy phép trước khi dùng, hoặc nhờ đơn vị làm web chọn bộ icon được phép dùng cho website kinh doanh. Không chép icon, hình vẽ từ website của người khác.
Hình minh họa: khi nào nên, khi nào không
Nên dùng cho sơ đồ quy trình, bảng so sánh, hướng dẫn từng bước, hoặc dịch vụ khó chụp ảnh (phần mềm, tư vấn, bảo hiểm). Hình vẽ đơn giản theo màu thương hiệu giúp website có “giọng” riêng.
Không nên dùng thay cho ảnh thật khi khách cần thấy sự thật: món ăn, phòng nghỉ, mặt tiền cửa hàng, công trình đã làm. Khách địa phương muốn biết quán trông thế nào để tìm đến, phòng có giống ảnh không. Hình minh họa ở đây dễ bị xem là che giấu. Cũng tránh dùng hình minh họa người thật hoặc tạo hình “khách hàng” không có thật để làm chứng cho dịch vụ.
Kiểm tra nhanh website của bạn
- Che phần chữ đi, nhìn icon: bạn có đoán đúng ý nghĩa không? Nếu phải đoán, cần thêm nhãn.
- Các icon trên trang có cùng một kiểu, cùng màu không?
- Trên điện thoại, icon trong nút có đủ to và dễ bấm không?
- Có hình minh họa nào đang đứng thay chỗ cho ảnh thật mà khách cần xem?
- Bạn có biết nguồn và giấy phép của bộ icon đang dùng?
Muốn xem icon được dùng thế nào trong giao diện hoàn chỉnh, bạn có thể lướt kho mẫu website của WebCut, chú ý hàng lợi ích và phần liên hệ. Nếu website cũ đang dùng icon lộn xộn, đó là việc có thể xử lý khi nâng cấp giao diện. Chi phí làm mới tham khảo trên bảng giá, và nếu bạn ở trong tỉnh, có thể trao đổi trực tiếp với đội làm website tại Quảng Ngãi qua chi nhánh Bình Sơn.
Cần chọn bộ biểu tượng hợp với thương hiệu? Nhắn Zalo 0947805184 hoặc gọi 0947588971 để WebCut góp ý cho website của bạn.
Câu hỏi thường gặp
Icon có giúp SEO không?
Bản thân icon không giúp nhiều. Nhãn chữ đi kèm và nội dung rõ ràng mới là thứ Google đọc được. Icon chủ yếu giúp người xem dễ dùng trang hơn.
Có nên dùng emoji thay icon?
Emoji hiển thị khác nhau trên mỗi loại điện thoại và khó đồng bộ màu thương hiệu. Dùng vài emoji trong bài viết thì được, còn giao diện chính nên dùng bộ icon thống nhất.
Mỗi trang nên có bao nhiêu icon?
Không có con số cố định. Hãy dùng cho thông tin khách cần tìm nhanh; nếu icon xuất hiện ở mọi đoạn văn thì đã quá nhiều.
Tự vẽ icon có cần thiết?
Không bắt buộc. Một bộ icon có giấy phép rõ ràng, chỉnh màu theo thương hiệu là đủ cho phần lớn website doanh nghiệp nhỏ.
