2009-02-28 62 views
21

Tôi muốn cung cấp cho người dùng của mình công cụ tìm kiếm 'nâng cao'. tôi về cơ bản có rất nhiều tiêu chí tìm kiếm để chọn từ:Bạn sẽ thiết kế giao diện người dùng tìm kiếm tốt như thế nào?

  • một số rất đơn giản/chung và sẽ được chủ yếu sử dụng (tức là khoảng thời gian, mục id)
  • một số là một chút ít chính
  • và một số sẽ không được sử dụng rất nhiều, nhưng tôi vẫn muốn cung cấp cho họ

Nói chung, tôi có khoảng hơn 30 tiêu chí để chọn từ

kết quả là một số liệu mà tôi displ ay trong lưới.

Tôi đã tìm kiếm cảm hứng trên internet và thậm chí cả google dường như không có giải pháp tốt cho tìm kiếm nâng cao.

Tôi đã thiết kế loại công cụ này trong quá khứ và tôi thực sự không hài lòng với kết quả, mặc dù người dùng cuối cùng cũng có thể sử dụng nó một cách hiệu quả.

  • Bạn có nghĩ rằng các bảng tìm kiếm nên có thể nhìn thấy tất cả các thời gian (tức là hiển thị trên đầu trang của lưới kết quả của tôi) hoặc có sẵn trong một mẫu riêng (mà sẽ cho phép tôi sử dụng chỗ hơn cho tất cả các điều khiển)

  • bạn có nghĩ rằng nó tốt hơn để hiển thị tất cả các tiêu chí tìm kiếm, hoặc để cho các nhấp chuột người dùng trên 'cao cấp' nếu anh muốn xem/sử dụng nhiều tiêu chí

  • Làm thế nào bạn sẽ tổ chức thực hiện các tiêu chí? theo tần suất sử dụng hoặc theo khu vực (ví dụ: tiêu chí liên quan đến người dùng, vị trí, thời gian, v.v.)

  • Tôi nên đặt nút 'Tìm kiếm' ở đâu? bên cạnh các điều khiển tìm kiếm phổ biến hơn hoặc ở dưới cùng hoặc cả hai?

Và nói chung, bạn có mẹo nào bạn muốn chia sẻ về cách thiết kế giao diện người dùng tìm kiếm tốt không? Bạn thường bỏ lỡ những loại chức năng nào trong loại công cụ tìm kiếm 'nâng cao' này?

Trả lời

4

Chỉ là lời khuyên chung: hãy đơn giản. Để nhiều lựa chọn gây nhầm lẫn cho người dùng và tăng cơ hội một phần chức năng nhất định không được sử dụng.

Hãy thử các nguyên mẫu khác nhau trên người dùng để tìm ra tùy chọn nào có giá trị và tùy chọn nào không có.

0

Cố gắng giữ giao diện càng đơn giản càng tốt. Hầu hết người dùng sẽ chỉ cần một cửa sổ văn bản và một nút tìm kiếm. Các tùy chọn còn lại có thể được đặt bên trong tùy chọn tìm kiếm nâng cao.

Thiết lập này thân thiện hơn với người dùng mới, cũng như giúp bảo tồn tài nguyên bằng cách lưu các tìm kiếm nâng cao đắt tiền hơn cho những người thực sự cần chúng.

0

suy nghĩ của tôi:

-Chỉ hiển thị tiêu chí nâng cao khi muốn. Tìm kiếm là một điều tuyệt vời khi mọi người cố gắng tìm kiếm càng đơn giản càng tốt.

-Nếu có một số tiêu chí tìm kiếm rất lớn cho tìm kiếm nâng cao: không làm lộn xộn kết quả với nó. Làm cho nó rất dễ dàng và rõ ràng cho một người sử dụng để quay trở lại và sửa đổi các tiêu chí, nhưng không cố gắng lãng phí không gian trên các kết quả bằng cách cho họ tiêu chí của họ một lần nữa ngay lập tức.

