#info icon

Info icon

Tuy nhiên, không phải lúc nào người dùng cũng cần một trang tài liệu hỗ trợ để hoàn thành tác vụ. Đôi lúc, thứ họ cần chỉ là vài thông tin bổ trợ cho một phần tử cụ thể trên màn hình. Trong trường hợp này, bạn nên sử dụng một Info icon để cung cấp cho họ một đoạn ngắn những thông tin hữu ích mà không cần phải đưa người dùng ra khỏi màn hình hiện tại. Bạn có thể đặt Info icon cùng dòng với chức năng cần giải thích để cung cấp thông tin cụ thể cho nó.

Những trường hợp dùng Info icon

Một cách sử dụng điển hình của Info icon là đi kèm với những trường nhập thông tin không rõ ràng trong các biểu mẫu. Chẳng hạn như một trường nhập số điện thoại mà người dùng muốn biết dữ liệu của họ sẽ được sử dụng như thế nào. (Hình 1)

Một Info icon sẽ cung cấp những thông tin đúng ngữ cảnh, khiến người thoải mái hơn về việc cung cấp số điện thoại. Bởi vì chỉ có thể hiển thị một đoạn thông tin ngắn, bạn có thể trình bày nó như một gợi ý (tooltip) hiện ra khi người dùng click vào Info icon.

Một ví dụ khác là khi người dùng đứng giữa nhiều lựa chọn nhưng không chắc chắn nên chọn cái gì. Lúc này, cung cấp thêm thông tin về các lựa chọn bằng Info icon sẽ giúp người dùng đưa ra quyết định chính xác (Hình 2).

Nếu lượng thông tin quá nhiều, bạn có thể sử dụng một hộp thoại (modal card) thay cho một tooltip. Một hộp thoại sẽ cho phép bạn có thêm không gian để trình bày thông tin với nhiều tùy chọn định dạng hơn. Bạn thậm chí có thể thêm cả hình ảnh vào nếu cần thiết.

Những trường hợp sử dụng Question Mark

Một vị trí phổ biến thường đặt Question Mark là bên trong các menu (Hình 1). Menu là nơi người dùng sử dụng để tìm kiếm những thứ cụ thể, vì vậy nếu cần giúp đỡ, họ sẽ tự nhiên có xu hướng tìm đến đây. Tuy nhiên, hãy đảm bảo rằng bạn đã phân tách riêng mục trợ giúp ra khỏi các mục nội dung khác để người dùng có thể tìm và truy cập trợ giúp nhanh nhất.

Bạn cũng có thể đặt Question Mark ở các góc của cửa sổ (Hình 2). Mỗi cửa sổ bật lên đều có một ngữ cảnh cụ thể. Nếu người dùng cần giúp đỡ trong ngữ cảnh đó, họ sẽ click vào biểu tượng Question Mark và đi đến trang tài liệu hỗ trợ (help documentation page). Đặt Question Mark ở góc dưới bên phải hoặc bên trái, như vậy nó sẽ không ảnh hưởng đến phần nội dung.