SN release: new navigation stuff, search UX improvements, hashed api keys, more

9609 sats \ 62 comments \ @k00b 28 Mar meta

The biggest change is probably the navigation updates:
- dedicated mobile navigation (eg bottom navbar, offcanvas)
- sticky minimal navigation bar so you navigate easily when you're deep in comment threads
- when you're logged out, you're visually "logged in" as anon
Search UX:
- search defaults to searching all territories
- more intuitive search filters
API keys were not hashed for storage when we first launched them. @WeAreAllSatoshi reported this immediately and only @ek's @hn bot has API keys phew. (via @ek)
Discussion posts are now readable in a browser's Reader View that support it
- 🚨 new contributor alert: @felipe
Withdrawal notifications (via @ek)
Fix link target on link posts to not fill entire horizontal
- 🚨 new contributor alert: @BenAllenG

View all commits here: https://github.com/stackernews/stacker.news/commits/master/

We've paid a total of 595,100 sats in contribution awards in just the last 12 days! View an up to date list of contribution awards here: https://github.com/stackernews/stacker.news/blob/master/awards.csv

Previous release: #473244 Complete list of changes: https://stacker.news/changes Q4 recap and Q1 roadmap: #381208

view all related items

20 replies \ @k00b OP 28 Mar

If you've got specific feedback let's hear it. I'll be refining all day.

There's lot of little issues I didn't catch. The decision tree with nav is huge and we're doing lots of new stuff.

153 sats \ 1 reply \ @felipe 28 Mar

@k00b I think you'll have to add a little offset when navigating to an item from a notification. The list scrolls to the item position but now I have to scroll up a little bit more to see it

https://m.stacker.news/23623 https://m.stacker.news/23622

37 sats \ 0 replies \ @k00b OP 28 Mar

Yep, nice catch! Already in my todo list

21 sats \ 4 replies \ @Natalia 28 Mar

I prefer the old design. 🙊

100 sats \ 1 reply \ @davidw 28 Mar

No one likes change. But it’ll be much better for the long-run.

Frees up important space for the top of the screen, including long-territory names & sub-territories.

0 sats \ 0 replies \ @Natalia 28 Mar

I don't mind changes, but only the good ones. 🙊

99 sats \ 1 reply \ @k00b OP 28 Mar

Well I guess that's specifically requesting the old design.

0 sats \ 0 replies \ @Natalia 28 Mar

yes, the old one was quite good! the only thing I like about the new design maybe is the sticky header.

121 sats \ 8 replies \ @dtonon 28 Mar

The bottom bar is a nice solution because it is easier to reach, so improve the UX. But it's quite messy with 4 icons of different styles. I would harmonize the icons, replace the SN icon with a "home" icon, and put the post button centrally, doubling its width, to promote participation. I would also move the profile to the top right, near the wallet shortcut, because it should be an element with a low frequency access. Instead the go back icon can go to the left-bottom, so it is quicker to click. And finally we have on the top-left a place for the logo.

Something like this:

https://m.stacker.news/23647

0 sats \ 2 replies \ @Fabs 29 Mar

An improvement indeed.

Only thing i'd change in your sketch would be the placement of the profile button + wallet balance: make those two things like they were in the old design, top right, with the wallet balance on the left, profile pic on the right.

Mighty-fine work.

0 sats \ 1 reply \ @dtonon 29 Mar

make those two things like they were in the old design, top right, with the wallet balance on the left

My sketch is actually like the old design, isn't? But I agree that it is better to align the profile badge to the right. I would not add the pic, I don't think it is really useful (everyone knows himself) and I doubt there are a lot of users that use several accounts, and so need to spot easily which they are using.

0 sats \ 0 replies \ @Fabs 29 Mar

I'd take the old one back any day, but your's sure is an improvement.

0 sats \ 4 replies \ @k00b OP 28 Mar

That's very nice! How would you do the homepage with the elements you made here?

As I'm sure you understand (as a more skilled designer than me) I'm not sure if it achieves what we need it to given we have other pages with more navigation items.

1059 sats \ 2 replies \ @dtonon 28 Mar

For consistency, I would keep the exact same structure. The back and home icons are faded, because they are disabled.

