[Search Feature - Design] Desktop Search

[ri0nardo]

Incorporating a search bar within the new side menu for the desktop.

Adding the Santa Monica Public Tree Map as an example of a desktop search - https://publictreemap.org/

[ri0nardo]

@zoobot i started on a design quite some time back, but wanted to start the conservation for the filters. I was considering we use the same filters as the tree taxonomy for the map search? https://github.com/waterthetrees/wtt_front/issues/570 My thinking is that we would be filtering out the same information, so the list would be exactly the same? I also could be wrong on this. What do you think about using the same filters?

[ri0nardo]

Just copied and pasted the filter from the tree taxonomy into the map. I personally don't like how it meshes with the map. I do have a few ideas on the design and approach for the map filter / search being integrated more smoothly (per screen size as well). I do want to reduce the width of the filter, possibly add two search bars ( 1. tree search 2. location). I also want to add the tree taxonomy cards into the search results / history so users have an idea of what the tree potentially looks like (for future, we may want to show other things outside of trees from water locations, organizations, and people when searching. sort of a universal search on the app). But I do like the direction we all agreed on with the yelp design.

[ri0nardo]

added the tree taxonomy list view design into the search and see some potential in the design as something that can be reused in the project. I need to reduce the filter as it needs to be maybe 1/2 or 1/3 of the existing size. Any thoughts are welcomed.

[ri0nardo]

Look into creating two separate searches from location & tree Google & yelp use this component for searching which could be good for our use case. My reasoning is that people may want to find a certain type of tree where they live and don't want results from a different part of the world.

I am also looking at reducing / creating a slimmer design for the filer. It may be as fine is. I just want to investigate different screen sizes as well.

I want to create a different card design for results depending on what the results show. A few designs I am looking to have include but not limited to

• Trees
• User Profiles
• Organizations
• Events It would be nice to have the search be a universal search for the site. That would change the dynamic of the other pages we have designed, but can look into.

[ri0nardo]

Reduced the size of the filter to be a one column vertical layout on desktop. I believe the filter can be smaller in width but this is the first pass of the filter as an independent component on the map. Adding the overall list of filterable items that was researched.

[ri0nardo]

https://www.homes.com/webster-tx/

a potential design for adding the filters the top of the webpage.