UX improvements - Githubissues

cfpb / regulations-site

(DEPRECATED) Web interface for viewing U.S. federal regulations and other regulatory information

Other

28 stars 43 forks source link

UX improvements #742

Closed ascott1 closed 9 years ago

ascott1 commented 9 years ago

This makes several improvements as suggested by our UX team.

Changes

Make sure all text on a gray background is accessible
Move effective date placement so that it is in line with the regulation text
Opens all "what's this" links in a new tab
Defaults the SxS analysis sidebar drawer to open when it contains content
Adds bullet points to the reg landing page
Makes the call to action on the landing page a button (instead of a standard text link)
Moves the "new effective date" call out to the main content area
Review
@willbarton and/or @KimberlyMunoz
Screenshots

ascott1 commented 9 years ago

All of the button code was part of an internal template. That commit has been reverted. This can be merged once it's reviewed @willbarton

screen shot 2015-08-14 at 11 25 11 am

willbarton commented 9 years ago

So, the spacing to the left of "Subpart A" in the first screenshot not matching the space to the right of "Effective Date" bugs me, visually. Should it have the same right alignment over the body content?

ascott1 commented 9 years ago

So, the spacing to the left of "Subpart A" in the first screenshot not matching the space to the right of "Effective Date" bugs me, visually. Should it have the same right alignment over the body content?

I agree that it probably should. That's how it was mocked up, but let me follow up on it

willbarton commented 9 years ago

Another comment, the bullet points on landing pages line up to the left of the header. In an of itself, I don't have a problem with that... but it's visually jarring because the ordered lists we use for regulation text have their markers line up directly under their heading.

screen shot 2015-08-17 at 12 52 04 pm