I would also remove (everywhere) the price on the top bar, perhaps it is a bit too obvious; I think that on the homepage is sufficient. This space could be profitably used for the territories.

https://m.stacker.news/23652

Are there other pages with a special structure?

10 sats \ 1 reply \ @k00b OP 29 Mar

I dig it. Nice job!

100 sats \ 0 replies \ @dtonon 29 Mar

Thanks, it is just a quick sketch to give an idea. If you need more help feel free to ping me!

0 sats \ 0 replies \ @dtonon 29 Mar

Another solution is to get rid of the back button (the OS back button/swipe should be enough) and use this space for the territories, with an icon that opens a full page menu. In this case the home should be moved to the left.

0 sats \ 3 replies \ @Manikese 29 Mar freebie

I got an error while trying to sign up with Nostr. The error was something like “plugin not found”.

0 replies \ @k00b OP 29 Mar

Most the obvious stuff should be fixed now.

100 sats \ 0 replies \ @Asara 28 Mar

One thing I appreciate with the redesign is I am less likely to accidentally zap comments when swiping back to the territory from a thread.

110 sats \ 0 replies \ @cointastical 29 Mar

Just created this Issue in SN's Github repo :

QR Scanner borked on Android Mobile, Firefox and Chrome #996

21 sats \ 5 replies \ @Fabs 28 Mar

I don't want to be rude and stomp on your guys work, but I absolutely dislike the general new layout for mobile.

It doesn't feel more "natural" or "cleaner" at all to me, more like i'm using SN upside-down, it's irritating.

Please make it possible to "toggle back" towards the "old" design for mobile.

131 sats \ 1 reply \ @k00b OP 28 Mar

If you can, try and tell me what's wrong with new layout. Boy do I know it's not easy, but if it's only that "I was used to the old design," then it suggests we only need to wait for you to get used to the new layout.

84 sats \ 0 replies \ @Fabs 28 Mar

Maybe it's a bit short sighted, but to me, it looks like you took the navbar, mirrored it to some degree and decided to put it at the bottom of the layout, why?

What, in your opinion, are the advantages of this design against the former? I don't see any.

Again, i'm not trying to be a pain, but all it manages to achieve in my eyes is to confuse people, rather than creating a cleaner, more intuitive navigation of SN (on mobile, I only use mobile).

There certainly are things to be improved, but the layout and navigation certainly aren't on that list - at least not in this scope.

Edit: Also, the upper part of the layout looks a bit "lost" and empty, while the bottom part looks crowded and misplaced.

32 sats \ 1 reply \ @WeAreAllSatoshi 28 Mar

Maintaining both UI layouts over time is probably a large burden the team isn’t interested in doing.

0 sats \ 0 replies \ @Fabs 28 Mar

Then I really hope that they'll return to the former design.

0 sats \ 0 replies \ @Natalia 28 Mar freebie

It doesn't feel more "natural" or "cleaner" at all to me, more like i'm using SN upside-down, it's irritating.

https://m.stacker.news/23604

new

https://m.stacker.news/23607

20 sats \ 2 replies \ @Natalia 28 Mar freebie

am I the only one prefer the old design? 👀

I like the direction of being cleaner, but then the space things are a bit off.

10 sats \ 1 reply \ @ek 28 Mar freebie

Which space things? 👀

20 sats \ 0 replies \ @k00b OP 28 Mar

pushing spacing updates now

36 sats \ 1 reply \ @ek 28 Mar

I think the amount of images is throwing off our logic when to show "show full text". This comment seems to be too long. 🤔

100 sats \ 0 replies \ @felipe 28 Mar

I just opened a new issue inspired by your that comment

https://github.com/stackernews/stacker.news/issues/986

32 sats \ 3 replies \ @0xbitcoiner 28 Mar

settings page

https://imgprxy.stacker.news/F3IdEgDXzCWMCXQom3MpKqvigwwbRe6xMC-SAfKuRpA/rs:fit:1920:1080/aHR0cHM6Ly9hLnN0YWNrZXIubmV3cy9tYXplLmdpZg

107 sats \ 2 replies \ @ek 28 Mar freebie

looking into it

100 sats \ 1 reply \ @0xbitcoiner 28 Mar

