Nostr Web Client

what kind of quality of life improvements? always interested in hearing ideas to make astral better

I really appreciate your work. Here's couple ideas and points:

- There are no progress bars indicating when something is loading (on slow connection this is super confusing, often seeing only "note1..." label while nothing is happening for seconds)

- Add text padding on the right, currently it goes all the way.

- Ability to like posts

- (Phone) Pulling down shouldn't refresh the whole app, but only refetch the content

- Long posts have black font on dark background - unreadable until expanded

- Integrate some way to upload & host pictures

- Bottom bar has too many too small icons (you could introduce title bar on top and have e.g. profile there)

- I don't need to see the "relays" section under each post and fully expanded - make it into an icon or something like that?

- Make avatars bigger - currently too small on mobile (especially the initial post should have bigger)

- Make font bigger on phone (or somehow default to phone settings)

- in general on phone tap targets should be bigger

- The little notification circle should have more visibile color

- Button to follow a person is super small on mobile, make it into a label button?

- When posting, the textbox somehow has my avatar as background? Confusing and hard to read what I'm writing... On phone this box should be taller. Also it confusing that the "x" button is below the post

Reply to this note

Please Login to reply.

Discussion

nout 3y ago

Scratch the long posts comment - my Brave on mobile was doing it, because it automatically turns websites darkmode ( when the websites don't specify they are dark mode in meta tags - could you do that?). Also would it be potato have a theme with disabled colored borders?

monlovesmango 3y ago

yes darkmode fucks with astral. will def look into that meta tags suggestion, thanks!

would you just want to disable the main page borders and the border separating posts? if so I think this should be doable.

nout 3y ago

Yes, it would be great to not have the main page and post borders. I think that would be smooth out the UI.

But you could also ask folks here for feedback and mocks suggestions? (There are couple UX designers here afaik)

monlovesmango 3y ago

perhaps you are right. will play around with it and will def add an option to remove borders.

monlovesmango 3y ago

hey so I actually had looked into this previously (about the meta tags) and forgot. but it doesn't seem like the meta tags will stop dark mode from fucking with the colors, it will only allow sites to define light/dark colors that browser will selectively apply. is this understanding incorrect?

nout 3y ago

I haven't verified it, but I have noticed that Brave only does the "darkmode" in cases where it thinks it's needed. So my guess was the meta tags, or it has some smartness in checking pixels?

monlovesmango 3y ago

my guess is its checking pixels but could be wrong, i'm no expert. if you allowed websites to turn off dark mode by adding a meta tag it would allow websites to override users preference to see it in dark mode.

monlovesmango 3y ago

damn what a list hahah. tons of good suggestions, love that this is mobile focused.

definitely agree on adding some sort of visual loading cue.

see here on my resistance to removing relay list #[5]

ability for free likes will never be in astral. paid likes will be, however media comes first (another thing on your list :))

overall agree with all your suggestions for mobile, especially the pull to refresh. I've got them noted down.

SPA (Super Phat Arrow) 3y ago

I agree that it's improved quickly. I have 2 feature requests.

Top bar set to {position: fixed; top: 0;} so that it doesn't scroll (mobile).

Encrypt private key with a pin rather than stored in plain text. When unlocked store in a private class property with methods exposed.

monlovesmango 3y ago

agree with both of these, added to todos. thanks!

nout 3y ago

I'm fully supportive of showing relays, but only under a condition that it's very clear to majority of users what is happening and what you want them to do with it.

Currently there are no good headers/labels that would tell me what is it for, what does it mean to me, how can I use it, is what I'm seeing good or bad... There's a lot of power in good headers and labels - take advantage of that 😀

nout 3y ago

Think about the actions that user could initiate from the relays box, think about how to visualize better what happened and whether it's good or bad. Why is it important for user to see the relays? The UI should show them the answer clearly 😉

monlovesmango 3y ago

you make a great point. I will reflect on how I can make the relay list more intuitive to the average user.