pablof7z / wiki

https://wikifreedia.xyz
15 stars 6 forks source link

Improve Android User Experience #27

Open alltheseas opened 6 months ago

alltheseas commented 6 months ago

Good

"Pop-up" works by default - opens in new tab. No need to go settings spelunking to unblock a pop-up (see counterpoint in #22).

1

Password manager on chromium recognizes password on wikifreedia/nsecbunker keys creation.

Bad

Ugly

2

3

4

More cut off.

5

6

related

22

dtonon commented 6 months ago

@alltheseas please add some basic info about the system you are using: Android version and browser name/version.

I suspect that the horizontal scrolling of the modal (window.nostr.js) is created by the underlying page that itself does not respect the width of the screen.

alltheseas commented 6 months ago

pixel 6 grapheneOS version 14 android versionCode 34 targetSdk 34 minSdk 34 IMG_20240417_120357 IMG_20240417_120255

dtonon commented 6 months ago

Write requests occur in new tab/pop-up. This is poor UX on mobile. Ideally it all happens in one tab.

See https://github.com/pablof7z/wiki/issues/22#issuecomment-2061739457

Nsecbunker auth boxes - i.e. displaying full npub, and other message is designed for desktop only. Screen is cut off. Mobile real estate redesign is sorely needed.

Screen is not centered, as it is not designed for vertical device.

More cut off

The problem is not strictly related to window.nostr.js (the blu modal), it happens because the underlying page is not fully responsive (the top menu does not wrap and so it pushes the page width).

PS: you uploaded images at 1080 × 2400px, they are rendered huge and so this make difficult to scroll/read the post or even see the images themselves; I suggest you to resize them before the upload, probably an height of 600px is enough.

fiatjaf commented 6 months ago

@dtonon can't we just set the window.nostr.js popup width there to 100vw to it always takes the full screen and nothing more or less, regardless of the size of the underlying page?

fiatjaf commented 6 months ago

Ugly Write requests occur in new tab/pop-up. This is poor UX on mobile. Ideally it all happens in one tab.

There is no way around this, but I don't see why it would be so bad. If the user knows their account lives in a different server or they're running an nsecbunker this should come at no surprise to them.

dtonon commented 6 months ago

@fiatjaf

@dtonon can't we just set the window.nostr.js popup width there to 100vw

Yes, it should work

alltheseas commented 6 months ago

If the user knows their account lives in a different server or they're running an nsecbunker this should come at no surprise to them.

Today's nostr users who are tinkering with wikifreedia would probably know this.

Outside this subset this is a friction point.

If "there is no way around this", so be it.

I ask yall galaxy brain devs to double check this (new tabs/pop-ups required) is the case.

fiatjaf commented 6 months ago

We're going to solve it all with hard cryptography.

alltheseas commented 6 months ago

you uploaded images at 1080 × 2400px, they are rendered huge and so this make difficult to scroll/read the post or even see the images themselves; I suggest you to resize them before the upload, probably an height of 600px is enough.

@dtonon replaced the images, thanks for the feedback

alltheseas commented 6 months ago

We're going to solve it all with hard cryptography.

@fiatjaf - thank you for inspiring me. See you soon

https://github.com/nostrworld/nostriga/issues/7

dtonon commented 6 months ago

We found a fix, it will be deployed asap. https://github.com/fiatjaf/window.nostr.js/commit/53f6a4df7ceb425adb2c834206e343111e55bbfd

https://github.com/pablof7z/wiki/assets/89577423/cf11aa42-39a9-4525-a0fb-6e80bca584de

alltheseas commented 6 months ago

We found a fix, it will be deployed asap.

What was the fix?

Lmk when ready - happy to test.

dtonon commented 6 months ago

I linked the commit with all the info