#484358 👀

138 sats \ 0 replies \ @ek 28 Mar freebie

ah lol, I was busy creating all these screenshots

226 sats \ 0 replies \ @TonyGiorgio 28 Mar

I put some comments here about the UI

#484343

126 sats \ 2 replies \ @Scoresby 28 Mar freebie

I am a fan of the new layout. But that may be just because used to the twitter layout with nav buttons on the bottom.

It's closer to my thumb and fingers. I like that I don't have to go to the top of the phone as much.

The long bar at the top for the territory name isn't beautiful. I'm not sure if it's just a color thing and you could use something else to signal to me that I can tap that field.

Or maybe I just want (illogically) to see the top recent hot line above the territory.

Something else that used to happen to me with some frequency was that after I had written a post, I would tap the yellow post button at the top of the page rather than the orange post button at the bottom of the text entry box. Now at least they are close to each other and so I'm less likely to tap the yellow one.

Either way, I'm definitely digging this change. Great job!

265 sats \ 1 reply \ @k00b OP 28 Mar

The long bar on the top is the next thing to change!

The whole reason for the navigation update is to change that part to something better (that needs more room).

121 sats \ 0 replies \ @Scoresby 28 Mar

Very exciting. Can't wait to see what you roll out!

42 sats \ 0 replies \ @Coinsreporter 28 Mar

Naah! Don't want to be rude here by the old layout was perfectly perfect for mobile.

Nobody likes a search bar on the bottom.
Nobody likes the notification button on the bottom
Nobody likes the 'post' button on the bottom.

I accept there may be a few people who would accept this change but sorry I said 'nobody' because we aren't used to this format on 99% of sites.

Just want to be a little more clear here, I won't get used to this, not in my lifetime.

0 sats \ 0 replies \ @WeAreAllSatoshi 29 Mar

Gah, the search syntax changed!

It used to be nym:WeAreAllSatoshi, now it's @WeAreAllSatoshi ?

Edit: Yep. Had to update my daily mining script. This is what we mean by "the API is not stable" kids.

0 sats \ 4 replies \ @030e0dca83 29 Mar

Can you bring back Bitcoin price to the top main page?

10 sats \ 3 replies \ @WeAreAllSatoshi 29 Mar

You can click on the carousel item to switch to other values, like the Bitcoin price

0 sats \ 2 replies \ @030e0dca83 29 Mar

This is how I see main page:

https://m.stacker.news/23850

This is how I see all other pages:

https://m.stacker.news/23851

I want to see Bitcoin price on the main page too

0 sats \ 1 reply \ @WeAreAllSatoshi 29 Mar

Ah now I see what you mean. Thank you for sharing the pics!

0 sats \ 0 replies \ @030e0dca83 29 Mar

No problem. Check the price was one of the reason to visit stackerNews

0 sats \ 1 reply \ @nout 28 Mar

The top of the page on mobile now feels lonely 🥺, but otherwise I like that it's much easier for me to reach the actions when holding the phone with a single hand. I haven't tested desktop yet.

0 sats \ 0 replies \ @k00b OP 28 Mar

The top of the page on mobile now feels lonely 🥺

I know. It's an intermediate design. I'm mostly trying to unblock new territory features even if it appears I'm asserting some aesthetic preference.

0 sats \ 0 replies \ @BlokchainB 28 Mar

Whoa cool release for mobile

0 sats \ 0 replies \ @craigonbitcoin 28 Mar

Really good redesign. Love the side navigation. Looks really sharp.

0 sats \ 0 replies \ @beorange 28 Mar

Discussion posts are now readable in a browser's Reader View that support it

This is the stuff! Thanks.

0 sats \ 0 replies \ @guts 28 Mar

I dig what you are trying with revamping the UX, I thumbs up having the navbar on the bottom.

0 sats \ 0 replies \ @0xIlmari 28 Mar

I know this new navigation is all the rage now, and looks dope, but I'm simultaneously annoyed about all the vertical screen real estate wasted on things I definitely not need to access at all times.

0 sats \ 0 replies \ @WeAreAllSatoshi 28 Mar

It’s cool that the carousel in the top is now visible on mobile. I was used to it on desktop but missed it on mobile.