-Không thể nói rõ các tiêu chí khó mà không biết tất cả. nhưng như những người khác có/sẽ nói: làm cho nó đơn giản! Bạn có thể không cần phải hiển thị tất cả cùng một lúc: hãy để tôi mở rộng khu vực nếu tôi muốn nhiều hơn, ẩn nội dung tôi không muốn sử dụng. và sau đó đặt một nút tìm kiếm ở dưới cùng của nó. Nhưng một lần nữa, tôi sẽ không muốn cuộn qua một trang tiêu chí ngẫu nhiên chỉ để tìm nút này.

0
  • Nên có hộp văn bản tìm kiếm như một phần của cột đầu trên mỗi trang của trang web.
  • Tôi thích nút được gắn nhãn "tìm" thay vì "tìm kiếm" vì lợi ích luôn hấp dẫn hơn các tính năng.
  • Điều gì sẽ phức tạp là thuật toán tìm kiếm chứ không phải GUI.
8

Tôi có xu hướng thích phương pháp "danh sách các quy tắc". Bạn biết một:

Find items that match [ All |v] of these conditions: 

[Name   |v] [Contains |v] [_____________] (-) (+) 
[Start date  |v] [Is before |v] [_____________]  (+) 

              (Cancel) (Search) 

Điều này giúp hộp thoại không bị lộn xộn nhưng vẫn cung cấp cho người dùng tất cả các tùy chọn mà họ có thể cần.

Nhưng điều đó giả định bạn cần những thứ để nâng cao! Bạn có thể thấy rằng cách tiếp cận danh sách từ khóa được thiết kế thông minh sẽ hoạt động tốt.

+0

dấu trừ phải được đặt bởi trường thứ hai vì nó xóa trường thứ hai, không có dấu đầu tiên. – dusoft

+0

Không nên nút Tìm kiếm ở bên trái nút Hủy? –

+2

Greg D: Điều đó sẽ phụ thuộc hoàn toàn vào nền tảng bạn đang sử dụng, phải không? –

13

Không phải là chuyên gia về giao diện người dùng, nhưng tôi đã thấy rất nhiều giao diện người dùng kém.

  • KISS là một khởi đầu tốt.
  • Biến nó trực quan.
  • Giữ tìm kiếm ở trên cùng và ở dưới cùng. Tôi không muốn sử dụng thứ gì đó buộc tôi phải di chuyển lên trang để gõ (xem tài liệu Flex, điều khiển phân trang của họ chỉ ở trên đầu - nỗi đau khổ mà bạn biết ở đâu).
  • Tổ chức tiêu chuẩn nên có hai mặt:
    • khai thác cơ bản (20%) trong đó 80% sẽ sử dụng lên phía trước
    • động chỉnh sửa các thiết lập các tiêu chí có sẵn bất cứ lúc nào.
  • Giúp người dùng bắt đầu với thời gian tăng ít nhất và cho phép họ thêm/xóa tiêu chí trên cơ sở khi cần thiết. Ý tưởng là để làm cho anh ta sử dụng một cái gì đó anh ta cần và không lộn xộn suy nghĩ của mình hoặc công việc với sự rực rỡ của bộ tính năng của bạn.
  • Như những người khác đã đề cập và là xu hướng ngày nay với giao diện người dùng nói chung, sử dụng các điều khiển được ẩn cho đến khi và trừ khi người dùng rõ ràng muốn nâng cao/tinh chỉnh (theo yêu cầu giao diện người dùng).
  • Nguyên tắc chung là có tối đa 5-7 đối tượng địa lý trên một trang. Nếu bạn có thể sắp xếp các tiêu chí theo cách như vậy để tạo ra một câu chuyện trong đó, tức là người dùng có thể đọc truy vấn của anh ta và các nhà khai thác của bạn có ý nghĩa gì đó.
  • Tôi là một fan hâm mộ lớn của văn bản nhỏ và dễ hiểu các biểu tượng nhưng thiết lập như vậy phụ thuộc vào môi trường cài đặt của bạn. Người cháu của bạn có thể sử dụng động cơ mạnh mẽ đó không?
  • Thiết kế tốt cũng đòi hỏi bạn phải làm cho giao diện người dùng của mình có thể truy cập được. Đó là một hạt khó khăn để crack và tôi hoàn toàn không có ý tưởng làm thế nào bạn muốn làm điều đó.

