? Success

User tests: Successful: Unsuccessful:

avatar pe7er
pe7er
17 Aug 2015

This PR is similar to PR #7712 + #7713 + #7714

The list of Menu Items has two ordering options:
1. You can order the list on any column by clicking on the column heading (Ordering, Status, Title, Home, Access, Language and ID). You can reverse the order direction by clicking a second time on the same column heading.
2. Another way to order the list is to click the Sort Table By: dropdown option.

This PR removes the duplicate ordering dropdown option like with the PRs mentioned above.

Testing instructions

Before the PR

The lists can be ordered by clicking on column headers,
and by clicking on the "Sort Table By" dropdown option on the top right.

Menus > [click a menu] e.g. Main Menu > the left sidebar displays Menu Items

menu-items

After the PR

The lists can be ordered by clicking on column headers. The duplicate "Sort Table By" dropdown has been removed and the user has one option less too focus on.

menu-items-after

Votes

# of Users Experiencing Issue
1/1
Average Importance Score
1.00

avatar pe7er pe7er - open - 17 Aug 2015
avatar pe7er pe7er - change - 17 Aug 2015
Status New Pending
avatar joomla-cms-bot joomla-cms-bot - change - 17 Aug 2015
Labels Added: ?
avatar zero-24 zero-24 - change - 18 Aug 2015
Category Administration UI/UX
avatar zero-24 zero-24 - change - 18 Aug 2015
Easy No Yes
avatar rdeutz
rdeutz - comment - 18 Aug 2015

I don't agree with this PR, the select gives you a direct access to up/down ordering while the table heads need one or two clicks. It is also better when you have movement disorders to use the select.

avatar pe7er
pe7er - comment - 18 Aug 2015

I understand your concern but don't agree:

  • Using the columnheader to order the results takes 1 or 2 clicks: 1 click to choose the column, and maybe another click to change the direction if you want to have it reversed.
  • Using the Ordering dropdown box to order the results takes 3 actions: 1 click to open the dropdown box, scrolling the mousewheel, and another click to select.

Some other concern about the current Ordering boxes:

  • Some views have two boxes: one to choose the column and another to choose the direction. See #7714 Users > Manage > User Groups
  • Some views have combined column + direction in one Ordering dropdown box, however, because of all the combination it's twice as long (the number of columns x the 2 directions) See #7714 Users > Manage > Users

I think that for people with movement disorders selection boxes are more difficult to operate then hyperlinks like the column header.

avatar Bakual
Bakual - comment - 18 Aug 2015

Using the Ordering dropdown box to order the results takes 3 actions: 1 click to open the dropdown box, scrolling the mousewheel, and another click to select.

Right, but you don't need to wait for a page reload between.
The box also has the advantage that you can have 'order by'-options which aren't present in the table.
This isn't used in the menuitems case, but it is used in other views. And it makes sense to have the UI consistent across the various extensions.

  • Some views have two boxes: one to choose the column and another to choose the direction. See #7714 Users > Manage > User Groups
  • Some views have combined column + direction in one Ordering dropdown box, however, because of all the combination it's twice as long (the number of columns x the 2 directions) See #7714 Users > Manage > Users

I never understood why it was done in one box. Personally I would have done it the two box way because it's a much shorter (half!) list of options and also simpler for translation.

avatar rdeutz
rdeutz - comment - 18 Aug 2015

Removing the select makes it also impossible to use the keyboard to reorder the results.

avatar pe7er
pe7er - comment - 18 Aug 2015

Actually I rarely use the Ordering dropdown box myself, I always click the column headers.
I like the don't-make-me-think principle of getting better UX by reducing choices.
Therefore I created these PRs to get rid of the extra options.

