Replying to Avatar Niel Liesmons

Noswot.org | Feedback + Proposal

https://video.nostr.build/e96ea19151f348c62337fd2a2df6f5e65b212709d075210c92a4d6f09737213b.mp4

What I would change:

πŸ‘‰ Land on a page where you can directly browse users with their WoT scores. Don't land on a long about page.

πŸ‘‰ Mobile first!

πŸ‘‰ Have a switch to hide users you already follow. That way this tool can be used for new user discovery.

πŸ‘‰ Explain different modes with a tagline on the main browse page. Not somewhere deep down the about page.

πŸ‘‰ Show the profile pics + have a neat card layout for each user

πŸ‘‰ Add "Connections" as a metric and clickable link (amount of following that follows this user)

πŸ‘‰ Have a little minimal logo

Sidenote: Nostr offers more than Following, Followers and Reports (Profile Lists, Interactions, Labels, Reviews, ... ) so feel free to play around with these for the algo's too πŸ˜‰

Figma: https://w3.do/XocIQ5M_

#nostrdesign #WoT

Few notes(mostly spacing):

1. In the card, the image on the right has a much bigger "weight" or visual impact than the text on the right. That's why we need more white space around text to balance visual impact. Right now, that text looks crammed to the right. Try to make bigger padding, like 18 or 20px.

2. The "Plus" icon is crammed against the content below. Try giving it more space to breathe.

3. The back arrow weight is thin compared to the font. Also, I'd suggest to center it vertically instead of aligning it with a baseline.

4. Space between cards is the same as space between content in the cards, 12px. This destroys rhythm, makes it linear. Try reducing the space between the cards.

5. Space between sections and section title and its content is identical, 12px. Increase space between content and/or reduce space between title and section content to get better proximity or grouping of content.

6. The first title is crammed against the top search. Give it more space to breathe.

7. Proximity needs to be better defined when you have two columns in a card. Try to put a line separator between two columns or play with spacing.

8. You could use the same font size for the number and title of data in the cards. Instead, make contrast with font weight and color.

Hope some of this helps.

Reply to this note

Please Login to reply.

Discussion

Excellent feedback!

Agree with literally of all of this.

Available time vs Pixel perfection = the trade off for these things for now.

I did take the time to fix all this though thanks to you, so please keep these coming whenever you feel like it. I come from Industrial Design and farming + started with Figma basically 3 months ago, so I can use all the feedback I can get.

Thanks again πŸ™