Best of luck!

5

Giữ các điều khiển nâng cao ẩn theo mặc định. Nút đầu vào và hành động tìm kiếm của bạn sẽ luôn được hiển thị và nổi bật, bất kể các điều khiển nâng cao của bạn có hiển thị hay không. Đảm bảo rằng việc hiển thị/ẩn các điều khiển nâng cao không thay đổi vị trí của đầu vào hoặc nút chính - những nhu cầu đó vẫn tĩnh để bộ nhớ không gian của người dùng không bị ảnh hưởng.

Đối với điều khiển nâng cao, mà không biết chính xác những gì loại dữ liệu bạn cần phải chứng minh, tôi chỉ có thể đưa ra một tổng quan về phương pháp tổ chức tiềm năng. Cá nhân, tôi thích LATCH:

  • Location
  • Alphabet
  • Thời gian (timeline hoặc niên - nghĩ về một bảo tàng lịch sử)
  • loại (nghĩ cửa hàng bách hóa)
  • hệ thống cấp bậc (lớn nhất đến nhỏ nhất, nhẹ nhất đến tối nhất, v.v.

Tùy thuộc vào điều khiển của bạn, một trong số đó sẽ có ý nghĩa nhất. ider hoặc đầu vào phạm vi (ví dụ: 'nhẹ nhất', 'nhẹ hơn', v.v.) thay vì danh sách hộp kiểm/radio, điều này thích hợp hơn vì nó làm giảm số lượng các yếu tố hình ảnh trên trang.

Quên về "cộng/trừ 7" quy tắc - đã được thực hiện hoàn toàn ra khỏi bối cảnh của folks những người không thực sự đọc nghiên cứu. Tóm lại - nó chỉ áp dụng cho phản ứng của con người đối với các kích thích bên ngoài, chứ không phải tùy chọn hiển thị trên màn hình. Đây không phải là nói rằng bạn nên đi overboard, nhưng ngay cả khi bạn có rất nhiều lựa chọn, bạn có thể chỉnh sửa chúng một cách trực quan. Sự lộn xộn là một thất bại của thiết kế - không phải thông tin.

Hãy nhớ sử dụng rất nhiều khoảng trắng và <label> yếu tố để cung cấp cho mỗi lựa chọn một mục tiêu nhấp chuột tốt cỡ. Điều này đặc biệt quan trọng khi giao dịch với hộp kiểm hoặc radio.

Đảm bảo rằng khi kết quả được trả lại, có một tiêu đề rõ ràng (<h2> hoặc <h3> thường là đủ) để nói lại truy vấn của người dùng và số lượng kết quả được trả lại. Đừng quên về một trang kết quả 0! Cung cấp một số lời khuyên về mở rộng truy vấn, nếu có thể.

3

1) Bạn có nghĩ rằng các bảng tìm kiếm nên được hiển thị trên đầu trang của lưới kết quả của tôi?

