build minimum wage page about alpha HOT 8 CLOSED

Built 2 versions of this based on google docs created by Rebecca. These initial versions are hosted on the user testing repository.

I deployed these to a different repository because I wanted to do fast prototyping outside of the production deployment pipeline. Doing this allows us to play with several versions many of which will definitely be thrown away, then when we gathered user testing responses we'd rebuild our best version as part of the alpha.ca.gov site repository where it will go through staging and all the final review checks listed here: https://docs.google.com/document/d/1rHhMA0xwmNlc94xgIN_n9mYqifWq8JHCBiArnL3kE1U/edit#heading=h.y92zfbhz5ph0 and we can continue to iterate on this refined version as part of the alpha.ca.gov site

from alpha.

New urls now in updated repo:
v1: https://cagov.github.io/UX/mw/
v2: https://cagov.github.io/UX/mw/v2.html
data exploration: https://cagov.github.io/UX/map/

from alpha.

Updates from Luke:
Can we use this page template: https://cagov.github.io/cwds/service.html

Use accordion style here: https://cagov.github.io/cwds/index.html)
Would add 'Exceptions' h2 above accordion.
Would put 'Learn more ...' below accordion, but simplify to a format like 'Details: #link to page#'

Put a colon after a CTA before a field. So 'Please enter your city:' The 'Please' is a little additive to me.

from alpha.

new version: https://cagov.github.io/UX/mw/v3.html @lukefretwell

from alpha.

Very nice @aaronhans!

Feedback:

• Form field is small on phone
• Header fonts aren't same as CWDS (bold)
• Accordions aren't dropping down (@artuoma we should display: block the links on these)
• Having the same CTA for the header and the button seems redundant. Seems like we should keep the buttons simple with a few standard options (Search, Go, Next, etc.)
• Delete period after DIR
• Should 'Exceptions' be <h2> ?
• Something about the search result doesn't stand out. I'm not sure if it's because it's below the search box and I have to know to scroll down (on phone) or if it should be formatted in a more structured way with less text like:

Malibu (CA) minimum wage

cc @humancenteredhuman

from alpha.

I am working on a v4, letting @humancenteredhuman own copy, she is already committing changes to text and HTML via git 💯

todo:

• review form field size on phone
• fix header/body alignment to match new template
• the accordion hit area is only the text but should be the whole bar. Will address this cagov/cwds#3
• review, fix font sizes to match design
• scrolling the page down slightly after you hit the button to see wage makes sense especially on mobile, will create a new version with that addition
• hide all the exception info and the more info link until after you see a wage result

from alpha.

fixed:

• added full list of CA cities to autocomplete
• added full list of zip codes for autocomplete
• added logic to resolve zip codes to multiple cities when appropriate
• fixed some aria issues

new todo:

• create version with plain dropdown instead of custom autocomplete (requested by @humancenteredhuman , seems like great idea)

from alpha.

reviewed and approved changes.

from alpha.