search

fraction / oasis

Free, open-source, peer-to-peer social application that helps you follow friends and discover new ones on Secure Scuttlebutt (SSB).
http://oasis-demo.fraction.io
GNU Affero General Public License v3.0
287 stars 42 forks source link

Hierarchy in sidebar to handle many navigation items #170

Open cinnamon-bun opened 4 years ago

cinnamon-bun commented 4 years ago

Problem

The sidebar is getting long and overwhelming. And we're not done adding things to it yet :) Eventually we'll winnow out pages we don't use often, but until then it will be long.

Solution?

I added more things to the navbar in this mockup to simulate what it'll look as we keep adding things.

Group the navbar into sub-lists:

Screen Shot 2020-02-05 at 5 36 22 PM

On narrow screens, they would do this:

Screen Shot 2020-02-05 at 5 36 29 PM

Or if we had a navigation drawer hamburger menu on narrow screens, we could keep the first layout (the tall one).

christianbundy commented 4 years ago

+1 on the problem that the sidebar is super overwhelming. I've been thinking that we should just have a few pages with lots of filtering options (topic/comment/any, mutuals/following/extended/both, sort by latest/popular), but that might not be a good solution. Not sure what the right solution would be here. :man_shrugging:

georgeowell commented 4 years ago

I really like these mock-ups. I think the first layout is fine tbh. Obviously the smaller screen one would need some more thought.

I think it's just awesome that we have (or will sometime have) so many features. You see Twitter and Facebook keep trying to "Simplify" their interfaces and it rarely looks better. It just ends up looking like kids toy software.

You could always make them collapsible with little arrows as with content warning. For example, some people would rarely open "Etc" or even "Me" if they just read stuff on SSB.

cinnamon-bun commented 4 years ago

@christianbundy I like adding view options and having fewer views. Otherwise we'll end up with every possible combination as its own view.

This one thing could replace almost every other page:

Screen Shot 2020-02-06 at 1 42 48 PM

Maybe the sidebar would be a list of editable view presets. Oasis would ship with some defaults but you could edit/rename/delete them and add your own.

cinnamon-bun commented 4 years ago

It'll get more complicated if we have thread-centric views. Threads started by , threads including , threads mentioning ___, ...

georgeowell commented 4 years ago

This is do dope! :palm_tree: I wish I could code betterer[sic].

Also I believe you will find it is actually spelled "Neighbours" :rofl:

cinnamon-bun commented 4 years ago

@georgeowell we can make en-us and en-uk translations :)