Unify welcome and example page #4961
Assignees
Labels
enhancement
New feature or request
examples
Issues relating to the Rerun examples
ui
concerns graphical user interface
Milestone
Comments
nikolausWest
added
enhancement
5 tasks
jprochazk
added a commit
that referenced
this issue
Feb 29, 2024
### What - Part of #4961 - Closes #3244 Changes: - Updated design of thumbnails on example page to match https://rerun.io/examples - Updated some spacing on welcome screen to better match design from #3244 - Remove loading spinners on example page thumbnails - Remove tabs on welcome screen + remove the examples welcome screen card + the whole mechanism of switching between the welcome screen and example page - Move example page contents below welcome screen - If example page is not visible, indicate their presence with a floating `See examples` button, which may be clicked to scroll the examples page into view I have not done anything to change the loading behavior, or added any extra effects as the example page loads in. There are also a few things in #4961 not done in this PR, such as updating the copy or merging the quick start examples.  ### Checklist * [x] I have read and agree to [Contributor Guide](https://github.com/rerun-io/rerun/blob/main/CONTRIBUTING.md) and the [Code of Conduct](https://github.com/rerun-io/rerun/blob/main/CODE_OF_CONDUCT.md) * [x] I've included a screenshot or gif (if applicable) * [x] I have tested the web demo (if applicable): * Using newly built examples: [app.rerun.io](https://app.rerun.io/pr/5329/index.html) * Using examples from latest `main` build: [app.rerun.io](https://app.rerun.io/pr/5329/index.html?manifest_url=https://app.rerun.io/version/main/examples_manifest.json) * Using full set of examples from `nightly` build: [app.rerun.io](https://app.rerun.io/pr/5329/index.html?manifest_url=https://app.rerun.io/version/nightly/examples_manifest.json) * [x] The PR title and labels are set such as to maximize their usefulness for the next release's CHANGELOG * [x] If applicable, add a new check to the [release checklist](https://github.com/rerun-io/rerun/blob/main/tests/python/release_checklist)! - [PR Build Summary](https://build.rerun.io/pr/5329) - [Docs preview](https://rerun.io/preview/b23e7aa1a53bc82682b6327c95b56fd600c09a99/docs) <!--DOCS-PREVIEW--> - [Examples preview](https://rerun.io/preview/b23e7aa1a53bc82682b6327c95b56fd600c09a99/examples) <!--EXAMPLES-PREVIEW--> - [Recent benchmark results](https://build.rerun.io/graphs/crates.html) - [Wasm size tracking](https://build.rerun.io/graphs/sizes.html)
jprochazk
added a commit
that referenced
this issue
Mar 4, 2024
### What - Part of #4961 ### Checklist * [x] I have read and agree to [Contributor Guide](https://github.com/rerun-io/rerun/blob/main/CONTRIBUTING.md) and the [Code of Conduct](https://github.com/rerun-io/rerun/blob/main/CODE_OF_CONDUCT.md) * [x] I've included a screenshot or gif (if applicable) * [x] I have tested the web demo (if applicable): * Using newly built examples: [app.rerun.io](https://app.rerun.io/pr/5378/index.html) * Using examples from latest `main` build: [app.rerun.io](https://app.rerun.io/pr/5378/index.html?manifest_url=https://app.rerun.io/version/main/examples_manifest.json) * Using full set of examples from `nightly` build: [app.rerun.io](https://app.rerun.io/pr/5378/index.html?manifest_url=https://app.rerun.io/version/nightly/examples_manifest.json) * [x] The PR title and labels are set such as to maximize their usefulness for the next release's CHANGELOG * [x] If applicable, add a new check to the [release checklist](https://github.com/rerun-io/rerun/blob/main/tests/python/release_checklist)! - [PR Build Summary](https://build.rerun.io/pr/5378) - [Docs preview](https://rerun.io/preview/c6eb949b3529c134d9b4c343a5afa841db3083d3/docs) <!--DOCS-PREVIEW--> - [Examples preview](https://rerun.io/preview/c6eb949b3529c134d9b4c343a5afa841db3083d3/examples) <!--EXAMPLES-PREVIEW--> - [Recent benchmark results](https://build.rerun.io/graphs/crates.html) - [Wasm size tracking](https://build.rerun.io/graphs/sizes.html)
5 tasks
jprochazk
added a commit
that referenced
this issue
Mar 5, 2024
### What - Closes #4961 ### Checklist * [x] I have read and agree to [Contributor Guide](https://github.com/rerun-io/rerun/blob/main/CONTRIBUTING.md) and the [Code of Conduct](https://github.com/rerun-io/rerun/blob/main/CODE_OF_CONDUCT.md) * [x] I've included a screenshot or gif (if applicable) * [x] I have tested the web demo (if applicable): * Using newly built examples: [app.rerun.io](https://app.rerun.io/pr/5394/index.html) * Using examples from latest `main` build: [app.rerun.io](https://app.rerun.io/pr/5394/index.html?manifest_url=https://app.rerun.io/version/main/examples_manifest.json) * Using full set of examples from `nightly` build: [app.rerun.io](https://app.rerun.io/pr/5394/index.html?manifest_url=https://app.rerun.io/version/nightly/examples_manifest.json) * [x] The PR title and labels are set such as to maximize their usefulness for the next release's CHANGELOG * [x] If applicable, add a new check to the [release checklist](https://github.com/rerun-io/rerun/blob/main/tests/python/release_checklist)! - [PR Build Summary](https://build.rerun.io/pr/5394) - [Docs preview](https://rerun.io/preview/3231306a2d157645aad657bd8cbeeb1141682a69/docs) <!--DOCS-PREVIEW--> - [Examples preview](https://rerun.io/preview/3231306a2d157645aad657bd8cbeeb1141682a69/examples) <!--EXAMPLES-PREVIEW--> - [Recent benchmark results](https://build.rerun.io/graphs/crates.html) - [Wasm size tracking](https://build.rerun.io/graphs/sizes.html)
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Problem: Too hard to get to examples
When people open the Rerun viewer for the first time, we want them to both get an overview of what Rerun is ("connect to live data", "load recorded data, build your views") and browse examples to make it more concrete. Currently about 50% of people that land on app.rerun.io never open an example, which is likely due to the extra click required (on one of two small buttons). This suspicion is confirmed by watching some users navigate app.arerun.io for the first time.
Solution: Put examples and welcome on the same page
New welcome page:
Updated design of the example thumbnails similar to https://www.rerun.io/examples
Single button (
SDK quick start) under "Connect to live data"[ ] Should open a recording with the three language quick start markdown documents as tabs.Log quick start guides as tabs #5380Rerun should open instantly -> must handle the state where we haven't yet loaded the example manifest without lagging or jumping around when it does arrive
[ ] @nikolausWest: Update copy for each welcome section panelUpdate copy in welcome section #5381Make sure to indicate that there are examples below when they aren't visible:
The text was updated successfully, but these errors were encountered: