add screencasts. - Githubissues

nisarhassan12 commented 3 years ago

This is how it looks so far:

chrifro commented 3 years ago

Thanks for the superfast implementation @nisarhassan12

Question:

Why did you decide to use the loom player instead of embedding the YouTube video? If we use the embedded YouTube video, the user might follow us on YouTube and discovers other videos about Gitpod or get notifications once we publish new videos. Currently, there is also a short preview of a dog before the player is loaded ❓
How can the user access the page? We definitely need to add it to the footer.

Suggestions:

I personally favor to have the time written in minutes as soon it extends 60secs. I find it more explicit and time-saving
we should link the content well through the website. It would be helpful to add a link to some features. For the documentation it might be best to embed the related screencast directly. (That can be done in a separate PR)
please align the "next up" video in the center of the screen
there can be a bit more spacing between the player and the font. For example here

/cc @jankeromnes

chrifro commented 3 years ago

Here is the summary from the Slack discussion:

[x] let's embed the YouTube videos (when uploading them to YouTube, we'll make sure to disable video recommendations to eliminate distracting noise)
[x] please add the link to the screencasts to the footer under "developer". After this PR is merged, we'll open another PR to add the screencasts to the navigation bar. @gtsiolis will suggest a layout for that

JohannesLandgraf commented 3 years ago

Also agree with @ChristinFrohne to add this to the footer under the Developer section.

As long we are not really educating users within the product we should make it as easy as possible to consume content that helps them to understand what Gitpod is about. Hence screencasts should be more prominently surfaced on the website (and also added/linked in the documentation).

Wdyt about implementing the centralized top-line navigation for now (similar to https://buildkite.com/) you had already some designs for @gtsiolis? We should also not overcomplicate things and could stay quite close to the Buildklite navigation bar

Left-side links: Features, Screencasts, Docs Right-side: Community, Pricing, Install

jankeromnes commented 3 years ago

As long we are not really educating users within the product we should make it as easy as possible to consume content that helps them to understand what Gitpod is about. Hence screencasts should be more prominently surfaced on the website (and also added/linked in the documentation).

100% agree! ☝️

For now I've added a link in the footer, but let's also add a prominent link in the top menu bar right after this PR is merged (as suggested by @ChristinFrohne in https://github.com/gitpod-io/website/pull/958#issuecomment-765245442).

jankeromnes commented 3 years ago

I think this PR should be ready-to-go now. Just waiting on Netlify to wake up and do the thing.

gtsiolis commented 3 years ago

Hence screencasts should be more prominently surfaced ...

@JohannesLandgraf Agree! Adding the item on the footer was only suggested as a complementary change.

jankeromnes commented 3 years ago

I'll go ahead and merge this. Next let's add a prominent Screencasts link at the top of the website.

(Also, I've noticed a small problem with spacing around the video, that fixes itself after a refresh -- hopefully that's just a caching bug, but if not we may want to fix it before making the page more prominent.)

gitpod-io / retired-gatsby-website

add screencasts. #958