Иерархический Автосуггест - PullRequest
5 голосов
/ 24 ноября 2010

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

Быстрый макет:

alt text

Кто-нибудь видел подобное в других местах?Не хочу заново изобретать колесо.Также интересует любая другая обратная связь.

1 Ответ

1 голос
/ 23 января 2011

Ответ на ваш вопрос: Нет, такого еще не видел.

Отзыв о вашем макете:

Я бы сказал, что это довольно креативное решение с самовнушением.

Однако я думаю, что это излишне. Если я просто хочу быстро перейти на страницу «Заказ», выполнив поиск по определенному идентификатору заказа (и ожидая только одного результата при автозаполнении), но при автосоглашении отображаются пять элементов заказа под тремя людьми (как показано в макете), я думаю, что слишком много, отложите в сторону производительность.

Моя идея:

Каждый элемент с автоподстановкой содержит одну Первичную строку , которая может четко идентифицировать элемент, и дополнительные Строка сведений , которые предоставляют более подробное описание элемента, аналогично странице результатов поиска Google и Автоматический поиск в Facebook.

Например, автозаполнение показывает каждый элемент, подобный этому, когда пользователи ищут заказ:

(Иконка заказа) 23-34534

Буханка хлеба, сода и многое другое.

Боб Джонс, Пол Смит и другие.

Вы можете сделать ссылку на каждую позицию заказа (Буханка хлеба, Сода и т. Д.) На соответствующую строку позиции заказа на странице Заказа, а имя каждого человека - на страницу соответствующего лица. Этот метод более лаконичен и занимает меньше места, чем макет, но при этом обеспечивает необходимую вам функциональность.

Иногда проще - лучше, чем меньше, тем лучше. Помните принцип KISS . Думайте об Apple iPod и iPhone как о примерах.

...