Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Improve current profile page #59

Open
Grizzly127 opened this issue Dec 12, 2024 · 2 comments
Open

Improve current profile page #59

Grizzly127 opened this issue Dec 12, 2024 · 2 comments

Comments

@Grizzly127
Copy link
Contributor

improve the current profile page to introduce more features

Add selection option for the current profile page
Here the first quick ideas for improving the current profile page. (I made it in goodnotes, that’s why there is this notebook page first, I didn’t know how to delete it) on the first two pages the user sees his own profile. We want to add a select objects button here and replace Groups with Collaborations/Projects.
Once the user clicks ob select objects, the objects get tickboxes. He can choose objects individually or click “select all” on top. While selecting the three dots appear, this is where the manage options to delete, publish or add to collection appear.
The third page is the page, how a user could see the profile of another user or an institution. The profile name is the title, then we can add some information, then the public objects of this person are listet, then the collections (I thought maybe collections before Collaborations could make sense, to have objects and collections closer together. If it makes sense, we change it at the sites before as well).
And as a last point there are Collaborations of the user. I put the kompakkt sign in front to make it clearer that it is another profile where you can go to. I’ll mock it up as an institutional profile as well.

Bildschirmfoto 2024-12-11 um 15 20 25 Bildschirmfoto 2024-12-11 um 15 20 32 Bildschirmfoto 2024-12-11 um 15 25 27

profile page as an institutional page
okay, so for institutions it’s the same. There is the name of the institution. Which information do we want to have to them in the second section?
Then their objects and collections and then the Collaborators of this institution/project.
Bildschirmfoto 2024-12-12 um 10 26 31

@ZetOE @lozanaross

@Grizzly127
Copy link
Contributor Author

Grizzly127 commented Feb 11, 2025

Google material inspiration

Using google as an inspiration, they didn't use the boxes to mark an object, but the usual keyboard functions: you can select an object by clicking on it and by holding the select or command key you can choose more than one object.
With the three dots next to the object you can see the options menu.

On top the user can see how many objects are selected. There are also the three dots with the options menu, but the options that can't be assigned to multiple objects are greyed out.
And some are not shown here, why are some options greyed out and some are not shown here? Where is the difference?

example here in the Material library: https://m3.material.io/components/menus/overview
or look at the app menu bar, similar to options when the user selected some objets: https://m3.material.io/components/bottom-app-bar/overview
Selection material: https://m3.material.io/foundations/interaction/selection

@Grizzly127
Copy link
Contributor Author

I adapted the google drive functionality to kompakkt:

Clicking at the three dots for an object, you get the options menu here
Image

When more objects are selected, they are marked in blue and on top the options bar appears. Either only with three dots and there are options for multiple objects or some options are already displayed with icons like in google drive:

Image Image

@ZetOE @lozanaross

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant