codeforamerica / honeycrisp-gem

A Rails gem with base styles and Javascript for Code for America products
http://honeycrisp.herokuapp.com
MIT License
24 stars 8 forks source link

Reveal: Basic usability score #277

Closed bengolder closed 3 years ago

bengolder commented 3 years ago

Have we tested a reveal in usabilty testing with any user population and what were the results?

Possible helpful approaches:

Acceptance criteria:

surandesilva commented 3 years ago

hi

surandesilva commented 3 years ago

Tested/Has issues

Spoke to designers using Reveals in both GCF and SHIBA.

Differences between accordions and reveals Designers have not used accordions, although a similar component to a reveal. The thinking has been that accordions are more prominent and are viewed as primary information (as used on landing pages or with FAQs) Reveals are better as secondary or tertiary pieces of information Less prominent with reveal

GCF Has run into issues with clients not reading the content within reveals. GCF reveals are constructed similar to the HC style guidance (reveal content box is separate from reveal)

SHIBA SHIBA reveals are connected and look slightly different from HC style guidance (reveal content box is connected to reveal) Typically has used reveals as a checklist for documents that need to be uploaded During user testing the label was found to be unhelpful (people were not clicking the links) Label needs to be more descriptive There is a belief that using a question for the label would work better, but it has not been tested SHIBA is now using the reveal with a default open state (showing the doc list) and allowing clients to close as needed With this configuration, they are finding that most users aren't closing the reveal

Summary Reveals serve a purpose apart from accordions Reveals need more guidance (around labels) to improve usage Might need to determine if reveals are the appropriate UI element for their current usage (should we use tooltips with a clickable ? icon)