Nostr Web Client

Designers, we need your help.

Amethyst uses 3 "verification" symbols and they all resemble Twitter's with a different color. I'd like to move away from Twitter's symbol and increase their effectiveness in communicating what they trully mean without any other explainer in the UI.

The 3 symbols are:

1. The "you follow this person" verification symbol in the top-right corner or every profile picture. This helps people identify impersonators easily.

2. NIP-05 "verification" icon as the @ on their email address in 3 states: verifying (yellow), verified (blue) and failed verification (red). Failed verification should be a big red flag that something is wrong with this account and might be potentially hacked.

3. The hash verification for NIP-94 and NIP-95 images and videos. This means the image that was downloaded to the phone is exactly the same as the image uploaded by the author.

Please send ideas for the 3 icons. Anything helps.

Reply to this note

Please Login to reply.

Discussion

Mrwh0 2y ago

this one ☭ will drag alot attention for sure

Aeontropy 2y ago

A ostrich feather !? 🤷‍♂️

M0053 2y ago

What about being able to choose?

Vitor Pamplona 2y ago

Choose what?

M0053 2y ago

Maybe the shape or a color. Make it customizable... Not sure I like the idea... Just spit balling so to speak. Thanks for the good app by the way.

Jeff Jack 2y ago

Do they all indicate the same verification or separate verifications? If the same, should they be consolidated in the UI? If separate, should they display differently (icon, color, other indicator, etc.)? I need to dig into the codebase, but is there a design system, style guide, etc. or has everything kinda happened organically through prototyping?

Vitor Pamplona 2y ago

They all have different meanings as you can see from the list. It's a different verification as well but that is not important. It's about communicating the meaning, not the engineering behind it.

page394 2y ago

Hmm so my feedback is scrap #2 entirely it means nothing to me. Number 1 idk, but 3 should just be a blurred image/video with a warning popup that it’s been changed and you have to click ok on that message to view

Vitor Pamplona 2y ago

> scrap #2 entirely it means nothing to me.

NIP05 is an effective way to validate if a person still controls the key you thought they controlled. Otherwise, how are you making sure you are still talking to the same person and not an attacker that has taken over that account?

> 3 should just be a blurred image/video with a warning ...

Then everything would be blurred because most images on your feed are just unverifiable as opposed to NIP-94 or 95 images.

page394 2y ago

Maybe #1 is like a ? For unknown/no relationship. Image of one blank avatar and an eye for ppl you follow and image of 2 blank avatars together for mutual follows

page394 2y ago

Literally never noticed these or what they meant. Why not just have a “following” label to make it clear

Vitor Pamplona 2y ago

Not enough screen space. There are a lot of things we already don't even display because of lack of space. Whatever label we choose needs to be tiny 30x30 pixels.

Tony 2y ago

cc nostr:npub149p5act9a5qm9p47elp8w8h3wpwn2d7s2xecw2ygnrxqp4wgsklq9g722q

bug 2y ago

The follower symbol should be 🫂

The checkmarks should stay as they are

