Альтернативы сеткам в приложениях CRUD? - PullRequest
6 голосов
/ 22 января 2009

Итак, вам поручили построить базовое приложение CRUD. И у него есть одна страница, которая служит для перечисления всех элементов инвентаря ... если ваш пользователь хочет редактировать любой из них, рядом с каждым элементом есть кнопка «Редактировать».

Вы знаете тренировку.

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

Но подумав об этом ... Интересно, каковы хорошие альтернативы использованию сеток при создании страницы CRUD, которая отображает много данных?

Оставляя в стороне проблемы ajax / скорость / безопасность / реализация ...

Какие есть хорошие альтернативы использованию сетки на больших страницах CRUD?

Я готов обменять немного юзабилити на эстетику, если это будет иметь значение.

Ответы [ 2 ]

7 голосов
/ 23 января 2009

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

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

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

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

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

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

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

2 голосов
/ 22 января 2009

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

Примером может служить список контактов чата Gmail (скриншот здесь ).

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

...