In T222852, we designed GuidedTours to help users discover their homepage. GuidedTours don't work for users that don't use Javascript, so this task is about how to help no-Javascript users discover their homepage.
Below are @Cntlsn's comments on this.
About the treatment for no-Js users, I was planning to show them banners in the sitenotice area (and a modal for when they go back to editing context), but I did some research and apparently none of those are supported in no-Js wiki.
So my idea would be to rely on echo notifications in this scenario. Whatever the context of origin and the destination, I would suggest to slightly change the current "welcome" echo notification to say:
- Header: "Welcome to Wikipedia, [username]! We're glad you're here."
- Body: "Looking for a way to get started? Click on your username to visit your homepage."
Here is a mockup of how it would look like on the no-Js notifications page
Potentially we could actually change this notification also for the Js-enabled users.
Happy to hear your thoughts about it!
And in case I'm missing something about the no-Js possibilities I'll be happy to review my proposal.
Specifications:
- All banners will feature
- Home illustration to make the banner visually attractive, while reinforcing the main content == the homepage discovery
An "X" icon in the top right corner of the banner to dismiss it.Color would be colorGray7 (or #72777d)
- Banners will have a border: 3px solid #EAF3FF
- Banners will have border-radius: 4px
- Scenario A: After account creation, user chooses to go to Homepage
- Banner header text: "Welcome to your homepage!"
- Color would be colorGray2 (or #222222)
- Banner text: "You can always click [avatar + username] at the top of the page to return here."
- [username] will be preceded by the user avatar icon (in-line), and should never be hyphenated.
- Color would be colorGray7 (or #72777d)
- [username] will be preceded by the user avatar icon (in-line), and should never be hyphenated.
- Banner header text: "Welcome to your homepage!"
- Scenario B: After account creation, user chooses to go back to original context, or user abandons the survey
- Banner header text: "Thanks for creating your account!"
- Color would be colorGray2 (or #222222)
- Banner text: "Click [avatar and username] at the top of the page to visit your homepage and get started."
- [username] will be preceded by the user avatar icon (in-line), and should never be hyphenated.
- Color would be colorGray7 (or #72777d)
- [username] will be preceded by the user avatar icon (in-line), and should never be hyphenated.
- Banner header text: "Thanks for creating your account!"
Here is the svg file of the Home illustration:
Mockups are up-to-date on Zeplin for more specific alignment details.