UI Cleanup - Action Button + Metrics Block Layout

[mheppler]

The layout of the top section of the dataverse, dataset and soon to be file pgs (e.g. Metrics block, Edit button, Publish/Submit for Review button, Email/Link/Share button group, mysterious disappearing View Dataset Versions button) could be improved.

This issue was raised upon further review of the mockups for the file pg (#2465) which require the additions of Explore, and Request Access/Download buttons to the action buttons section, resulting in a crowded string of elements across the top of the page.

Related issues:

• Dataset Publish/Submit for Review - Optimize Button/Popup Code Dataset Publish/Submit for Review - Optimize Button/Popup Code #1664
• View Dataset Versions Button does not appear on Page Load Dataset - View Dataset Versions button does not appear on page load #2782
• Dataset - File UI Improvements Dataset - File UI Improvements #3404
• Improve visibility of buttons for data owners Improve visibility of buttons for data owners #3815

[djbrooke]

Before moving to ready, we should get an estimate on this and do some user testing.

[mheppler]

Brief discussion today in the status meeting about the potential need for cleaning up and optimizing the permission render logic of all the buttons on the dataset and file pgs. The potential for adding new Explore/Visualization features for datasets and files (DDI Explorer, #2216) will also add to the new for improving this area of these pgs.

[mheppler]

• The placement and visual design of the metrics button is confusing. What does it refer to – file or dataset? It looks clickable but is not.

Recommended by the UX Team based upon user feedback in usability testing of 4.6.

[mheppler]

Adding these recommendations on the share/email buttons to this issue.

• Visually clarify that the file page is a file page. Must be immediately clear. Design as shown was not completely clear to all users.
• “Share dataset” button - supposed to say “share file”?
• “Share dataset” button doesn’t include sharing via email, and participants stated that they would share via email.
• Email button - emails the dataset owner, however, participants thought it was an email sharing button. Feature to email the dataset owner should be changed from a button to a link elsewhere on the page.

Recommended by the UX Team based upon user feedback in usability testing of 4.6.

[mheppler]

New styles applied to the Metrics block in #3538, to lessen it's visual impact.

[mheppler]

Related issue: View Dataset Versions button #2782

[TaniaSchlatter]

Email/contact and Share buttons design proposed to be changed as part of adding Compute features – #3747

[pameyer]

For what it's worth, when I first saw the "Share" button I assumed it was to invite other users to become co-authors on a dataset (instead of its apparent function of interacting with social media).

[mheppler]

When reviewing links that use icons with no text, make sure to consider accessibility improvements, as suggested in homepage: 508 / accessiblity follow-up #3748.

Links without text can't be used by screen readers

<a href="/dataset.xhtml?persistentId=doi:10.7910/DVN/RO8ITP"><span class="icon-dataset text-info"></span></a>

[mheppler]

Closing. This issue is being resolved by Layout and styling of action buttons on the dataset and file page #6684.