Issue Summary
The overview page is the main page that site builders using Rules see. It can be difficult to manage many rules and lead to exhaustive research methods in order to understand a complex set of configurations.
The goal of this design is to improvements navigation within the overview page by grouping tagged rules / components.
Locations of resources
Development of this design will take place in the vertical tabs branch.
Related UI Discussions:
#398344-10: Redesign Content Types Overview
#1454136: Add pager to overview page
Proposed Changes
- add vertical tabs for each tag with "new tag" button below
- add vertical tabs for switching between reaction rules/components with same tag(s)
- remove machine name and tags from name field
- #1244738: Provide a description field
- make all columns sortable
- #1498942: Shorten overview screen help message
- rename status to state
- combine operators in a comobobox like views ui (edit, disable, clone, delete)
- change active & inactive to state (this idea is broken, but two panes is a bit annoying to me... maybe greyed out if inactive like views)
- add hide/show-able weight column
- rename secondary lead link "rules" to "overview"
- #1244738: Provide a description field
- #1498840: Create "master_defaults_overrides" branch
Process
The goal if this issue is to outline and mockup a design that fits with the long term initiative of #563996: [Meta] Improve Rules UI UX.
Planning and direction
If you would like to discuss the future of Rules and what efforts you believe are required to make another awesome release, please post these over at #1498964: Plan the next release.
Comment | File | Size | Author |
---|---|---|---|
#1 | rules-overview.png | 114.55 KB | mitchell |
#1 | rules-overview.bmml_.txt | 6.43 KB | mitchell |
#1 | rules-overview-redesign-show.png | 93.2 KB | mitchell |
#1 | rules-overview-redesign-show.bmml_.txt | 6.02 KB | mitchell |
Comments
Comment #1
mitchell CreditAttribution: mitchell commentedEdit: files below aren't the latest. See http://drupalcode.org/project/rules_ui_mockups.git/tree/refs/heads/verti...
Comment #1.0
mitchell CreditAttribution: mitchell commentedAdded a proposed change: add vertical tabs for switching between reaction rules/components with same tag(s)
Comment #1.1
mitchell CreditAttribution: mitchell commenteda
Comment #2
mitchell CreditAttribution: mitchell commentedComment #2.0
mitchell CreditAttribution: mitchell commentedadded 'rules >> overview'
Comment #2.1
mitchell CreditAttribution: mitchell commentedchanged things
Comment #2.2
mitchell CreditAttribution: mitchell commenteds
Comment #3
mitchell CreditAttribution: mitchell commentedTODO: #1244738: Provide a description fieldComment #4
mitchell CreditAttribution: mitchell commentedI would also like to add #1498840: Create "master_defaults_overrides" branch in an upcoming version.Comment #5
mitchell CreditAttribution: mitchell commentedSee also #538904: D8UX: Redesign Modules Page for UI patterns.
Comment #6
mitchell CreditAttribution: mitchell commentedComment #7
Itangalo CreditAttribution: Itangalo commentedmitchell++ for getting this summary together! (And blame @Itangalo for not adding the notes to an issue…)
I'm adding another thing that was discussed at the DrupalCon Denver BoF: When editing a rule, it would be neat to be able so see and switch to other rules with the same tag. (See first part of this image.)
A more elaborate description:
* When editing a reaction rule (or Rules component, I guess), you get the usual content in the main area – events, conditions and actions.
* On the left is a set of vertical tabs, showing all other reaction rules (or Rules components) with the same tag. One tab per reaction rule/component – click on tab to view its configuration.
* Below the tabs is a link to clone the active reaction rule/component.
* Below that is another link to create a new reaction rule/component, that has the tag prepopulated with the tag you're currently viewing.
Nothing was said about how to deal with multiple tags, though. If a reaction rule has tag A+B, should both A and B reaction rules show, or only reaction rules with both A and B tags?
Comment #7.0
Itangalo CreditAttribution: Itangalo commentedupdatign
Comment #8
mitchell CreditAttribution: mitchell commented@Itangalo: You're being to Itangalo-- on yourself! Itangalo+++ :-)
I made a separate issue from #7 @ #1507344: Component Config Page: Related Rule Tabs, because what I'd like to do is work on several designs, each within their own branches and with issues filed separately against their pages. See http://drupalcode.org/project/rules_ui_mockups.git/heads for the beginning of this structure. I still need to add a mockup for the current component / rule config page and a derivative for #1507344: Component Config Page: Related Rule Tabs and figure out which branch to add it to.
I have spent more time on another design, after thinking about the observation from BoF discussion: "it is difficult to understand how each rule builds on / affects other related rules." I'd love to see what you think. Please, keep in mind that this only proof of a concept. See the interlinked branch.
Comment #10
TR CreditAttribution: TR commentedComment #11
TR CreditAttribution: TR commentedI'm not sure why this is "Needs review" because there is no patch to review ...
We're not going to make big changes like this in the D7 UI this late in the D7 release cycle.
If you're interested in improving the Rules UI for D8, I suggest you contribute to D8 Rules Essentials, because that's where I'm prototyping new ideas for the Rules UI. All the UI improvements in that module will eventually be moved into Rules, and many of the current features address the needs stated in the issue summary for this issue.