it-swarm-vi.tech

Tôi có thể kết hợp một hộp chọn với một thanh tìm kiếm không?

Vâng, tôi đã tự hỏi những gì bạn có thể nghĩ về một hộp chọn bên trong một thanh tìm kiếm. Miễn là văn bản không đi bên dưới hộp tôi nghĩ rằng nó trông thực sự mát mẻ.

Thí dụ:

enter image description here

Điều này thuộc về một trang web lưu trữ tôi đang mã hóa tại thời điểm này. Nhưng một người bạn nói rằng mọi trang web lưu trữ khác đều có nó bên ngoài thanh và bên cạnh nút và chúng ta nên làm điều đó như họ.

Tôi không biết, tôi chỉ thích làm khác đi những gì người khác làm. Bạn nghĩ sao?

4
Kawohi

Có một cuốn sách nổi tiếng có tên Đừng làm tôi suy nghĩ: Cách tiếp cận thông thường đối với khả năng sử dụng web , giải thích cách khiến người dùng của bạn nghĩ (thậm chí trong một giây) có thể khiến họ thất vọng với trang web của bạn, cho thấy khả năng sử dụng , Vân vân.

Người dùng mong đợi một điều khiển chung như vậy sẽ nhìn theo một cách nhất định và nếu không, họ sẽ cảm thấy thất vọng. Hãy suy nghĩ về ô tô - bạn thực sự có thể bước vào bất kỳ chiếc xe nào và lái nó, vì tất cả các điều khiển chính đều rất giống nhau - mọi thứ đều có thể dự đoán và dự đoán, đó là một điều rất tốt .

BTW - bạn có nghĩ điều gì sẽ xảy ra nếu người dùng cố gắng nhập một tên rất dài không? Trong kiểm soát của bạn, có vẻ như văn bản sẽ bị ẩn bởi hộp thả hoặc lớp phủ bên trên nó, không phải cái nào cũng tốt. Mặt khác, nếu hộp văn bản và hộp thả là riêng biệt, bạn sẽ không gặp phải vấn đề đó (văn bản sẽ chỉ tự động cuộn theo chiều ngang).

7
Dan Barak

Vì vậy, hai lý do của bạn để thiết kế giao diện người dùng theo cách này là "nó trông rất tuyệt" và "nó khác với những gì mọi người khác làm"?

Trong trường hợp đó, câu trả lời của tôi sẽ là: Tôi không nghĩ đó là những lý do tốt để thiết kế UI theo một cách nhất định. Khi tạo giao diện người dùng, một trong những điều quan trọng nhất cần nhớ là bạn không tự thiết kế cho mình mà cho người dùng cuối của bạn.

Điều đó có nghĩa là bạn nên tìm hiểu những gì mọi người truy cập trang web của bạn mong đợi, hiểu và đã sử dụng trước đó. Vì vậy, ví dụ: thực hiện kiểm tra khả năng sử dụng với một số người dùng của bạn nơi bạn quan sát họ bằng trang web của đối thủ cạnh tranh đặt hộp chọn bên ngoài trường tìm kiếm và sau đó quan sát người dùng sử dụng thiết kế của bạn. Xem cái nào hoạt động tốt hơn (có thể không có sự khác biệt, vì đây là một phần nhỏ của UI).

Nhưng nhìn chung, hãy nhớ rằng "nó trông thật tuyệt" và "Tôi thích khác biệt" sẽ không khiến bạn nghiêm túc với tư cách là một nhà thiết kế UI. Hầu hết các lần, bạn cần có sự thật để sao lưu lập luận của mình. Dữ liệu sử dụng hoặc số liệu là một khởi đầu tốt.

7
Rahul

Câu hỏi này có vẻ xứng đáng được cập nhật ...

Giữ bình tĩnh và kết hợp kiểm soát

Bảy năm trước (khi câu hỏi được đặt ra), điều này dường như "không phổ biến" đối với một số người. Cảm ơn lòng tốt cho những người như @kawoki, người đã nghĩ muốn hỏi - không sao để kết hợp các điều khiển ngay bây giờ!

The now ubiquitous Amazon mega-search box

Là một ngành công nghiệp (đặc biệt là trong e-comm và di động), chúng tôi đã thử nghiệm kết hợp các điều khiển khen ngợi lẫn nhau. Hộp tìm kiếm Amazon, là một trường hợp tinh túy. Sau khi thử nghiệm vô tận (vẫn đang diễn ra), trải nghiệm duyệt web phân loại thông thường đã được đưa xuống một menu tinh tế và hộp tìm kiếm thống trị tối cao. Theo mặc định, đó là một tìm kiếm toàn cầu, nhưng các danh mục đã nói ở trên có thể được truy cập ngay trong hộp tìm kiếm để giới hạn phạm vi.

Noi dung chinh cua cau chuyen

Nếu một tương tác sáng tạo dường như giải quyết một vấn đề cụ thể, thì nó cũng có thể có ý nghĩa với người dùng của bạn. Đừng ném nó ra là "không phổ biến" - kiểm tra nó!

2
plainclothes

Cũng đáng chú ý là rất có thể phần lớn khách truy cập vào thanh tìm kiếm sẽ là điện thoại di động. Không chắc chắn nếu thả xuống sẽ rất có thể sử dụng cho người dùng thiết bị di động.

0
Saurabh M