This is a sub-issue of #538904: D8UX: Redesign Modules Page
In order to improve the modules page, an idea taken from the Modules filter module http://drupal.org/project/module_filter module is being discussed for implementation.
It concerns using vertical tabs presenting different preset filters to reduce the clutter and improve scannability of the modules page. This image shows the idea:

Module filter tabs

It is to be decided wether these tabs (especially the many for categories or packages) are useful, and if they should be visible all the time.
Next it would have to be decided how many tabs should be there and what they should filter by.

Support from Acquia helps fund testing for Drupal Acquia logo

Comments

eigentor’s picture

FileSize
195.62 KB

Clearer image for newcomers to the issue, used in issue summary

eigentor’s picture

Issue summary: View changes

Updated Format of Sub-Issue

klonos’s picture

...I think that v2 of the mockup from #180 (where enabled/disabled tabs are removed and enabled/disabled checkboxes converted to radio button set) makes more sense.

jenlampton’s picture

I just want to say that I disagree with use of vertical tabs on the modules page 100% until we can fix the category/package problem. The existing categories/packages are completely arbitrary, and they only help people find modules once you know where a module maintiner decided to put his or her module. We need to solve that problem before we implement something like vertical tabs based on categories. (It's also a complete abuse of vertical tabs - but let's not get me started on that one) :)

webchick’s picture

I agree with jenlampton. That's basically what I was trying to say over in #538904-173: D8UX: Redesign Modules Page

jenlampton’s picture

I opened a new issue specifically for the package debate, more at #1355292: Come up with better alternatives for groupings on the modules page

eigentor’s picture

Totally agree with the reorganization of categories being necessary.
"Completely arbitrary" is still a bit much to say, I would not say this is completely useless,
http://screencast.com/t/msdV7bNO8m
and people still might very well click on it.
You downloaded this funny thing called Panels - there you go. Actually the module groups that have their own name or are categorized in a good way

Still vertical tabs might not be the only way to do this, speaking of misused UI patterns.
Having multiple keywords like suggested in #1355292: Come up with better alternatives for groupings on the modules page would require to find a different pattern anyway.

So the problem to solve would be "There is a lot of items that can be categorized in many ways. The users cannot be sure as to what these items mean nor about the categories. Find an efficient way to categorize these items".

Ebay failed at it, this is for sure :P. But maybe we should think more in the way of Apache solr/faceted search: first filter with the search box, then categories to filter down more appear (which do not need to be vertical tabs :))
I guess that is an often used pattern in similar situations.

There will sure be shiny UIs for this. I like this basic concept, e.g. http://d2o0t5hpnwv4c1.cloudfront.net/445_quickFiltering/index.html#

quicksketch’s picture

I strongly disagree with this proposal. All I'm seeing is a bunch of clutter with little benefit. The only thing of value that module_filter provides in my opinion is the search box. Of all the features in that module, it's the only one I use 99% of the time.

klonos’s picture

Apache solr provided categories/filters *would* be perfect if only Apache solr itself didn't require additional server-side setup AFAIK. vtabs on the other hand are already in core and don't have any specific requirements to work - just JS (that I guess solr needs too). I also *think* that vtabs nicely fallback to fieldsets when JS is not available. Am I wrong about all these?

jenlampton’s picture

This is not what vertical tabs are for. Everywhere else in core they are being used correctly, let's not start adding inconsistency and incorrect usage now.

Copied from #1144806: Nodewords' use of Vertical Tabs on settings page actually hinders usability

The purpose of Vertical Tabs is to do the following:

- Collapse infrequently changed options, usually ones that a user will see frequently (such as when creating a node) that don't need to be changed each time.
- Provide a summary of the contents of each group so the user doesn't need to open each tab to verify its contents.
- Each tab is intended to be a short form that can be viewed without scrolling, so the user can quickly tab through each one if necessary.

klonos’s picture

So vtabs on the Modules page would...

- Collapse infrequently enabled/disabled modules, usually ones that a user will see frequently that don't need to be changed each time (core and other basic modules -like views, admin_menu and others- that once enabled, are rarely ever disabled).
- Provide a summary of the modules of each group so the user doesn't need to open each tab to verify its contents.
- Each tab is intended to be a short form that can be viewed without scrolling (once some previous filtering is done through instant_filter), so the user can quickly tab through each one if necessary.

Sounds perfect to me and that is precisely how things work in module_filter.

klonos’s picture

Issue summary: View changes

Again updating summary. Changed image.

lpalgarvio’s picture

Version: 8.0.x-dev » 8.1.x-dev
Issue summary: View changes
joyceg’s picture

Adding vertical tabs seems to be a cool idea. It will definitely enhance the Modules page.

Version: 8.1.x-dev » 8.2.x-dev

Drupal 8.1.9 was released on September 7 and is the final bugfix release for the Drupal 8.1.x series. Drupal 8.1.x will not receive any further development aside from security fixes. Drupal 8.2.0-rc1 is now available and sites should prepare to upgrade to 8.2.0.

Bug reports should be targeted against the 8.2.x-dev branch from now on, and new development or disruptive changes should be targeted against the 8.3.x-dev branch. For more information see the Drupal 8 minor version schedule and the Allowed changes during the Drupal 8 release cycle.

