play-haskell icon indicating copy to clipboard operation
play-haskell copied to clipboard

Add welcome screen

Open Bodigrim opened this issue 1 year ago • 9 comments

Feature request

Currently if an uninitiated user hits https://play.haskell.org there is no introduction / welcome screen, just a sheer wall of code. This could be frightening for newcomers. Could it be possible to detect if it's a first visit to the domain and display a modal window, describing purpose / capabilities of the site and where to go next?

Bodigrim avatar Oct 05 '24 09:10 Bodigrim

That's possible. Neither the Rust playground nor the Go playground seem to have this -- at least, not when I visit them in incognito mode.

There is already a Help button in the top-left of the screen; infelicities of that thing are 1. the placement of the modal is not ideal on mobile or small screens, either <dialog> is uncooperative or my CSS skills are not strong enough; 2. there is no introductory sentence at the top of the modal; 3. the Help button is not immediately visible on mobile, you have to scroll the top toolbar to bring it in view.

Could we repurpose the Help screen for this? What text / design did you have in mind?

tomsmeding avatar Oct 05 '24 09:10 tomsmeding

Yes, if we can make Help screen to pop up at first visit, it would be great.

A few introductory sentences; what this playground is capable of / suitable for, and what it's not sufficient for; where to go next if you need more (basically a link to ghcup).

Bodigrim avatar Oct 05 '24 09:10 Bodigrim

What is the sanctioned place to send people? This page?

tomsmeding avatar Oct 05 '24 09:10 tomsmeding

If you are past Playground capabilities you are already capable of "Running your first lines of code" and "Writing your first Haskell program", so I'd send users straight up to https://www.haskell.org/ghcup/#.

(I think it's rather https://www.haskell.org/get-started/ should send people to Playground first instead of suggesting to install local development environment)

Bodigrim avatar Oct 05 '24 09:10 Bodigrim

I'm not sure I am a fan of popups when I visit websites.

I think a help button should be enough.

hasufell avatar Oct 05 '24 09:10 hasufell

I'm not sure I am a fan of popups when I visit websites.

Agreed.

I think a help button should be enough.

What do you think of the placement of the button currently? It's reachable and visible on desktop, but takes scrolling the toolbar on mobile or small screens. (And also I need to fix the popup on mobile anyway...)

tomsmeding avatar Oct 05 '24 09:10 tomsmeding

I'm not sure I am a fan of popups when I visit websites.

Agreed.

I think a help button should be enough.

What do you think of the placement of the button currently? It's reachable and visible on desktop, but takes scrolling the toolbar on mobile or small screens. (And also I need to fix the popup on mobile anyway...)

Screenshot_20241005_175934_edit_177851854403068.jpg

Maybe a question mark symbol there?

Alternatively a small question mark symbol directly on the haskell icon. Like notification style. It would vanish if you're not a new time visitor and the original help text button would persist.

hasufell avatar Oct 05 '24 10:10 hasufell

Where is the "there" you mean?

tomsmeding avatar Oct 05 '24 10:10 tomsmeding

Where is the "there" you mean?

I reuploaded the picture

hasufell avatar Oct 05 '24 10:10 hasufell