Một bảng điều khiển tìm kiếm đơn giản như tìm kiếm cơ bản của Google có thể được trên trang kết quả vì nó nhỏ gọn. Điều này cho phép người dùng thử lại tìm kiếm với các tiêu chí khác nhau mà không lãng phí thời gian vào một trang hoặc cửa sổ mới. Tìm kiếm nâng cao sẽ có nhiều sự lộn xộn hơn vì vậy có sự cân bằng quan trọng hơn giữa việc truy cập dễ dàng vào kết quả (trong khung nhỏ hơn) và dễ dàng truy cập lại, vì vậy bạn cần đánh giá tần suất người dùng tìm kiếm lại so với công việc họ làm với các kết quả. Ví dụ: nếu tìm kiếm lại xảy ra 50% thời gian, nhưng bao gồm bảng điều khiển Tìm kiếm nâng cao trong trang Kết quả yêu cầu cuộn thêm 75% thời gian, người dùng của bạn sẽ tốt hơn nếu không có bảng điều khiển Tìm kiếm nâng cao trên Kết quả. Theo quy tắc chung, Tìm kiếm nâng cao không được ở trên trang Kết quả trừ khi tác vụ thực sự là khám phá dữ liệu.

Vấn đề khác với bảng điều khiển Tìm kiếm ở đầu kết quả là phải làm gì nếu kết quả không tương ứng với tiêu chí (ví dụ: nếu người dùng thay đổi tiêu chí sau khi kết quả được hiển thị nhưng trước khi nhấp lại Tìm kiếm). Với Tìm kiếm nâng cao, người dùng dễ dàng quên hoặc bỏ lỡ nhiều hơn nếu họ thay đổi tiêu chí hay không và sau đó bị nhầm lẫn về những tiêu chí nào có hiệu lực đối với kết quả. Đặt Tìm kiếm nâng cao trên một trang riêng biệt ngăn điều này, mặc dù có nhiều cách khác để tránh vấn đề này nếu Tìm kiếm nâng cao nằm trên trang Kết quả (ví dụ: sử dụng tìm kiếm "mặt" tức thì áp dụng).

Trong mọi trường hợp, trang Kết quả sẽ hiển thị tiêu chí được sử dụng để thực hiện tìm kiếm.

2) Bạn có nghĩ rằng tốt hơn là để người dùng nhấp vào 'nâng cao' để có thêm tiêu chí? Đối với hầu hết các ứng dụng cơ sở dữ liệu, người dùng của một nhóm cụ thể (ví dụ, vị trí công việc) có từ 2 đến 5 tiêu chí tìm kiếm cụ thể để có được chúng thông qua phần lớn công việc của họ (ví dụ: tìm kiếm đơn đặt hàng giữa hai người dùng). -supplied date), đôi khi bao gồm các tiêu chí thậm chí có các giá trị tiêu chuẩn cụ thể (ví dụ: tìm kiếm tất cả các đơn đặt hàng có trạng thái đang chờ xử lý). Trong trường hợp này, người dùng sẽ nhanh nhất và ít có khả năng bị nhầm lẫn nếu bạn có nút Nâng cao để tìm kiếm quảng cáo, trong khi tìm kiếm mặc định có các điều khiển được điều chỉnh cho các tìm kiếm cụ thể này. Mặc định cho Tìm kiếm nâng cao chỉ khi người dùng của bạn sẽ chủ yếu là đang tiến hành tìm kiếm quảng cáo khám phá.

3) Bạn sẽ tổ chức tiêu chí như thế nào?

Nếu có một số tiêu chí nhất định được sử dụng đặc biệt thường xuyên, chúng được xử lý thông qua Tìm kiếm cơ bản như được mô tả cho 2, do đó, có rất ít lợi thế để sắp xếp tiêu chí trong Tìm kiếm nâng cao theo tần suất. Điều này khiến người dùng khó tìm được tiêu chí họ đang tìm kiếm. Nói chung, bạn có thể dựa vào người dùng có một trường được đặt tên cụ thể, vì vậy hãy sắp xếp tiêu chí theo thứ tự bảng chữ cái hoặc nếu người dùng quen thuộc với Trang kết quả và các trường của trang được sắp xếp theo cách phù hợp với cách người dùng nghĩ, sử dụng cùng một thứ tự như được sử dụng cho các cột Kết quả.

4) Tôi nên đặt nút 'Tìm kiếm' ở đâu?

