admin/config/workflow/rules/reaction/manage/rules_example

There are links such as "Add" "Add condition" etc. in the tables on this page. These links are difficult to discover as they are not tabular content and an assistive technology user who is bypassing the table may not be able to find the links. Suggestion is to include the links prior to or after the tables.

When adding a condition, after selecting the condition to add, the UI context changes automatically, without the user pressing a button. This can be disorienting for some users. Suggestion is to add an "Add" or "Continue" button. * This also happens when adding an action.

"Data selection" button is an unclear label for the buttons on the UI where actions are added. This might be more strictly a usability issue rather than an accessibility issue. What does a "Data selection" button do? Can the button label be more clear about the purpose of the button?

Comments

fago’s picture

Component: User Interface » User interface

Thanks for the review!

There are links such as "Add" "Add condition" etc. in the tables on this page. These links are difficult to discover as they are not tabular content and an assistive technology user who is bypassing the table may not be able to find the links. Suggestion is to include the links prior to or after the tables.

Hm, actually they were after the table previously. But that way it was not so clear to which table the links belonged. Because of that bojan has suggested to do it that way, and I must say from a UX point of view I like the current solution.
Perhaps we can come up with a way that keeps that but still is accessible?

When adding a condition, after selecting the condition to add, the UI context changes automatically, without the user pressing a button. This can be disorienting for some users. Suggestion is to add an "Add" or "Continue" button. * This also happens when adding an action.

Again, that was intended as UX improvement, as you save one unnecessary click. Not sure about that, but I'm happy to follow here what users like more.

"Data selection" button is an unclear label for the buttons on the UI where actions are added. This might be more strictly a usability issue rather than an accessibility issue. What does a "Data selection" button do? Can the button label be more clear about the purpose of the button?

It's "Switch to data selection" or "Switch to direct input" - that way users can switch between two different input modes (provide dynamic value from a variable or directly input a value). Users probably just have to try that to get the difference, still I'd be happy to get better naming suggestions.

Bojhan’s picture

I understand their are semantic issues attaching it to the end of a table like we did, I'd argue if we can keep the visual the same but the semantics better for accesibility this issue would be resolved.

I dont fully understand the UI context issue, it is a pretty common pattern. Is there a way to not disorientate the user, without adding another step? E.g. notifying them new forms have appeared?

Everett Zufelt’s picture

I understand their are semantic issues attaching it to the end of a table like we did, I'd argue if we can keep the visual the same but the semantics better
for accesibility this issue would be resolved.

Agreed.

I dont fully understand the UI context issue, it is a pretty common pattern. Is there a way to not disorientate the user, without adding another step? E.g.
notifying them new forms have appeared?

There really isn't. Perhaps this is just one we'll have to live with. I do recognize that it is a pretty standard pattern, but thought I'd point it out since I noticed it and it can cause problems for some users.

emptyvoid’s picture

It would be great to work with the moderators to patch the GUI to use a visual rules management interface like the Maestro module. ** Note maestro already has rules integration, but that isn't my point rather it would be great to leverage the libraries and UX ideas in this module to improve the rules GUI.

http://drupal.org/project/maestro

Great Tutorial on Workflow 101
http://www.youtube.com/watch?v=4DkyEYdFcSY

Administration 101 (the amazing stuff)
http://www.youtube.com/watch?v=W8Cg5iBTCC4

mitchell’s picture

Issue tags: +UX

Tagging

mitchell’s picture

Component: User interface » User Interface
Status: Active » Fixed

Thank you, UX/Accessibility Team. I would be more than happy to ping you guys in the future review other UI work in progress or even to put together a sprint. Rules has amassed a number of UI/UX suggestions and ideas for future UIs, and it would be great to put comprehensive plans together that includes the issues that share this 'ux' tag.

> "Add" link
Looks like this was fixed.

> Suggestion is to add an "Add" or "Continue" button
Turning JS off allows the user to have this type of UI.

> "Data selection" button is an unclear label
Even though the button doesn't have any help text, there is sufficient help text for the widget once it is selected. We could improve the button's usability in another issue.

> visual rules management interface
I'm very interested in this, but we'll have to explore it in another issue / initiative / project / something big.

Automatically closed -- issue fixed for 2 weeks with no activity.