Bàn về cái khung tìm kiếm (search box) trên website và ứng dụng app

Trong trang web, một ứng dụng thì chức năng tối thiểu cần thiết phải có của website có lẽ là chức năng tìm kiếm để người dùng có thể nhanh chóng tìm ra cái họ muốn trong thời gian ngắn nhất để tăng trải nghiệm sử dụng website, ứng dụng.

Cái việc hiển nhiên thì nhiều khi người ta lại ít đặt câu hỏi về nó. Nhưng nhiều khi chỉ một chút để ý và tinh chỉnh lại cái khung tìm kiếm đó thì bạn sẽ tạo ra trải nghiệm vô cùng thoải mái, dễ dàng cho người dùng đó và hôm nay cùng chém về cái khung tìm kiếm search box này nhé

Tại sao nên có search box

Điều này thì quá hiển nhiên rồi vì trang web của bạn có gì thì bạn là người biết rõ. Nhưng mà người đọc thì làm sao biết? Và họ cũng không có thời gian mà đọc từng bài để tìm kiếm cái họ cần do đó một thanh tìm kiếm chính là cái họ cần. Và để cụ thể hơn thì ta có thể xem vài điểm sau là cơ sở cho sự cần thiết của thanh tìm kiếm trong website của bạn.

• Đầu tiên là tạo ấn tượng chuyên nghiệp và tin cậy cho người dùng
• Tạo ra sự tiện lợi cho người dùng khi họ muốn tìm kiếm thông tin cụ thể
• Bạn có thể dùng công cụ Google Analytic để phân tích từ khoá mà người dùng tìm kiếm trong chức năng tìm kiếm để từ đó có thể đưa ra những quyết định phát triển cho website của mình
• Có thể được google tối ưu và cho chèn thanh tìm kiếm trong kết quả tìm kiếm của google

Tương tác với search box

Để tiến hành hành động tìm kiếm thì thường chia làm vài loại

• Nhấp chuột vào thanh tìm kiếm sẽ ra một trang mới sau đó mới có thể tiến hành nhập từ khoá tìm kiếm
• Nhấp chuột vào thanh tìm kiếm sẽ không ra trang mới và có thể tiến hành nhập từ khoá tìm kiếm
• Nhập từ khoá sẽ có gợi ý từ khoá hiện ra cho người dùng chọn
• Nhập từ khoá nhưng không có gợi ý từ khoá hiện ra cho người dùng chọn
• Chỉ cần nhập từ khoá là ra kết quả, không cần phải bấm tìm kiếm
• Nhập từ khoá xong phải bấm nút tìm kiếm hoặc nhấn Enter sẽ ra kết quả
• Nhập từ khoá xong phải bấm nút tìm kiếm mới ra kết quả. Nhấn Enter cũng không có kết quả gì

Vị trí search box

Đây cũng là một điều vô cùng quan trọng cho chủ trang web cần phải xem xét nhưng lại thường bị đánh giá là không quá quan trọng từ và thường được trả lời là có thanh tìm kiếm là được rồi. Người dùng sẽ xem trong trang web và sẽ tìm ra vị trí của nó thôi.

Sau quá trình tự mình trả nghiệm nhiều trang web cũng như là đóng vai trò là một người dùng bình thường trải nghiệm một trang web thì mình có một vài chia sẻ thực trạng về vị trí của thanh tìm kiếm trên trong nhiều trang web như sau:

• Thường là thanh tìm kiếm đặt trên navbar là thanh chứa menu của website
• Vị trí banner hay còn gọi hero area ngay phía dưới thanh navbar và phía trên nội dung chính của website
• Vị trí cuối cùng chân footer của website

Kết quả tìm kiếm

Thường thì kết quả tìm kiếm sẽ là những đối tượng object có tiêu đề, nội dung tóm tắt, hình ảnh, link liên kết. Các kết quả thường sẽ được ưu tiên hiển thị tuỳ vào từng thuật toán khi xây dựng chức năng tìm kiếm cho trang web. Nhưng thông thường thì trang hiển thị kết quả tìm kiếm nên có phân trang, hiển thị kết quả ưu tiên cho từ khoá gần chính xác nhất…

Tóm lại search box hoàn hảo

Sau khi chém gió một hồi thì mình có thể thấy cách hoạt động của một thanh tìm kiếm nên học hỏi từ cách mà google tìm kiếm từ cả hình thức và chức năng. Ví dụ như trang tìm kiếm google như bên dưới

Nhưng mà google thì chuyên về tìm kiếm nên ta cũng không thể áp dụng hoàn toàn tất cả vào trang web của mình được và nếu như một trang web thông thường về tin tức, blogs, thương mại điện tử hay giới thiệu về doanh nghiệp thì gợi ý của một thanh tìm kiếm search box chuẩn theo mình như sau:

1. Thiết kế của thanh tìm kiếm nên giống với box search của google, đơn giản
2. Vị trí của thanh tìm kiếm cần đặt ở phần đầu trang header và dính stick vào trên dùng cho dùng người dùng có cuộn chuột xuống thì vẫn có thể luôn luôn nhìn thấy thanh tìm kiếm
3. Chức năng của thanh tìm kiếm

• Nếu có chức năng gợi ý thì tốt còn không có thì không sao, cái này cũng không phải ưu tiên
• Tìm kiếm kích hoạt ngay khi người dùng nhập xong từ khoá và không phải làm thêm gì khác là tốt nhất

Về chủ đề thanh tìm kiếm thì chém tới đây là bí rồi. Có gì các bạn chém tiếp trong comment nha