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

[UI idea] Replace "try it" button on the front-page #4655

Closed
Felienne opened this issue Oct 20, 2023 · 20 comments · Fixed by #5200
Closed

[UI idea] Replace "try it" button on the front-page #4655

Felienne opened this issue Oct 20, 2023 · 20 comments · Fixed by #5200
Assignees
Labels
good first issue Good for newcomers

Comments

@Felienne
Copy link
Member

Felienne commented Oct 20, 2023

The front-page now has a "try out" button, but that leads right to the programming interface. It is a bit of very old legacy, when we thought we were designing a tool for kids. Since we are now clearly designing a tool for teachers, this button is not productive anymore. I'd like the front page to have two buttons, a bit like the sign-up page has also (not this layout, but this choice):

image

So maybe a "start programming" and "start teaching" button? Start programming than works as it does now, and start teaching will lead to hedy.org/start (which is now still a bit messy but Sabina is working on that)

@musakurel
Copy link

I'd like to work on this!

@hasan-sh
Copy link
Collaborator

I'd like to work on this!

Great @musakurel, if anything is unclear, don't hesitate to ask here or preferably on discord ;)

@Annelein
Copy link
Collaborator

@musakurel are you still working on this? Otherwise I can pick it up!

@Annelein Annelein self-assigned this Jan 23, 2024
@Annelein
Copy link
Collaborator

@gisellandrade did you have time yet to look into this?

@gisellandrade
Copy link
Collaborator

yes, I can make a quick check on this one and have a proposal for today's meeting, is that fine? @Annelein

@Annelein
Copy link
Collaborator

yes perfect! @gisellandrade

@gisellandrade
Copy link
Collaborator

This are some proposal for the login page. I've donde two. One that has small changes for changes in the login (texts and some different buttons and layouts) and the other one that is a little bit different. Let me know your comments about this.

Pantallas de login
Pantallas de login II

Pantallas de login III

@Annelein Annelein moved this to ToBeDiscussed in Hedy organization board Feb 27, 2024
@Felienne Felienne changed the title [UI idea] Update front-page [UI idea] Replace "try it" button on the front-page Feb 27, 2024
@Annelein
Copy link
Collaborator

@gisellandrade I think you were mistaken by the screenshot that Felienne added in the description. But this issue is about the 'Try it' button on the Front Page, if you read the issue description, Felienne explains it there.

Your 3rd design is a bit more what we're looking for, with the Hedy logo. But it would be nice if it looks a bit more like the Front Page looks now, just add the new buttons that replace the 'Try it' button.

Could you change the design accordingly?
Pin me on Discord if you need further explanation

@gisellandrade
Copy link
Collaborator

This are new proposals for the try it button on the front-page. The texts are optional, you can change it if you want to

image
image

@Annelein
Copy link
Collaborator

I would prefer the first one, what about you? @Felienne @jpelay @hasan-sh ?

@Felienne
Copy link
Member Author

I would prefer the first one, what about you? @Felienne @jpelay @hasan-sh ?

Me too, I think it looks really nice!

@hasan-sh
Copy link
Collaborator

I would prefer the first one, what about you? @Felienne @jpelay @hasan-sh ?

Me too, I think it looks really nice!

Me too!

@jpelay
Copy link
Member

jpelay commented Feb 29, 2024

This are new proposals for the try it button on the front-page. The texts are optional, you can change it if you want to

image image

I prefer the first one as well!!!

@Annelein
Copy link
Collaborator

Sweet! I can start implementing it along with #5183. Anyone that wants to help me out with creating a "teacher mode" account?

@Felienne
Copy link
Member Author

Felienne commented Mar 1, 2024

Sweet! I can start implementing it along with #5183.

Great!

Anyone that wants to help me out with creating a "teacher mode" account?

What help do you need? This is the link the teacher button should go to: https://hedy.org/signup?teacher=true Does that help?

@Annelein
Copy link
Collaborator

Annelein commented Mar 1, 2024

@Felienne as I said, I can implement it along with #5183, so also implement having a "teacher mode" where teachers can try out teaching before having to sign up. Or did I get that issue wrong?

@Felienne
Copy link
Member Author

Felienne commented Mar 1, 2024

@Felienne as I said, I can implement it along with #5183, so also implement having a "teacher mode" where teachers can try out teaching before having to sign up. Or did I get that issue wrong?

Ah I see!

What I think we want, roughly is:

  • A red bar like the one we have in preview mode indicating people are in a test environment
  • A fake database with a few students, adventures, and a few runs for the dashboard, and a teacher account let's call that TestTeacher

When the teacher clicks the try button, they are referred to this page and "logged in" as TestTeacher.

How to exactly fake the database and delete the info on closing the browser, that is a question for @hasan-sh or @jpelay!

@Annelein
Copy link
Collaborator

Annelein commented Mar 1, 2024

Yes all of that @hasan-sh wrote in #5183 , so @hasan-sh @jpelay if one of you wants to (help) work on it, let me know!

@Felienne
Copy link
Member Author

Felienne commented Mar 1, 2024

Yes all of that @hasan-sh wrote in #5183 , so @hasan-sh @jpelay if one of you wants to (help) work on it, let me know!

Ok, I will let the three of you figure this out together!

@hasan-sh
Copy link
Collaborator

hasan-sh commented Mar 5, 2024

Yes all of that @hasan-sh wrote in #5183 , so @hasan-sh @jpelay if one of you wants to (help) work on it, let me know!

I think the best way forward is divide-and-conquer. If you put the front-end together, I I'd be happy to make the test account possible.

@mergify mergify bot closed this as completed in #5200 Mar 9, 2024
mergify bot pushed a commit that referenced this issue Mar 9, 2024
Fixes #4655 
Depends-On: #5156

<img width="1440" alt="Screenshot 2024-03-01 at 11 31 37" src="https://github.com/hedyorg/hedy/assets/48122190/8f04d20b-5095-4a93-a9a3-89628158a15c">

Start teaching goes to:
- if not logged in: `signup?teacher=true`
- if logged in as teacher: `for-teachers`
- if logged in as student: `my-profile`

In the future, we want it to be linked to #5183
@Felienne Felienne moved this from ToBeDiscussed to Done in Hedy organization board Mar 12, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
good first issue Good for newcomers
Projects
None yet
Development

Successfully merging a pull request may close this issue.

6 participants