Отредактировать на месте по сравнению с отдельной страницей редактирования / модальный?
У меня есть некоторые данные, которые разбиты в разделы, во многом как функция Resume Карьеры StackOverflow (это не данные резюме, хотя), который является editable/create-able с помощью веб-приложения jQuery. Это немного более иерархически (задания могут иметь подзадания, и т.д.), так в зависимости от того, какой метод CRUD я беру, это означает отличаться объемы работы. Я не возражаю проводить время, чтобы сделать его правильно, но я не хочу проводить много времени, заставляя что-то предположить, что это не оптимальный пользовательский опыт.
Там было любое исследование, проведенное в различные стили "редактирования" этого вида сегментированных, иерархических текстовых данных:
Отредактируйте на месте (например, Вы нажимаете на элемент формы, такой как должность, это становится доступным для редактирования, затем Вы нажимаете "хорошо", и это сохраняет),
Кнопка редактирования, которая берет Вас на новый экран (как StackOverflow в настоящее время)
Кнопка редактирования, которая открывается модальная форма
Все поля являются открытой и доступной для редактирования, единственной кнопкой сохранения (как Карьера StackOverflow)
Есть ли общее согласие на том, когда те различные формы должны использоваться для обеспечения лучшего пользовательского опыта?
1 ответ
Это зависит от ситуации. Если ваши пользователи разбираются в Интернете, я бы рекомендовал использовать подход "редактирование на месте" из-за естественного потока редактирования, который он обеспечивает.
Редактирование на месте
Когда вы редактируете раздел иерархии, вы редактируете его вместе с остальной информацией. Это позволяет вам проверить, как ваши правки применяются к остальной информации по мере их внесения (а не переходить от одного экрана к другому).
С точки зрения удобства использования сценарий, в котором сгруппированные элементы можно редактировать все сразу, очень удобен, поскольку он позволяет сэкономить несколько щелчков мыши. Например, если в задании есть следующие элементы данных:
Title
Description
Positions
Хорошо предоставить механизм редактирования всех элементов сразу наряду с редактированием каждого элемента на месте.
Последовательное редактирование также защищает другие разделы иерархии от случайного обновления.
Модальное редактирование
Этот метод редактирования вводит барьер между иерархией в целом и редактируемым разделом (т.е. связь между вводимой информацией и ее местом в иерархии не сразу очевидна при взгляде на пользовательский интерфейс).
Новый экран
Как и в случае с модальным редактированием, связь редактируемой информации со всей иерархией теряется. Однако это очень базовая настройка, которую большинство ваших пользователей поймут сразу. Она также защищает весь документ от случайных обновлений.
Все поля открыты
Это дает преимущество сохранения редактируемой информации в контексте (как при редактировании на месте) и является очень простым. Здесь нет кривой обучения, которая требует от пользователя усвоить, что для редактирования элемента нужно щелкнуть его.
Однако мне, как человеку, у которого не одна форма была испорчена моими любопытными детьми, не нравится, что вся иерархия подвергается непреднамеренному обновлению.