And the security check should be a lock 🔒 (or completely removed because I wouldn't really expect it)

Rene 2y ago

I'd go with the classic check mark ✔️ for verified. Simple and intuitive...

Old Man 2y ago

Troque a cor por laranja

Leathermint 2y ago

1. a purple border (thin line) around pfp if following, no border if not following

2. just purple text if domain up, grayed out if not

3. what does it mean again if the pic has a check?

BtcPins 2y ago

As Amethyst adds more streaming stuff, may be good to reserve pfp border colors to indicate someone is streaming on a Nest or something.

I think the icon for a mutual follow should be 🫂

Leathermint 2y ago

good point! alternatively, a red blinking icon (rec) could also be used for indication of being live

arvin 2y ago

nostr:npub1kuc70777tsvj67fl75s2dmy376t97hv05xmyuyshzzy6vhj5q5jstv0eyw nostr:npub1nxy56ame2gfnfj6fjylzxwq7r94phvgwt037mmvwr60qsqlaseksswlnxl is anyone on top of nostr related things in the bitcoin.design community these days? 👀

Stephen DeLorme 2y ago

There’s definitely plenty of chatter about Nostr in the Bitcoin Design Community. There is also a Nostr Design Community.

Libertária 2y ago

Well, nostr:npub1gcxzte5zlkncx26j68ez60fzkvtkm9e0vrwdcvsjakxf9mu9qewqlfnj5z, all seals are really useful and have justification: more security for users. So we must keep all 3. Your desire not to match Twitter's is commendable, however 🧭 the mental model of Nostr users must be taken into account, the mental model is formed by 🧭previous experiences (twitter and other networks)🪆 in addition to the culture of each people, so, my suggestion is ⚡to maintain the location of the stamps and innovate in the layout 💜, for example, bringing the colors of Nostr 💜 and something that refers to the 💎purpose of the brand: a space for collaboration and exchange of ideas, where individual freedom is the cornerstone and the Responsibility for postings is everyone's.💎

MarcG 2y ago

1. Should not be a checkmark. It should be a follow symbol.

2. Should be a simple checkmark. Either checked , or x'd. It only means verified-probably-human.

3. Skip this.

Thx, for helping to clarify, but verification does not mean here what it was originally meant on Twitter. ( Ie real world identity). ONLY the verified email can do that now for npubs.

Vitor Pamplona 2y ago

Not even verified email mean the same thing. That's why we want to move away from it :)

MarcG 2y ago

I'm not sure what you mean?

A verified email address of: Keith@seedsigner.com means it's IS the real Keith. Michael@saylor.org IS Saylor.

But MarcG@getably.com - well, that's just a nym. But obviously so. It's still me tho.

Maybe the term 'verified' is the problem here? Because I only have a nym: I'm not verified, I'm not identified, I'm just 98%&proved human. Based on who follows me is the only way now to tell that I am probably 'that guy/ that Marc. '

Verified is now maybe an idea of old, whose time has come to pass.

Idk, but I think so.

Vitor Pamplona 2y ago 💬 1

In nostr, it just means that the PubKey controls that user@domain. It doesn't mean that anyone verified if the person is real. The verification itself is up to the user.

Clockwerk 2y ago

Seconding this

Dump follow button for this icon next to people. When you have followed- is becomes a color. Save alot of screen space for other stuff and self explanatory.

2 and 3 should be small colored dots

Vlady 2y ago

How is this for #1 - follow?

Can send svg if you like it.

https://void.cat/d/XdFfjnUPweAHEYz5AaxVAN.webp

ZITRON 2y ago

I Will try this week 🌞

Leo 2y ago

What about 1: change it to just a check mark and probably color should be something close to an amethyst crystal

2:should probably be an amethyst crystal symbol or a lightning symbol

3:scrap it. Like elon did with twitter.

Vlady 2y ago

For #2

https://void.cat/d/ECNjZWXSFFqdKvkkThLGvA.webp

Vlady 2y ago

For #3

https://void.cat/d/2co2JWySXoGzt1hx1zfna3.webp

Vitor Pamplona 2y ago

Interesting

Demetrios 2y ago

The 3rd one - optional, disabled by default

Daniel D’Aquino 2y ago

For the first item (indicating that you follow the person), how about an address book with a user icon inside? Similar to: https://fontawesome.com/icons/address-book?f=classic&s=solid

Perhaps the icon could be inside of a circle

I think an address book is a mostly unambiguous representation of “this is a contact” or “I know this person”

Vitor Pamplona 2y ago

Interesting

Niel Liesmons 2y ago 💬 1

A bit late with this, but let me know if any of them would help :)

LWB 2y ago

These are gourgeous!

I fon't know how well they could fit with the overall design of the app. I don't have much eye for this 😔