State pages: Clarify types of jobs data

[coreycaitlin]

On the state pages, we need to make sure the jobs data is clear and accurate, and the distinction between self-employment and full-time jobs is clear to users. It's currently a little unclear whether we're combining them or not, so this may take a little teasing out.

Current dev version on state-pages:

[coreycaitlin]

• Currently pulling Wage & Salary
• We have county-level data for Wage & Salary
• We don't have county-level data for Self-Employed

[coreycaitlin]

Next steps:

• @coreycaitlin write intro content about the difference between these datasets
• @ericronne will start designing
• @gemfarmer will pull in the Self-Employment dataset Moved to issue Pull in state self-employment data #1528

[ericronne]

Here's a crack at the design, please lmk your thoughts @coreycaitlin @meiqimichelle @gemfarmer @shawnbot.

I've evolved the side-by-side chart design pioneered in issue #1492, so if this design is deemed Worthy, it should be applied there, too.

Notes:

• Moved the year selector to the left, to make it easier to find, and to further reinforce that it impacts everything in that section
• Used "Show table" for the county details button label, since its literally what will be revealed
• The self-employment chart is a bit of a widow, hanging down there on its own, but i put it there to keep it clearly separated from the wage and salary material
• In the table, i didn't show a bar chart for percentages. Can see about fitting it in, if need be, but it felt busy to me

Default

Table expanded

Sketch file

[coreycaitlin]

@ericronne Oooh, I really like the selector to the left of the sentence! It just keeps getting clearer. I like the "show table" label, and agree that YOY percentages for the statewide number is too much.

Once you take a look at the language I drafted up, let me know what you think — it might help make the self-employment chart a bit less orphaned. I can also edit it down a tad, I think.

[ericronne]

Sweet, thx @coreycaitlin! I'll take a look at the text and integrate with the layouts...

[ericronne]

@coreycaitlin can we do a hangout to discuss this text? @meiqimichelle welcome too, natch

[ericronne]

Until then @coreycaitlin @meiqimichelle, here's some food for thought!

This design ...

• Puts the wage/sal and self-empl definitions into the glossary
• Adds the self-employment tally to the summary sentence (which updates to match the selected year)
• Boldfaces the year in that summary sentence

[coreycaitlin]

@ericronne I'll ping you when I'm free!

[coreycaitlin]

We talked about this, and hatched a possible solution: flattening the organization a bit so we don't have to deal with quite so many laters of hierarchy. The sub-nav within Economic impact would then be:

• GDP
• Wage and salary jobs
• Self-employment
• Exports

[ericronne]

Revised layout, accordingly...

[meiqimichelle]

This is ready for implementation but is blocked by the issue to pull in self-employment data (#1528).

[ericronne]

And here's the expanded chart in the context of the revised design.

Sketch file

[ericronne]

Sketch file w-one-pixel rule added at base

see #1556