Subnostr

Niel Liesmons 2y ago

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

Reply to this note

Please Login to reply.

Discussion

Niel Liesmons 2y ago

nostr:npub17dmmwz9dcs6rehfwvr4yd35r7fg8na6hu5fqfnhrs80q7etjveyq24tduz

STERRY 2y ago

Massive thanks to nostr:npub149p5act9a5qm9p47elp8w8h3wpwn2d7s2xecw2ygnrxqp4wgsklq9g722q for this design guidance for noswot! Niel knocked this out really quickly, made this beautiful video AND it's asking important questions I'd never considered. Seeing the word algorithm there at the top is 🤯. That's exactly what a web of trust is so that's a 🎯. You know what to do. Send all zaps to his note below! ⚡⚡

Thanks also to nostr:npub1r0rs5q2gk0e3dk3nlc7gnu378ec6cnlenqp8a3cjhyzu6f8k5sgs4sq9ac for helping us get connected and for his constant offers of help to Nostr devs. As a new developer on Nostr the level of support here for helping each app be its best is simply amazing!

nostr:nevent1qqsdkzw32658nrrn944ke55xc97l4aytef5f9wt02ujd4lcex0yee3cpz4mhxue69uhhyetvv9ujuerpd46hxtnfduhsyg9fgd8wze0dqxegd0k0cfm3autst56n05z3kwrj3zycesqdtjy9hcpsgqqqqqqs5q0uzk

Vladimir Krstić 2y ago

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.

Niel Liesmons 2y ago

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 🙏