I now understand that in some places, like the Article Manager (See #7712), the Ordering dropdown box is valuable because it contains ordering options (like Category) for which you cannot use the column headers.
IMHO we should keep it in the Article Manager, but remove at most other places.

Good point about accessibility @rdeutz. I had not taken that into account. However, I just checked my J3.4.4dev site and I am able to navigate to, and click on, the column using my keyboard only.
btw: it takes a lot of clicking on TAB key to reach both the Ordering dropdown (30x) as well as the column headers (from 32x for 1st "Ordering" column to 41x for the last "ID" column).

I agree with @Bakual that at places where we keep the Ordering dropdown box that we should separate the Ordering Column box & Ordering Direction box. Because it reduces options in the dropdown, and because it makes translation easier.

avatar Bakual
Bakual - comment - 18 Aug 2015

IMHO we should keep it in the Article Manager, but remove at most other places.

IMHO, we should keep the UI consistent across extensions :smile:
Also some people may struggle to find out that they can order by clicking on the table header. It's not the most obvious feature we have. But once you know it, you will use that most of the time.

Personally I would leave the box there but change it to two separate boxes.

avatar watchfulli-dev
watchfulli-dev - comment - 20 Aug 2015

@test after applying the patch the order box on top right side is gone, and you can order the items by click on their columns headers


This comment was created with the J!Tracker Application at issues.joomla.org/joomla-cms/7719.

avatar watchfulli-dev watchfulli-dev - test_item - 20 Aug 2015 - Tested successfully
avatar kesh52 kesh52 - test_item - 20 Aug 2015 - Tested successfully
avatar Teck95
Teck95 - comment - 20 Aug 2015

@test The redundancy of clicking on the headers and using the dropdown menu is gone


This comment was created with the J!Tracker Application at issues.joomla.org/joomla-cms/7719.

avatar Teck95 Teck95 - test_item - 20 Aug 2015 - Tested successfully
avatar hitchblade
hitchblade - comment - 20 Aug 2015

Works great, looks great.


This comment was created with the J!Tracker Application at issues.joomla.org/joomla-cms/7719.

avatar hitchblade hitchblade - test_item - 20 Aug 2015 - Tested successfully
avatar PeterJTHM
PeterJTHM - comment - 21 Aug 2015

@test
The dropdown disappears after applying this patch. Looks more intuitive to sort the list only via column heading.


This comment was created with the J!Tracker Application at issues.joomla.org/joomla-cms/7719.

avatar PeterJTHM PeterJTHM - test_item - 21 Aug 2015 - Tested successfully
avatar PeterJTHM PeterJTHM - test_item - 21 Aug 2015 - Tested successfully
avatar tomcat7
tomcat7 - comment - 21 Aug 2015

You should keep it consistent on all pages. I do like how Spotify has a little arrow next to the column to tell the user which way it is ordered and by which column. It looks good to me the way it is now. However, you should test it on users.

avatar zero-24 zero-24 - change - 23 Aug 2015
Status Pending Needs Review
avatar zero-24
zero-24 - comment - 23 Aug 2015

Moving to Needs Review so the CMS Maintainer can take the decision. Thanks.


This comment was created with the J!Tracker Application at issues.joomla.org/joomla-cms/7719.

avatar rdeutz
rdeutz - comment - 2 Sep 2015

We discussed it within the PLT and decided not to merge this and the related PR, thanks for all testers and @pe7er for your work on this but we think it is better to have the option to change the sorting also with the select box.

avatar zero-24
zero-24 - comment - 2 Sep 2015

So we can close here @rdeutz ?

avatar rdeutz
rdeutz - comment - 2 Sep 2015

@zero-24 and PR #7712 + #7713 + #7714 as well.

avatar zero-24
zero-24 - comment - 2 Sep 2015

Closing as per comment by @rdeutz here: #7719 (comment)

avatar zero-24 zero-24 - close - 2 Sep 2015
avatar zero-24 zero-24 - change - 2 Sep 2015
Status Needs Review Closed
Closed_Date 0000-00-00 00:00:00 2015-09-02 09:13:51
Closed_By zero-24
avatar zero-24 zero-24 - close - 2 Sep 2015
avatar pe7er
pe7er - comment - 2 Sep 2015

Why does PLT think it is better to have the dropdown option?

I understand that in the Article Manager (See #7712) the ordering option has extra ordering options, and there I see the added value.

In other cases, having a duplicate option adds unnecessary choices to the interface, which is IMHO not good from usability point of view...

avatar rdeutz
rdeutz - comment - 2 Sep 2015

I can only speak for myself and my personal preference. I don't think that the select box is a unnecessary choice, I think there is a value in both options.

avatar pe7er
pe7er - comment - 2 Sep 2015

Thanks, but I already knew your opinion & that we have a different opinion on this issue :-)
You wrote that the PR has been discussed within the PLT, so I am interested in the opinion of the PLT on this.

Something else regarding the ordering dropdown box: did PLT discuss about having one ordering box (like now) vs having two (one for "column" & a second one for "ordering direction")?
I agree with @Bakual (see #7719 (comment)) that 2 boxes is better than one....

avatar Bakual
Bakual - comment - 2 Sep 2015

We voted in PLT about those PRs (together with a few others). There was no need to explain the vote.
I also already my reasons in the PRs itself. My main point is that the UI should be consistent across extensions. Since in com_content the dropdown box has added sorting options and needs to stay, it makes sense to have the dropdown in other places as well.

About the two box vs one box. It was discussed explicitely but there sure would be more support for such a change :+1:

avatar pe7er
pe7er - comment - 2 Sep 2015

Thanks!

avatar pe7er pe7er - head_ref_deleted - 5 Nov 2015

Add a Comment

Login with GitHub to post a comment