Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Visual design of Latest Updates index page #454

Closed
Tracked by #60 ...
noahmanger opened this issue Aug 27, 2016 · 12 comments
Closed
Tracked by #60 ...

Visual design of Latest Updates index page #454

noahmanger opened this issue Aug 27, 2016 · 12 comments

Comments

@noahmanger
Copy link

This is a placeholder issue. We need to discuss if we need to do more interaction design or if we can jump into visual design.

@noahmanger noahmanger added this to the Sprint 21 milestone Aug 27, 2016
@noahmanger noahmanger changed the title Refine design of news index page Visual design of news index page Aug 29, 2016
@jenniferthibault
Copy link
Contributor

Moving the mockups from https://github.com/18F/fec-cms/issues/443 to visual styling, using the two drop-down pattern. Ready! Set! Go visual design go! 🏇

@jenniferthibault jenniferthibault changed the title Visual design of news index page Visual design of Latest Updates index page Sep 6, 2016
@jenniferthibault
Copy link
Contributor

I've been updating these in an InVision prototype, though with limited functionality because it didn't seem necessary to make a static version of every category page by hand at this point.

Here are direct links to the Latest updates page from that prototype showing...

For mobile, this would largely follow existing patterns, but here's a quick templatized capture to demo the dropdown fields and the articles with images:
latest-updates_v1-mobile

Direct next steps from here would be to accommodate the text updates when they are ready from @emileighoutlaw

👀 @nickykrause @noahmanger @onezerojeremy

@noahmanger
Copy link
Author

👍 one question I have is: are we ever letting people filter by "press releases" / "weekly digest" specifically? Or just by the broader "for media professionals" category?

@jenniferthibault
Copy link
Contributor

Yes! Each category level on the dropdown should be selectable, from what I understand. (but I'd wanna check that with our interaction crew)
I don't have individual mockups for those bc it was pretty tedious to make by hand.

@onezerojeremy
Copy link

I agree with @jenniferthibault : each individual content type should be selectable as a filter

@noahmanger
Copy link
Author

👍 Agree that's important. It poses some challenges for the dropdown format that I explain in the PR over here: https://github.com/18F/fec-cms/pull/478#issuecomment-245462934

@emileighoutlaw
Copy link
Contributor

I thiiiink the only outstanding content we needed for this page was the intro sentence below the big Latest updates header. Let me know if I'm wrong. I wrote something super brief and included it in Noah and Christine's PR: https://github.com/18F/fec-cms/pull/478

What it says is:

Search or browse the latest information on the Commission and federal campaign finance law.

I feel iffy about the "Search or browse" part, because Jeremy has taught me not to like calls to action with an "or" in them. At the same time, I don't want us to fall into the content trap of explaining what a press release (Record article, etc.) is, which is what often happens on these types of pages and is not helpful to users. So if folks have thoughts, I'd love to hear them. And I'll keep mulling this myself, too.

@jenniferthibault
Copy link
Contributor

A thought: a brief intro to what each publication type is has been helpful to us, and is something the FEC already has on their own site, just spread across the pages. What if we were to consolidate those snippets, and bring them here?

Something like an improved version of...

Search or browse the latest information on the Commission and federal campaign finance law.

Weekly Digests are published every Friday and summarize the week's publicly disclosed activity. Covered topics include enforcement matters, litigation involving the FEC, meetings information and advisory opinion actions.

The FEC Record is an online resource for political committees and others interested in latest information on the Commission and the federal campaign finance law. Until August 2011, the Commission published the Record as a monthly newsletter. Now, the agency posts articles as news happens, then compiles those articles at the end of each month.

Press releases are... ? (maybe this one is too obvious...)

Just to give people a sense of what's included in the section and why publications are separated from one another.

@noahmanger
Copy link
Author

☝️ I think an explanation here of the different types is really helpful. Otherwise there's nothing to suggest what they are (though press release is maybe self explanatory).

@emileighoutlaw emileighoutlaw self-assigned this Sep 8, 2016
@emileighoutlaw
Copy link
Contributor

It does feel weird to address 2 of 3 types of content, though. How about something like this:

Search or browse the latest information on the Commission and federal campaign finance law.

Weekly Digests are published every Friday and summarize the week's publicly disclosed activity, including enforcement matters, litigation, meetings information and advisory opinion actions.

Press releases and FEC Record articles are published as news happens. Press releases are written for media professionals. Record articles are a written for political committees

@jenniferthibault
Copy link
Contributor

👏

@noahmanger
Copy link
Author

Works for me! I'll throw it in and close this issue. Nice work team!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

4 participants