Closed patphongs closed 7 years ago
Once we began digging into this issue there were a few more UX-level questions to answer than the straightforward adoption of an existing page template (which is what I thought it was originally). Some of the following design work is still wireframe-y, but I wanted to get some ideas out for others to see.
Having an intro or overview about the election you're viewing gives some context to the candidates you're able to compare. What if the first tab was About this election
which would tell you who is currently in office, when they were elected, and when the next upcoming election for the seat is, as well as linked to compliance and reporting information (which matches up nicely to what we've planned to do for the changes to the election comparison tools).
About the election
might make sense as the last tab in the list, since people will frequently be coming to these pages from a specific candidate's profile, and the ability to compare candidates' financial summaries may be top of mind.
But it also feels that that feature shouldn't be a primary call to action if you've already navigated to this page. I've tried out the use of a small accordion with this feature, positioned where users are familiar with finding filtering or navigation tools as a first hypothesis
For example, using the label Candidate financial summaries
instead of Financial summaries
, which feels like it might contain more broad election trends
Responding to completion criteria 2 above, I don't think we can know that at this stage. I'd propose holding on that question to see if the other changes make improvements.
Next steps:
Nice. A few thoughts:
I really like the "about" tab but I think your second version makes more sense: I'd put it last and position. It's supplementary info, not the most important info for understanding what's on the page.
For tab language, what about using the word "Compare" in trying to speak to the mental model of these as a comparison page? "Compare candidate financial totals", "Compare individual contributions to candidates"
I really like bringing the election lookup tool here and think the side bar accordion is clever. The other idea I as toying around with was to put it in the breadcrumb bar, which mirrors the placement of the legal resources search. Something like:
Wherever it goes, I think we'll want it to be in the same place across all comparison pages (US > State > District)
So this is carrying over to sprint 3.3
Resolved by https://github.com/18F/openFEC-web-app/pull/2231
So that users can browse election pages in a format that is more consistent with other profile pages and can main sections on page more easily.
Follow-up from #2167
Completion criteria:
[ ] figure out if the page should offer the election search within the election profile page to make it easier to search another race
[ ] decide if the main data tables in each section should be updated based on user research
[ ] determine if users can easily return to the candidate's profile page
[ ] determine if district map should be placed on the page for easier visual on where the district is within the state. If implemented, decide placement of map.