remove the 'More' text in the row actions

Bug #1357487 reported by Cindy Lu
6
This bug affects 1 person
Affects Status Importance Assigned to Milestone
OpenStack Dashboard (Horizon)
Fix Released
Wishlist
Cindy Lu

Bug Description

Per Lin's suggestion here: https://review.openstack.org/#/c/114358/. :)

I agree. It is understood by the caret. (See http://getbootstrap.com/components/ - Split button dropdowns)

Split button seems like a common feature, e.g. MS Word: http://tinypic.com/view.php?pic=mhx6kj&s=7#.U-5GdPldUyI

It will also give more space for the primary button text to reduce issues like the buttons dropping to 2 lines (as reported here: https://bugs.launchpad.net/horizon/+bug/1349615)

Tags: ux
Cindy Lu (clu-m)
Changed in horizon:
assignee: nobody → Cindy Lu (clu-m)
Revision history for this message
OpenStack Infra (hudson-openstack) wrote : Fix proposed to horizon (master)

Fix proposed to branch: master
Review: https://review.openstack.org/114618

Changed in horizon:
status: New → In Progress
Revision history for this message
OpenStack Infra (hudson-openstack) wrote : Fix merged to horizon (master)

Reviewed: https://review.openstack.org/114618
Committed: https://git.openstack.org/cgit/openstack/horizon/commit/?id=f19d8a708d143412a03c459ee8409947fda279f7
Submitter: Jenkins
Branch: master

commit f19d8a708d143412a03c459ee8409947fda279f7
Author: Cindy Lu <email address hidden>
Date: Fri Aug 15 10:51:56 2014 -0700

    Remove the word 'More' in the row actions split button

    The split button dropdown doesn't need the term 'More',
    the caret icon is enough. See bug report for example.
    (It gives us more room for long primary button names like
    'Edit Hosts Aggregate')

    Change-Id: Ib789f9c5691cb0cec026ee8d877e6385315b00a7
    Closes-Bug: #1357487

Changed in horizon:
status: In Progress → Fix Committed
Akihiro Motoki (amotoki)
Changed in horizon:
milestone: none → juno-3
importance: Undecided → Wishlist
Revision history for this message
Julie Pichon (jpichon) wrote :

For reference, the "More" button was added because several groups independently identified an issue with simply having an arrow which was a source of confusion for users (e.g. not realising more than one action was possible). While not the most ideal solution, adding text was identified as a decent compromise. You can see the discussion at https://review.openstack.org/#/c/19082/ . I agree it's not the best but it's a bit unfortunate we're simply reverting to a previous way that is known to cause problems for some users.

tags: added: ux
Revision history for this message
Liz Blanchard (lblanchard) wrote :

Although I wasn't involved in the original discussion to add the "More" back in early 2013, I think this "More" is very important to distinguish to users what the carat is for. Although users who have been using Horizon for a while will know exactly what the carat is for (since they've been trained with the "More"), I think that new users will really struggle with this and we'll eventually get feedback that we need to add it back again.

Cindy - Did you receive feedback from users around removing this text from the dropdown? I know this helps with long button name bugs that have been filed, but I think we should instead consider how to abbreviate action names rather than get rid of the "More".

From a UX perspective, we should rely on the feedback we got back in early January and keep this addition of "More" around.

My thoughts,
Liz

Revision history for this message
Cindy Lu (clu-m) wrote :

http://accounts.tao.tw.shuttle.com/examples_bootstrap/components/buttons/ It seems like a recognizable widget that we shouldn't have to clutter the UI to clarify what the caret means. We could have some hover over text (data-attribute title="View more actions") to accompany the arrow.

We can always revert it if people feel strongly about it.

Revision history for this message
Gary W. Smith (gary-w-smith) wrote :

Can anyone elaborate more on the UX feedback in early 2013 about using the caret? Are there details available somewhere about which UI alternatives were tested and what problems were found?

Revision history for this message
OpenStack Infra (hudson-openstack) wrote : Related fix proposed to horizon (master)

Related fix proposed to branch: master
Review: https://review.openstack.org/115287

Revision history for this message
Julie Pichon (jpichon) wrote :

I proposed a revert for now, though I'm keen to hear of alternative solutions for handling the issue.

Liz, any thought about Cindy's suggestion of adding hover text? How could we test which solutions are most effective, do we still have access to usability participants? (Maybe that's overkill for one change...)

Gary, besides the reports and descriptions in the review itself I'm not aware of results posted in 2013. There wasn't really any concerted effort around UX at the time. There's data about the usability tests that were conducted this year though: https://wiki.openstack.org/wiki/HorizonUsability_Testing

Revision history for this message
Liz Blanchard (lblanchard) wrote :

I think adding hover text would be helpful, perhaps making the button with just the arrow a bit more prominent as well. Keep the split button, and make sure the arrow is big enough.

I definitely think it would be a good idea to get feedback from users right away on this if we do change it. I don't think the testing needs to be too detailed, I think it's a simple enough action on a website that if anyone has a few folks in their office (without Horizon experience) and they ask them to perform a quick task, we can test it easily. Here is how I'd form the test:

Load the Instances page for the user. (Make sure one instance is running) Ask the following question... "You have an instance running here and I want you to go ahead and associate a floating IP with this instance."

This would be a very basic test to run with a few people to see if they can locate the list of actions. I'd say if more than 1 of 5 people struggle to find it we should really reconsider this change.

Cindy - Do you have time/potential users to do this quick test?

Thanks,
Liz

Revision history for this message
Akihiro Motoki (amotoki) wrote :

I would like to share the case in Japanese translation.

In Japanese translation "More" is translated into *just a space*.
It is mainly because there is no appropriate word corresponding to "More".
We Japanese community discussed what is better in the local ML and a local meetup, and
agreed the current solution *just a space" does not bring a confusion for users.

It is an opinion from one of local communities, but I think removing "More" would not bring much confusion.

Revision history for this message
Julie Pichon (jpichon) wrote :

Based on this week's Horizon meeting [1], the developer consensus seems to be toward not having "More" anymore, so I'll abandon the revert. The look-and-feel of the buttons has changed since the original patch to add "More" was proposed, hopefully it makes the availability of additional options clearer. Thanks to everyone who chimed in, especially with input from actual users/deployments. Cheers!

[1] http://eavesdrop.openstack.org/meetings/horizon/2014/horizon.2014-08-26-16.00.log.html from 16:28:11

Revision history for this message
OpenStack Infra (hudson-openstack) wrote : Change abandoned on horizon (master)

Change abandoned by Julie Pichon (<email address hidden>) on branch: master
Review: https://review.openstack.org/115287
Reason: Abandoning based on discussion at the Horizon IRC meeting (see comment #11 on the bug report for additional details).

Thierry Carrez (ttx)
Changed in horizon:
status: Fix Committed → Fix Released
Thierry Carrez (ttx)
Changed in horizon:
milestone: juno-3 → 2014.2
To post a comment you must log in.
This report contains Public information  
Everyone can see this information.

Other bug subscribers

Remote bug watches

Bug watches keep track of this bug in other bug trackers.