Лучшие примеры дизайна веб-форм CRUD

Я хочу обновить наши веб-формы CRUD и буду признателен за любые примеры хорошего дизайна пользовательского интерфейса.

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

Наш процесс:

Найти экран - который также имеет кнопку ADD NEW. Введите значения для любых параметров, имеющих значение для поиска, и нажмите кнопку FIND. Соответствующие записи отображаются в сетке с помощью ссылки EDIT. Соответствующая форма редактирования позволяет CLONE, DELETE и SAVE.

При необходимости форма редактирования может отображать дочерние записи.

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

Его функциональный, но скучный.

На основе 80:20 код все механически генерируется, поэтому повторное создание его для новой метафоры не должно быть слишком сложным.

Мне нравится много пользовательского интерфейса в страницах Magento eCommerce Admin, но меня бы интересовали любые другие примеры, которые вы можете рекомендовать

Ответы

Ответ 1

Вот несколько примеров шаблонов пользовательского интерфейса:

Элементы управления вводом

Сложенные вкладки

Встроенный входной адаптер

Одностраничные мастера

Overlay

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

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

Надеюсь, они помогут вам в этом.

Ответ 3

Веб-сайт Dynamic Data, который вы можете создавать с использованием .Net 3.5, очень удобен. Хорошая чистая динамическая способность CRUD и все же очень настраиваемая. Маршрутизация позволяет по умолчанию создавать созданные страницы при необходимости и настраиваемые страницы, если вы решите их создать.

Веб-сайт динамических данных