Research add new Cards menu

a24vinla commented

2026-04-09 11:48:56 +00:00

Collaborator

We want to be able to add new cards through a menu where all available views are visible. It would be useful to research how to structure this menu, models and screenshots specifically. Feel free to experiment!

a24vinla added the

frontEnd

research

labels

2026-04-09 11:48:56 +00:00

a24vinla commented

2026-04-09 12:03:23 +00:00

Author

Collaborator

Something along these lines:

Something along these lines: ![image](/attachments/e50b3c1f-4e58-40eb-bd87-cd4c8baf7eaf)

image.png

20 KiB

a24danwe was assigned by c24elipe

2026-04-09 12:56:13 +00:00

a24vinla commented

2026-04-09 13:00:28 +00:00

Author

Collaborator

No need to add any actual functionality.

a24danwe commented

2026-04-10 13:50:31 +00:00

Collaborator

Model 1

Cards are grouped and are in a closed state to begin with. Click on a group to see cards under that group.

Model 1 Cards are grouped and are in a closed state to begin with. Click on a group to see cards under that group.

image.png

83 KiB

a24danwe commented

2026-04-10 14:19:49 +00:00

Collaborator

Model 1

Cards are grouped and are in a closed state to begin with. If you click on a group the cards under that group will appear and you can choose the card you want.

Model 1 Cards are grouped and are in a closed state to begin with. If you click on a group the cards under that group will appear and you can choose the card you want.

image.png

90 KiB

a24danwe commented

2026-04-10 14:50:38 +00:00

Collaborator

Model 2

Cards are graphical and use icons to represent each option, making it easier for users to quickly recognize and select a card

Model 2 Cards are graphical and use icons to represent each option, making it easier for users to quickly recognize and select a card

image.png

138 KiB

a24danwe commented

2026-04-13 09:03:00 +00:00

Collaborator

Model 3

Combination of Model 1 and Model 2. Groups are shown vertical and can be expanded.

Model 3 Combination of Model 1 and Model 2. Groups are shown vertical and can be expanded.

image.png

154 KiB

a24danwe commented

2026-04-13 09:22:48 +00:00

Collaborator

Model 3

Combination of Model 1 and Model 2. Groups are shown horizontal and can be expanded.

Model 3 Combination of Model 1 and Model 2. Groups are shown horizontal and can be expanded.

image.png

88 KiB

a24danwe added the

needs review

label

2026-04-13 09:56:17 +00:00

c22abdal was assigned by c24elipe

2026-04-14 10:03:03 +00:00

c22abdal commented

2026-04-14 10:18:14 +00:00

Collaborator

All the models look lovely and well-modeled!
In my personal and uneducated opinion, I am leaning more toward Model 2, which has icons that represent the cards more easily.
I also find Model 3, with horizontal grouping, fitting well in our case. However, it needs to be consistent with the icons. So also adding icons to the expandable cards would make more sense and grab the user's attention easier.

On another note, Model 2 feels cohesive with the StudentPortal for our school, making it feel familiar.

All the models look lovely and well-modeled! In my personal and uneducated opinion, I am leaning more toward **Model 2**, which has icons that represent the cards more easily. I also find **Model 3**, with horizontal grouping, fitting well in our case. However, it needs to be consistent with the icons. So also adding icons to the expandable cards would make more sense and grab the user's attention easier. On another note, **Model 2** feels cohesive with the **StudentPortal** for our school, making it feel familiar.

c22abdal added

reviewed

and removed

needs review

labels

2026-04-14 10:18:28 +00:00

a24vinla referenced this issue

2026-04-16 07:18:51 +00:00

New solution for adding cards #333