Nút tìm kiếm lý tưởng phải luôn hiển thị. Giải pháp tốt nhất là có tất cả các tiêu chí trên ngăn có thể cuộn bằng nút bên ngoài ngăn. Đặt nút ở trên cùng và dưới cùng là một lựa chọn phổ biến nhưng kludgey. Tôi sẽ không đặt nó theo tiêu chí chung bởi vì nếu người dùng của bạn đã chuyển từ Cơ bản sang Tìm kiếm nâng cao, họ có thể không sử dụng tiêu chí chung. Hãy xem xét no Nút tìm kiếm nếu bạn có thể giữ thời gian phản hồi dưới 500 mili giây, thay vào đó cung cấp tính năng áp dụng tức thời như đã thấy trong Vista.

5) Cách thiết kế giao diện người dùng tìm kiếm đẹp mắt?

Đối với nhiều tiêu chí dựa trên trường Tìm kiếm, có hai thiết kế cơ bản:

a. Biểu mẫu của tất cả các trường có một vị trí để nhập các giá trị tiêu chí cho từng trường. Vấn đề với điều này là các trường có giá trị được đặt có thể cuộn ra khỏi chế độ xem và người dùng có thể đã quên rằng họ đã đặt giá trị. Vì vậy, bạn muốn giữ điều này càng gọn càng tốt. Xem chương Cải thiện truy xuất dữ liệu trong Giới thiệu về khuôn mặt của Alan Cooper cho một cách tiếp cận. Bạn cũng có thể cung cấp chuỗi tóm tắt các tiêu chí đã chọn gần các nút Tìm kiếm mà người dùng có thể kiểm tra. Nhấp vào từng tiêu chí trong chuỗi thậm chí có thể chuyển người dùng đến tiêu chí để thay đổi tiêu chí đó.

b. Người dùng chọn từ danh sách các trường sẽ được sử dụng trong tiêu chí, sau đó đặt giá trị cho tiêu chí ở vị trí hợp nhất.Thách thức chính ở đây là giảm thiểu số lượng nhấp chuột “trên cao” để chọn một trường. Lý tưởng nhất, danh sách các trường luôn có sẵn và một cú nhấp chuột chọn trường, đặt nó vào vị trí hợp nhất và đặt con trỏ vào điều khiển giá trị, giống như được hiển thị trong http://www.zuschlogin.com/content/blogimages/37/FindAdvanced.gif, chỉ cho Tìm kiếm thay vì Tìm. (Theo quy ước tùy ý “Tìm” rất khác với “Tìm kiếm” cho người dùng; Tìm những thứ nổi bật trong trang hiện tại phù hợp với tiêu chí nhất định trong khi Tìm kiếm truy xuất những thứ phù hợp với tiêu chí đã cho)

Cả hai thiết kế này đều liên kết tiêu chí cho mỗi bởi các AND logic và được giới hạn trong các kết nối giữa các bảng cơ sở dữ liệu cơ bản, nhưng điều đó có khả năng đáp ứng gần như tất cả người dùng của bạn. Nếu các tác vụ yêu cầu các phép nối phức tạp hơn và các kết hợp Boolean, hãy xem xét các thiết kế truy vấn đồ họa (ví dụ, Badre AN, Catarci T, Massari A, & Santucci G 1996. Dễ sử dụng so sánh một sơ đồ truy vấn biểu tượng. & P Barclay (Eds) Giao diện cho Cơ sở dữ liệu (IDS-3): Kỷ yếu Hội thảo quốc tế lần 3 về Giao diện cơ sở dữ liệu, Đại học Napier, Edinburgh, 8-10 tháng 7) và Truy vấn bằng thiết kế mẫu.

1

Mẫu thiết kế mặc định mà tôi sử dụng là Filter Table. Điều đó bao gồm 90% các trường hợp sử dụng. Đối với các tìm kiếm phức tạp hơn, tôi sẽ cần thêm thông tin cụ thể về mục tiêu và trường hợp sử dụng của người dùng, để có thể thiết kế một giải pháp tối ưu hơn cho những tình huống đó.

