nielliesmons on Nostr: I've been designing 100% mobile-first and just found an extremely simple way to make ...
I've been designing 100% mobile-first and just found an extremely simple way to make my entire system work on desktop.
I'll write/record more on this later, but it comes down to:
1. Using a two-panel layout.
One panel for home, where you have direct all your notifications (per chat/community), your profile, your money, ...
The other panel for whatever you are reading (chat messages, articles, stories, ...). Here you can travel back by scrolling down (similar to the swiping down on mobile) or just go back one step with ⌘←.
Both panels are 99% identical to their mobile versions.
Adding more than two panels makes it very confusing and intense experience and adds a lot complexity.
2. Swipe left = Right click
On mobile you swipe left to, for example, access the options to reply/react/zap to a message. On a Mac trackpad this works great too, but people with a mouse can just right-click their way into the same options-modal.
That's it basically.
This is convincing me even more to start building this out in cross-platform language (like Dart/Flutter).
Published at
2024-10-04 10:11:51Event JSON
{
"id": "4b40d9dbfea83682d52dd9aebe36a7947cb33e13c23f05a048f6c011932f3e66",
"pubkey": "a9434ee165ed01b286becfc2771ef1705d3537d051b387288898cc00d5c885be",
"created_at": 1728036711,
"kind": 1,
"tags": [
[
"a",
"34550:a9434ee165ed01b286becfc2771ef1705d3537d051b387288898cc00d5c885be:groupchats"
]
],
"content": "I've been designing 100% mobile-first and just found an extremely simple way to make my entire system work on desktop.\nhttps://cdn.satellite.earth/82d62ff2556a7791b8c57825edb136fad5e2adfd03cd9192f795fcb611e058ac.png\nhttps://cdn.satellite.earth/0c6650af49313271eec374986163fbee67c9038d66acc0bb4ebbee7d59f85eda.png\nhttps://cdn.satellite.earth/b58b24ec25beb940fd2fdc8808f4331d62f080c72cbd6648c86955fd30e3ce4f.png\nhttps://cdn.satellite.earth/5b34ddec8d950b8bd80a8dba1c3eb37ea51c86c538f8e42e1c507c131bed3049.png\nhttps://cdn.satellite.earth/9180f27b2ee1911615aba8588764a66cd391e8b98bc9131a054d67b46f060bd9.png\nhttps://cdn.satellite.earth/60252b221715660cbf90340b882fa7ab63381b53b28fc65d88dc4b9998aeb720.png\n\nI'll write/record more on this later, but it comes down to: \n\n1. Using a two-panel layout. \nOne panel for home, where you have direct all your notifications (per chat/community), your profile, your money, ...\nThe other panel for whatever you are reading (chat messages, articles, stories, ...). Here you can travel back by scrolling down (similar to the swiping down on mobile) or just go back one step with ⌘←.\n\nBoth panels are 99% identical to their mobile versions. \nAdding more than two panels makes it very confusing and intense experience and adds a lot complexity.\n\n2. Swipe left = Right click\nOn mobile you swipe left to, for example, access the options to reply/react/zap to a message. On a Mac trackpad this works great too, but people with a mouse can just right-click their way into the same options-modal. \n\nThat's it basically. \nThis is convincing me even more to start building this out in cross-platform language (like Dart/Flutter).",
"sig": "f9405e1f514d5460a614e4a26e6cbaccbc0e46bcb34201a7b20dfbe7e512cc253a7e95bec68b5cf8cf47657f723e6456c0c142a3338edf6294371899e2b416c8"
}
