FAQ Page

[adamkendis]

Description

Replaces #559.

New mockups in Figma:
https://www.figma.com/file/eF63O8yIGz2soQ4JJFfyoK/311_Data_UXUI?node-id=1%3A2

Draft FAQ content here:
https://docs.google.com/document/d/15g8psA9-w6BCEj-JxSNuLgSf0BEqLvjXrlMFK2i8EGk/edit

Action Items

Priority:

• Implement list of FAQs that can be collapsed/expanded on mouseclick or via keyboard.

• Text-only FAQs should be a single reusable component (rather than repeated hardcoded jsx).

• Add /faq route to Routes.jsx that will render the overall FAQ (or whatever name it is given) component.

• Add a <NavLink> in the header that navigates to /faq

Would be super awesome to have:

• Search bar. This could search all text in all questions or define a list of keywords for each question if all text search returns overly broad results.
• Including images in relevant FAQ answers.

Resources

https://www.figma.com/file/eF63O8yIGz2soQ4JJFfyoK/311_Data_UXUI?node-id=1%3A2
https://docs.google.com/document/d/15g8psA9-w6BCEj-JxSNuLgSf0BEqLvjXrlMFK2i8EGk/edit

[ghost]

The current mockups in figma are with all-text content, would it be possible to get mockups incorporating the image / text layout for the faq that have one or multiple images? @adamkendis

[adamkendis]

@danarchen
Any chance your team has bandwidth available to mock up a few of the FAQs that include images?

@hannahlivnat
Let's see what Dana says. If they're busy this week, feel free to move forward using your best judgment.

[danarchen]

I'll ask Yuenyi to see if she can get something by this Thursday.
She didn't get access to the FAQ document till last week...

[ghost]

@danarchen @adamkendis -- The mockups with the expanded faqs look great! I had one question for the top menu bar images. The text within the mockup is different from the text that's on our live site.

Example: 'Explore My 311 Data' vs. 'Explore My Council's 311 Data', 'Compare Councils' vs. 'Compare Different Councils'

Should I stick with the text from the Figma or take a screenshot from the current site?

[adamkendis]

@hannahlivnat - Could you take new menu bar screenshots from the current site? We should keep the FAQs consistent with what we have live. We'll just need to remember to update the FAQs if we make any changes.

[ghost]

@adamkendis will do, thank you!

[ghost]

Issue update:

• Currently have basic q&a layout from figma and able to filter through questions by search.
  
  

Working On:

• Autocomplete feature for search bar
• Make toggle keyboard accessible
• figuring out an error that keeps logging from search -- Unchecked runtime.lastError: The message port closed before a response was received.

Timeline:

• Final interview is next Thursday. Will be back at meetings following interview, should have this page done in next 2 weeks.