Элегантный интерфейс для ассоциаций с большим количеством данных - PullRequest
Новая
       1

Элегантный интерфейс для ассоциаций с большим количеством данных

3 голосов
/ 28 июля 2010

У меня есть веб-сайт электронной коммерции, на котором необходимо создать ряд ассоциаций, например, продукту нужна категория, производитель, сопутствующие товары и т. Д.

Когда количество товара ограничено, оно ограничено.данных, например, Производитель. Я просто использую выпадающие или опциональные поля, чтобы пользователь мог выбрать подходящие поля / поля.

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

Кто-нибудь реализовал решение этой проблемы, или они могли бы дать какой-либо совет относительно того, как они поступят в этом с точки зрения пользовательского интерфейса?

Спасибо за любую помощь, вы можете быть

1 Ответ

0 голосов
/ 28 июля 2010

Решения, которые я могу придумать:

  1. Автозаполнение
  2. Недавние ассоциации
  3. Умные ассоциации

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

Автозаполнение

Использование поля автозаполнения ускорит процесс для ваших пользователей, поскольку им не придется искать таблицу для ассоциации. Скорее они могли бы просто начать печатать, и под полем появится поле с предложением, которое позволит им выбрать то, что они ищут.

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

Вы также можете закодировать окно предложения таким образом, чтобы оно показывало несколько фрагментов ключевых данных. Таким образом, если пользователь не совсем уверен в том, что он ищет, ввод нескольких символов в поле даст им представление о том, что он может искать.

Недавние ассоциации

Ниже поля автозаполнения вы можете добавить от 5 до 10 самых последних созданных ассоциаций. Это позволило бы вашим пользователям быстро добавлять множество продуктов в одну и ту же связь без необходимости каждый раз использовать автозаполнение.

Умные ассоциации

Помимо двух вышеупомянутых механизмов, умная ассоциация - это то, что я впервые увидел при создании магазина Shopify . Они позволяют автоматически создавать ассоциации на основе ключевых полей продуктов, определяя условия для включения или исключения продуктов: 

Create Association 'Pants'
Where product title contains string 'pants' or
Where product title contains string 'capri'

Вышеуказанное управляется набором раскрывающихся списков и текстовых полей и позволяет избежать трудностей при создании ассоциаций вручную.

...