BitcoinDesign / Guide

A free, open-source community resource for designers, developers and others working on non-custodial bitcoin products.
https://bitcoin.design/guide/
Other
449 stars 97 forks source link

Update the site search #1032

Closed GBKS closed 11 months ago

GBKS commented 1 year ago

While discussing search with the Wallet Scrutiny team, I saw that the JS library we use in our site/guide is outdated. We use 0.7.1, the latest version is 2.3.9. This should give us new capabilities like fuzzy matching. So if someone accidentally types "bitgoin", it will show results for "bitcoin" (the live site does not do this right now). A couple of other ideas:

This probably needs some testing of different search intents and terms to narrow in on what produces the "right" results. So a good idea might be a draft PR for hands-on testing changes, and a design mock-up for exploring visuals, and then merging the two.

GBKS commented 1 year ago

Here's a quick mock-up. In the first one, you get search query tips when there are no results. We may also want to show this when the user enters this page and has not searched yet. Or maybe just always have this info available at the bottom of the screen, so it's always available.

The second screen shows small circles next to each title, indicating the quality of match. Green is great, grey is worst, and colors can be also in between based on the score of each result.

search-results-update

While testing the search, I also realized two bugs: