bitcoinsearch / bitcoinsearch-app

Search the depths of bitcoin’s technical ecosystem
https://bitcoinsearch.xyz
Apache License 2.0
19 stars 14 forks source link

QA feedback from product/design team #108

Closed paperpsych closed 7 months ago

paperpsych commented 7 months ago

Art's feedback

paperpsych commented 7 months ago
  1. The corner radius needs to be fixed. And the search bar should be slightly taller, please increase height maybe just by a few (3-5) pixels.

  2. The "CTRL+K or /" should use the "Geist" font we have.

  3. The search bar's icon should also be of dark color in dark mode. It's white in the light mode

Frame 427320199

paperpsych commented 7 months ago

The image to text aspect ratio here is off... please make it similar to the second image's ratio !!

Frame 427320200

paperpsych commented 7 months ago

These icons should use our orange color (#F7931A) instead of the blue.

Frame 427320202

paperpsych commented 7 months ago

The icons here have very low visibility, they'll need to be of the same color as the text beside them like in the second image.

Frame 427320203

paperpsych commented 7 months ago

When a person clicks on the the author or source drop down arrow, the other elements get pushed down, as seen in the image below - when the authors drop down is clicked, the sources filter section is pushed down. This is the correct interaction.

Frame 427320204

What needs to change is what happens when the "Sort by" drop down is clicked. The options for the sort by filters tend to overlap the authors filter section.

Frame 427320205

The interaction should be the same as between authors and sources. When the sort by drop down is clicked, the authors adn sources filter section should be simply pushed down.

Frame 427320206

paperpsych commented 7 months ago

Here the tooltip (All Tools by the Bitcoin Dev Project) appears when a person hovers over the "all apps" button. Works great.

What's also happening is that after the all apps button is clicked if any of the options is being hovered over, the tooltip is appearing again as if it's being triggered by hovering over the options, this shouldn't be happening.

https://github.com/bitcoinsearch/bitcoinsearch-app/assets/149538435/253d2a49-2bfb-4b22-9533-8cb844fd4048

Also, a few more fixes:

  1. The color is different. It should be #292929 instead of dark blue
  2. The font weight should be "Medium" instead of bold.
  3. Please have the text appear in two lines like in the image on the left instead of three lines.
  4. The sun, moon, all apps icons could be slightly larger in size and the moon's outline should be dark instead of orange.

Frame 427320207

  1. There's this blue diamond appearing in the dark mode tooltip, that needs to be of the same color as the rest of the tooltip's background.

Frame 4273210207

  1. The background color of the tooltip and the nav bar is blending with each other. Please change the tooltip's background color to #3A3A3C

Frame 427320208

Extheoisah commented 7 months ago

closing this as the issues has been addressed in the new staging deployment