Редактировать на месте или отдельную страницу редактирования / модал? - PullRequest
12 голосов
/ 24 июля 2010

У меня есть некоторые данные, которые разбиты на разделы, во многом как функция возобновления StackOverflow Careers (однако это не данные возобновления), которые можно редактировать / создавать с помощью веб-приложения jQuery. Это немного более иерархично (задания могут иметь подзадачи и т. Д.), Поэтому в зависимости от того, какой метод CRUD я использую, это означает различный объем работы. Я не против потратить время на то, чтобы сделать это правильно, но я не хочу тратить много времени на создание чего-то необычного, не оптимального для пользователя.

Было ли проведено какое-либо исследование различных стилей "редактирования" такого рода сегментированных, иерархических текстовых данных:

  1. Изменить на месте (например, вы нажимаете на элемент формы, такой как название должности, он становится редактируемым, затем вы нажимаете «ОК» и он сохраняет)

  2. Кнопка редактирования, позволяющая перейти на новый экран (например, в настоящее время StackOverflow)

  3. Кнопка редактирования, которая вызывает модальную форму

  4. Все поля открыты и доступны для редактирования, одна кнопка сохранения (как в StackOverflow Careers)

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

1 Ответ

12 голосов
/ 27 июля 2010

Это зависит. Если ваша пользовательская база разбирается в Интернете, я бы порекомендовал подход редактирования на месте из-за естественного потока редактирования, который он обеспечивает.


Изменить на месте

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

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

Title
Description
Positions

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

Встроенное редактирование также защищает другие разделы иерархии от случайного обновления.


Модальное редактирование

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


Новый экран

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


Все поля открыты

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

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

...