Create mock up for returned search result on faq page

[Olivia-Chiong]

Overview

Create mock up for returned search result so the development can work on it.

Action Items

Product

• Decide what should be returned when search results are completed

Design

• Mock up the page with the correct wordings
• Release dependency on FAQ Screen #63 when done

Resources/Instructions

Issue Reference #63

Example from Netflix

[Olivia-Chiong]

Replace "Frequently Asked Questions" with "Search Results"
The search string should remain in the search bar
Add "Search Results" to breadcrumb

[ExperimentsInHonesty]

@Olivia-Chiong I suggest we don't replace the breadcrumb but instead we add to it.
So right now it says:

• Home / Radical Collaboration / FAQ
  I suggest:
• Home / Radical Collaboration / FAQ / FAQ Search Results

[Olivia-Chiong]

@samdelros

• Please make a copy of the desktop screen
• Edit breadcrumbs to say - Home / Radical Collaboration / FAQ / FAQ Search Results
• Add additional question for the screen so it shows 5 qns instead of 4

[samdelros]

@Olivia-Chiong - FAQ Updated, see screenshots

[mariastudnicka]

@samdelros will update to include pagination if search results more than x FAQs research MUI conventions.

[samdelros]

FAQ has been updated with pagination and ready for feedback from @chalimar

[chalimar]

3.4.21

Looks great, I really liked the "no results found" page you designed! Thank you!

When you have a moment, could you please design the screen to fit our SM and MD breakpoints, and also adjust this screen to fit the new LG breakpoint size (1280px). Columns/grids have been set up for these artboard sizes.

Next steps would also include adding documentation to the FAQ page on the design system.

[Olivia-Chiong]

@samdelros have you had any time to work on this? Please let us know your updates before the meeting on Thursday. Thank you

[samdelros]

Desktop Breakpoint updated, Will update screen breakpoints for tablet and mobile next.

[samdelros]

1. Progress - Desktop Breakpoint Updated with full flow

2.Blocks - Do I need to create full flow for additional breakpoints?

3.Availability - I have a contract project till 3/26 so I've been a bit MIA but hoping to put in a few more hours today.

4.ETA - Mobile + Tablet screens hoping to finish today before meeting today (3/18), but if not by 3/22.

[samdelros]

Tablet and Mobile Screen breakpoints have been added.

Pls note: Tablet/MED screens have the same Search Result Pagnation. I think the Mobile/Small Breakpoint Pagnation should start after 6 results if we are to keep pagnation. Pending Charli - to look over SM/Med flows

[chalimar]

FAQ looks good, I think we can pass this off to development!