terwerinc / siyuan-plugin-share-pro

share your notes from siyuan-note with one click 一键分享你的思源笔记
https://siyuan.wiki
GNU General Public License v3.0
5 stars 0 forks source link

Enhance Share Plugin UI/UX with Improved Sharing Controls and Visual Indicators #107

Open UsmanTechJive opened 2 weeks ago

UsmanTechJive commented 2 weeks ago

Could you please improve the UI/UX experience of share plugin? I’d really appreciate it.

For reference, please take a look at the Notion and Capacities sharing feature. In Capacities, the user-friendly UI/UX includes a switch to enable or disable sharing and an option to copy a secret shared link. I believe this setup is effective, but it can be further refined. I'm looking for an even better user experience in SiYuan.

I personally prefer the UI/UX for sharing in Notion; it looks more polished to me.

image

This is how the UI/UX in Capacities looks:

image

image

Once content is shared in Capacities, a beautiful shared indicator appears in the breadcrumb area. I would love to see a similar feature in SiYuan, so we can easily identify which documents have been shared and which have not. Although we already have document management, having this type of shared indicator would be a valuable addition.

Light Mode: 382773764-a7d249d9-91e4-4ef5-9c03-19dca24c1ff2

Dark Mode: image

Here I want to see: image

And once the user clicks on the 'Shared' button here, it should display a menu, allowing the user to quickly disable sharing using switch.

terwer commented 2 weeks ago

Thank you, I planned this and add this a high level. Below is my new desgin idea,I have no UI desginer, so as a pure developer,I should desgin UI as simple as possiable and focus on the functional, which is better, vertical or horizontal?

image

PS:New UI/UX is developing now, will change at any time... If you have any other idea, just reply.

UsmanTechJive commented 2 weeks ago

Thank you, I planned this and add this a high level. Below is my new desgin idea,I have no UI desginer, so as a pure developer,I should desgin UI as simple as possiable and focus on the functional, which is better, vertical or horizontal?

image

PS:New UI/UX is developing now, will change at any time... If you have any other idea, just reply.

I think a vertical layout is better for scalability right now. I'll see how we can further improve the UI/UX later, but for now, you're heading in the right direction.

Priya-V0 commented 4 days ago

Could you please improve the UI/UX experience of share plugin? I’d really appreciate it.

For reference, please take a look at the Notion and Capacities sharing feature. In Capacities, the user-friendly UI/UX includes a switch to enable or disable sharing and an option to copy a secret shared link. I believe this setup is effective, but it can be further refined. I'm looking for an even better user experience in SiYuan.

I personally prefer the UI/UX for sharing in Notion; it looks more polished to me.

image

This is how the UI/UX in Capacities looks:

image

image

Once content is shared in Capacities, a beautiful shared indicator appears in the breadcrumb area. I would love to see a similar feature in SiYuan, so we can easily identify which documents have been shared and which have not. Although we already have document management, having this type of shared indicator would be a valuable addition.

Light Mode: 382773764-a7d249d9-91e4-4ef5-9c03-19dca24c1ff2

Dark Mode: image

Here I want to see: image

And once the user clicks on the 'Shared' button here, it should display a menu, allowing the user to quickly disable sharing using switch.

+1

terwer commented 3 days ago

I am working on it, wait for a few days.