Version: 8.2.x-dev » 8.3.x-dev

Drupal 8.2.6 was released on February 1, 2017 and is the final full bugfix release for the Drupal 8.2.x series. Drupal 8.2.x will not receive any further development aside from critical and security fixes. Sites should prepare to update to 8.3.0 on April 5, 2017. (Drupal 8.3.0-alpha1 is available for testing.)

Bug reports should be targeted against the 8.3.x-dev branch from now on, and new development or disruptive changes should be targeted against the 8.4.x-dev branch. For more information see the Drupal 8 minor version schedule and the Allowed changes during the Drupal 8 release cycle.

Version: 8.3.x-dev » 8.4.x-dev

Drupal 8.3.6 was released on August 2, 2017 and is the final full bugfix release for the Drupal 8.3.x series. Drupal 8.3.x will not receive any further development aside from critical and security fixes. Sites should prepare to update to 8.4.0 on October 4, 2017. (Drupal 8.4.0-alpha1 is available for testing.)

Bug reports should be targeted against the 8.4.x-dev branch from now on, and new development or disruptive changes should be targeted against the 8.5.x-dev branch. For more information see the Drupal 8 minor version schedule and the Allowed changes during the Drupal 8 release cycle.

Version: 8.4.x-dev » 8.5.x-dev

Drupal 8.4.4 was released on January 3, 2018 and is the final full bugfix release for the Drupal 8.4.x series. Drupal 8.4.x will not receive any further development aside from critical and security fixes. Sites should prepare to update to 8.5.0 on March 7, 2018. (Drupal 8.5.0-alpha1 is available for testing.)

Bug reports should be targeted against the 8.5.x-dev branch from now on, and new development or disruptive changes should be targeted against the 8.6.x-dev branch. For more information see the Drupal 8 minor version schedule and the Allowed changes during the Drupal 8 release cycle.

Version: 8.5.x-dev » 8.6.x-dev

Drupal 8.5.6 was released on August 1, 2018 and is the final bugfix release for the Drupal 8.5.x series. Drupal 8.5.x will not receive any further development aside from security fixes. Sites should prepare to update to 8.6.0 on September 5, 2018. (Drupal 8.6.0-rc1 is available for testing.)

Bug reports should be targeted against the 8.6.x-dev branch from now on, and new development or disruptive changes should be targeted against the 8.7.x-dev branch. For more information see the Drupal 8 minor version schedule and the Allowed changes during the Drupal 8 release cycle.

Version: 8.6.x-dev » 8.8.x-dev

Drupal 8.6.x will not receive any further development aside from security fixes. Bug reports should be targeted against the 8.8.x-dev branch from now on, and new development or disruptive changes should be targeted against the 8.9.x-dev branch. For more information see the Drupal 8 and 9 minor version schedule and the Allowed changes during the Drupal 8 and 9 release cycles.

Version: 8.8.x-dev » 8.9.x-dev

Drupal 8.8.7 was released on June 3, 2020 and is the final full bugfix release for the Drupal 8.8.x series. Drupal 8.8.x will not receive any further development aside from security fixes. Sites should prepare to update to Drupal 8.9.0 or Drupal 9.0.0 for ongoing support.

Bug reports should be targeted against the 8.9.x-dev branch from now on, and new development or disruptive changes should be targeted against the 9.1.x-dev branch. For more information see the Drupal 8 and 9 minor version schedule and the Allowed changes during the Drupal 8 and 9 release cycles.

Version: 8.9.x-dev » 9.2.x-dev

Drupal 8 is end-of-life as of November 17, 2021. There will not be further changes made to Drupal 8. Bugfixes are now made to the 9.3.x and higher branches only. For more information see the Drupal core minor version schedule and the Allowed changes during the Drupal core release cycle.

Version: 9.2.x-dev » 9.3.x-dev

Version: 9.3.x-dev » 9.4.x-dev

Drupal 9.3.15 was released on June 1st, 2022 and is the final full bugfix release for the Drupal 9.3.x series. Drupal 9.3.x will not receive any further development aside from security fixes. Drupal 9 bug reports should be targeted for the 9.4.x-dev branch from now on, and new development or disruptive changes should be targeted for the 9.5.x-dev branch. For more information see the Drupal core minor version schedule and the Allowed changes during the Drupal core release cycle.

Version: 9.4.x-dev » 9.5.x-dev

Drupal 9.4.9 was released on December 7, 2022 and is the final full bugfix release for the Drupal 9.4.x series. Drupal 9.4.x will not receive any further development aside from security fixes. Drupal 9 bug reports should be targeted for the 9.5.x-dev branch from now on, and new development or disruptive changes should be targeted for the 10.1.x-dev branch. For more information see the Drupal core minor version schedule and the Allowed changes during the Drupal core release cycle.

Version: 9.5.x-dev » 11.x-dev

Drupal core is moving towards using a “main” branch. As an interim step, a new 11.x branch has been opened, as Drupal.org infrastructure cannot currently fully support a branch named main. New developments and disruptive changes should now be targeted for the 11.x branch. For more information, see the Drupal core minor version schedule and the Allowed changes during the Drupal core release cycle.