Предложения пользовательского интерфейса о том, как отобразить предлагаемые теги для данного текста пользователю?

Question

Я пишу веб-приложение, которое использует систему тегов для организации представленных пользователем отчетов. Часть из них использует ajax для получения предложений по тегам для представления пользователю на основе содержимого их отчета. Я ищу предложения о том, как представить эту информацию для пользователя.

Я не совсем уверен, что дружелюбный способ сделать это будет.

Edit:

Что ж, большинство ответов здесь, кажется, сосредоточены на вводе пользователем ключевых слов. Идея, которую я пытаюсь определить, заключается в том, чтобы представить пользователю набор предлагаемых ключевых слов, которые они могут принять или отклонить, не вводя тег вручную. (Этот вариант, конечно, еще доступен для них)

---------------------------    # say they can checkoff or select tags they like.
| o[tag2]  x[foo]  o[moo] |
|   x[tag1]   o[bar]      |
---------------------------

Answer 1

Если я понимаю, о чем вы спрашиваете, jQueryUI включает в себя виджет автозаполнения , который делает это.

альтернативный текст http://i40.tinypic.com/102wcd0.jpg

Смотри рабочую демонстрацию здесь: http://jsbin.com/ezifi

Вы можете изменить способ представления предложений, просто исправляя функции рендеринга в виджете автозаполнения .

Answer 2

del.icio.us делает это хорошо. Ниже текстового ввода они представляют список связанных тегов, в которые пользователь может вводить свои собственные теги. Нажатие предложенного тега из списка добавляет его к вводу. Красиво и просто.

С помощью тегов люди, скорее всего, захотят добавлять более одного за раз, поэтому полезно сразу их показывать.

Некоторые другие соображения, которые могут повлиять на ваше решение:

• Сколько тегов вы предложите в данный момент? 2? 5? 10? 50
• Должен ли пользователь использовать только предложенные вами теги? Является ли ввод их собственной действительной опции?

Answer 3

Метод Google является одним из вариантов: текстовое поле ввода с предложениями, перечисленными в стиле раскрывающегося списка ниже.