Fellowship milestone 3: higher abstraction and UX enhancement

[wliyongfeng]

We have delivered milestone 1 and milestone 2 in which we developed basic features to support fellowship membership, salary, sub-treasury and some data statistics. These features provide elements for fellowship members to interact with pallets on collectives chain, but they are not so user friendly to help members to do what they need smoothly. Some new interfaces should be designed while some others should be reorganized.

1. A dedicated domain https://fellowship.subsquare.io for less distraction. (❌, not so necessary based on my meeting with Basti and Anaelle).
2. Show what a member need to do on fellowship home page, including:
   • Salary related, like salary cycle registration, payment.
   • Voting related, like how many referenda I have to vote, how many I have voted.
   • Membership related, like demotion/promotion status, my evidence.
3. A dedicated member page. This page should includes what we have implemented on profile fellowship tab and other elements like vote record, dedicated rank alteration records. There should also be some UX improvements compared to what on profile fellowship tab.
4. Merge core page features into members page, so we will have a single entrance for membership management and less distraction.
5. Referenda enhancement:
   • Show the target member's demotion/promotion status on a membership related referendum.
   • Add a mark on an item to show who can vote it on the referenda list.
   • Add a mark to show whether a connected member have voted a referendum on the referenda list page.
   • Maybe more filters, like membership related, treasury related.
6. Feeds enhancement(previously membership feeds and salary feeds are divided):
   • Recent activities should be shown on fellowship home page and there should be a link to a dedicated activity feeds page.
   • A dedicated feeds page. Feeds can be classified as all, membership, salary and we can filter them by a specific activity and related member address.
7. Fellowship page vs collectives home page. There should be a fellowship page with route https://collectives.subsquare.io/fellowship which is currently showing referenda. Fellowship home page should show status of whole fellowship status(member/treasury/salary), connected user todos, new member applications, recent activities. Collectives home page show a subset of fellowship home page, and redirect users to the fellowship home page.

[anaelleltd]

Hi there!
I worked on some sample Fellowship UI wireframes to showcase how a Single Page App can cover all the basic requirements mandated by the Fellowship UX Guidelines while streamlining the UX and UI (i.e reduce the number of clicks to transaction, tighten content architecture, display custom views, support custom notifications, etc.).
You can find them on these slides: https://docs.google.com/presentation/d/1Y4gXSpb1cOkToT92phCpc0IUgb3u9AZ4qv4w-L_jFy4/edit?usp=sharing

I have also included some notes to explain important workflows that would need to be supported by the middleware/API.
Thanks.

[anaelleltd]

18.12.2024 Meeting notes:

Logged-in members should see:

1. Referenda that are up for vote

• Filtering out proposals on which they have already voted
• With batch voting enabled (optional)

2. Members that have submitted evidence on-chain

• With a feature for opening a retention/promotion proposal & vote in one click

3. Salary cycles that are ongoing

• With a feature for registering/claiming whenever needed
• Hiding out the entire view when there is no action needed

4. Big warnings regarding demotion, salary registration, and claiming periods

• The actual amount of time left to take action

Generally, it would be better if:

• The UI navigation isn’t structured based on pallets (Core, Members, Core, Salary, etc.)
• The UI navigation does not display referenda classes ([Retain at Rank 1], [Fellows], etc.)
• All statistics (Salary amounts, Membership data, etc.) are kept in one separate subpage
• The subscription feature is made more visible at the top of the page
• The subscription feature gives the option to subscribe via mail/calendar/TG/etc.

[wliyongfeng]

Sub issues:

• [Fellowship] Disable the corresponding approve/promote button when there is a referendum #5260
• [Fellowship] Improve fellowship core warnings and filter style #5279
• [Fellowship] Disable the rank input when approving or promoting a member #5270
• [Fellowship] Display a snapshot of eligible voters on the referendum detail #5236
• Create an interface for people to show their interests to join the fellowship #5206