stakwork / sphinx-mac

Sphinx app for mac desktop
MIT License
4 stars 16 forks source link

Sphinx Desktop - Basic Navigation Concepts #363

Open Antanasijevic opened 2 months ago

Antanasijevic commented 2 months ago

Basic Elements

Basic organization of the desktop app would be something like this.

A - Main panel on the left, with navigation and main pages. This panel is always present on screen. In future, we can modify main panel as long as we keep main options on the left side.

B - Content panel on the right, shows whatever is selected in the main panel. This area is mostly for the chat, but we may have pages with different layout, like feed or similar.

C- Additional panel on the right side, used for managing content in panel B (Details, editing, Playlist, etc).

This is most conventional plan, i believe will work best for us too.

Image

Main Menu

I suggested grouping all main actions in a main menu drop down, in a way that i similar to mobile version. So far, all of the options from main menu will open as a pop up or possibly full screen overlay.

https://github.com/stakwork/sphinx-mac/assets/13258550/603402b7-c901-4485-b131-d940706a0dba

Mini Player

One feature we are currently missing on desktop is ability to control audio/video that plays in the background. In current version, user can start an episode, but in order to stop it, he needs to go back and find that tribe first.

Miniplayer placed on the bottom of main panel seems most suitable because it does not interfere with any content on the right side.

For version 1 I suggest we add a mini player, that will be present at all times in the main navigation, so user can easily access it. That way, user can listen to a podcast A while chatting in a tribe of a podcast B. User can quickly pause or cancel audio/video without leaving the window, or click on title to open the tribe.

Image

Feed

Our old concepts have feed placed as a tab next to “Friends” and “Tribes”, same as we do in mobile app. Is this still valid or do you have something different in mind?

Feed can have all subscriptions listed in main panel, similar to contacts, while offering different content in the right panel.

Image

Showing a podcast without a tribe

Once we include Feed on the desktop version, we will need a way to show details of a podcast without tribe. Beside playlist, it may contain podcast description and similar info.

This page will be needed in two situations:

I believe we can make a layout that will fit both scenarios, (a overlay screen, a pop up or similar), as long as we have mini player positioned in bottom left.