0

Vui lòng tìm câu trả lời của tôi (trong văn bản thông thường) đối với mỗi câu hỏi (in nghiêng) được hỏi.

"1) Bạn có nghĩ bảng điều khiển tìm kiếm sẽ hiển thị trên lưới kết quả của tôi hay không bằng biểu mẫu riêng (để tôi sử dụng nhiều vị trí hơn cho tất cả các điều khiển) "

Hiển thị trên đầu lưới kết quả vì điều này để lại khoảng trống thừa để hiển thị kết quả tìm kiếm và do đó hiển thị nhiều cột dữ liệu tìm kiếm hơn mà không cần cuộn theo chiều ngang.

"2) Bạn có nghĩ rằng nó tốt hơn để hiển thị tất cả các tiêu chí tìm kiếm, hoặc để cho các nhấp chuột người dùng trên 'cao cấp' nếu anh muốn xem/sử dụng nhiều tiêu chí"

Hiển thị tất cả các tiêu chí có sẵn nhưng trong một thời trang theo thẻ. tức là phân loại các trường tìm kiếm đầu vào thành các danh mục và có một tab cho mỗi danh mục.

"3) Làm thế nào bạn sẽ tổ chức thực hiện các tiêu chí? Bởi tần số sử dụng, hay đúng hơn là theo khu vực (ví dụ. Các tiêu chí liên quan đến người sử dụng, vị trí, thời gian, vv)"

Tổ chức 'theo khu vực bởi vì những người khác nhau thích sử dụng các tiêu chí khác nhau. Mỗi tiêu chí sẽ có tab của riêng nó. Nhưng tổ chức các tab theo thứ tự 'phổ biến hơn' thành 'ít phổ biến hơn' như bạn nghĩ. Trong trường hợp các tab của bạn có thể là 'Tên' (có chứa tên trường, tên đệm, họ, tên thời con gái, tên nick, tên của cha vv), 'Theo Vị trí' (tên địa điểm, tên quận, tên huyện, tên tiểu bang , tên quốc gia, v.v.) , v.v. cho đến tab nâng cao (nơi bạn đặt các trường ít được sử dụng nhất).

"4) tôi nên đặt ở đâu vào nút 'Tìm kiếm'? Bên cạnh các điều khiển tìm kiếm phổ biến hơn, hoặc ở phía dưới, hay cả hai?"

Đặt các lĩnh vực đầu vào của tìm kiếm như đã trình bày ở trên trong một thời trang theo thẻ phân loại chúng dựa trên 'loại trường' (tôi sẽ tham khảo khu vực này dưới dạng lưới tìm kiếm). Sau đó, đặt các nút tác vụ như 'Tìm kiếm', 'Xóa/Đặt lại' ngay bên dưới lưới tìm kiếm căn chỉnh giữa (tôi sẽ tham khảo khu vực này dưới dạng lưới nút).Sau đó đặt khung kết quả tìm kiếm bên dưới lưới nút vì có nhiều vùng nằm ngang hơn để hiển thị sao cho các cột tối đa có thể được hiển thị cùng một lúc.

0

Đừng nghĩ rằng điều này đã được đề cập nhưng đừng quên rằng bạn cũng sẽ cần phải bắt đầu tìm kiếm khi người dùng nhấn vào bất kỳ trường tìm kiếm nào. Có lẽ nhận thức được điều này, nhưng đáng nói đến.

1

Đơn giản là tốt. Tôi muốn giới thiệu một cách tiếp cận lặp lại nơi bạn từ từ xây dựng chức năng sau khi thực hiện kiểm tra chấp nhận của người dùng và xem nhật ký để xem các tính năng mà họ sử dụng (hoặc không sử dụng). Cách duy nhất bạn sẽ biết những gì cần cải thiện là xem người dùng của mình.

Các vấn đề liên quan