ASP.Net - Хороший вопрос о дизайне пользовательского интерфейса для управления большим количеством элементов

Question

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

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

Существует около 6000 деталей (... на данный момент), и нам необходимо иметь возможность легко и быстро назначать / отменять назначение этих деталей из проекта.

У кого-нибудь есть хорошие примеры этого?

Answer 1

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

Кроме того, я хотел бы рассмотреть кое-что с D & D. Я хотел бы представить два списка (один с проектами и один с модулями), где я могу выбрать несколько элементов в любом списке и перетащить один элемент из другого списка в этот выбор.

И если это будет интерфейс, который будет интенсивно / многократно использоваться, подумайте о хорошей поддержке клавиатуры. Лично я считаю, что повторяющиеся задачи можно выполнять НАМНОГО быстрее, если к ним могут обращаться горячие клавиши.

Просто мысли вслух ...

Answer 2

Есть две отдельные части этого. Первый - это выбор частей и проектов из базы данных, а второй - связывание частей с проектами. Вам следует избегать выполнения обоих действий в одном диалоге.

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

                 project or part?
              /                    \
select project                      select part
        |                               |
show list of parts                  show list of projects
        |                               |
add/remove parts to project         add/remove projects to part

При отображении списка проектов / частей используйте простой отсортированный список с полем фильтра. Использование дерева или другой категоризированной системы может быть неоднозначным для пользователя. Например, если бы в списке были продукты и были категории для овощей и фруктов, куда бы вы положили помидор? Владелец магазина, вероятно, вставит овощи, а ботаник - в фрукты. Итак, простой отсортированный список с окном поиска (как в FF about: config) работает на удивление хорошо.

Answer 3

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

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

Если вы можете сэкономить место, я думаю, что два списка, возможно, выбранные элементы слева, и набор элементов справа с выделениями, такими как галочки или кнопки >> <<, хороши. Я бы, наверное, взял страницу из книги <strong>Excel , в ней есть несколько вполне подходящих примеров такого рода вещей.

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