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

💻 New design for all pages #5998

Open
Felienne opened this issue Dec 1, 2024 · 7 comments
Open

💻 New design for all pages #5998

Felienne opened this issue Dec 1, 2024 · 7 comments
Assignees
Labels
frontend Issue with the web interface strategy

Comments

@Felienne
Copy link
Member

Felienne commented Dec 1, 2024

There are a lot of issues with the teachers backend (f.e. #5168 @rix0rrr will make make a plan how to improve it.

@Felienne Felienne added the frontend Issue with the web interface label Dec 1, 2024
@rix0rrr
Copy link
Collaborator

rix0rrr commented Dec 4, 2024

Here is what I have so far, but work in progress still.

Hedy wireframes.pdf

@jpelay
Copy link
Member

jpelay commented Dec 6, 2024

Here is what I have so far, but work in progress still.

Hedy wireframes.pdf

Thanks a lot for the very detailed views and notes!

@rix0rrr
Copy link
Collaborator

rix0rrr commented Dec 9, 2024

Latest version: Hedy wireframes.pdf

Balsamiq source file for the above:
Hedy teachers backend.bmpr.zip (must be zipped because GitHub does not allow uploading .bmpr files directly)

@AnneliesVlaar
Copy link
Collaborator

Instead of only a page with slides let's create a whole preparations page with slides, answers, workbooks, common mistakes and more things that are now can be find in the teacher manual.

@Felienne
Copy link
Member Author

Thanks for the awesome setup @rix0rrr!!

@AnneliesVlaar will refine this design and sync with the dev team

@Felienne Felienne changed the title 💻 New teacher page design 💻 New design for all pages Dec 20, 2024
@AnneliesVlaar
Copy link
Collaborator

AnneliesVlaar commented Dec 20, 2024

Looking at the nice design of @rix0rrr got me thinking about the 4 main tiles we have. We already thought that slides should contain more than only slides. But it feels more compact to put my adventures and public adventures togethers.

Here is a slightly changed version
Hedy for teacher pages.pdf

@MarleenGilsing

  • do you think these 3 tiles make sense?
  • we should still think about the configure class and configure level design, see the comments in the pdf
  • what do you think about the teaching materials page?

source file:
Hedy teachers backend.bmpr.zip

@MarleenGilsing
Copy link
Collaborator

  • do you think these 3 tiles make sense?
    Yes! I like it this way!
  • we should still think about the configure class and configure level design, see the comments in the pdf
    image
    In the spirit of removing as much as we can: If we have a dropdown we don't need next and previous buttons, we could even make the title the dropdown?

image
Looks like clutter to me too. I think we can replace it with a locked or unlocked icon, because we do need to know if the students can access the level or not. Openingdates are probably unnessecary, unless Felienne thinks this is a neccesary feature.

image
Love the dragging feature! I do think that it is unclear now if the Introduction is going to show up in the adventures or not, since it is in line but also disabled. Can we make all the disabled adventures go in a collapsable bin in the bottom?
The two columns on the right seem like clutter to me.
I love the preview button, and its placement.

image
I'm a sucker for funny titles, so I love this.

  • what do you think about the teaching materials page?
    Nice and simple. I like it.
    I'm thinking we should add a 'lesbrief' to each level as well, or would that be weird in combination with the 'notes' on the slides?
    Should we also add the (revised!) teacher manual to this page?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
frontend Issue with the web interface strategy
Projects
Status: No status
Development

No branches or pull requests

5 participants