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

Unify welcome and example page #4961

Closed
5 tasks done
nikolausWest opened this issue Jan 30, 2024 · 2 comments · Fixed by #5394
Closed
5 tasks done

Unify welcome and example page #4961

nikolausWest opened this issue Jan 30, 2024 · 2 comments · Fixed by #5394
Assignees
Labels
enhancement New feature or request examples Issues relating to the Rerun examples ui concerns graphical user interface
Milestone

Comments

@nikolausWest
Copy link
Member

nikolausWest commented Jan 30, 2024

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:
Frame 43

  • Updated design of the example thumbnails similar to https://www.rerun.io/examples

  • Single button (SDK quick start) under "Connect to live data"

  • Rerun 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 panel Update copy in welcome section #5381

  • Make sure to indicate that there are examples below when they aren't visible:
    collapsed

@nikolausWest nikolausWest added enhancement New feature or request ui concerns graphical user interface examples Issues relating to the Rerun examples labels Jan 30, 2024
@nikolausWest nikolausWest added this to the Triage milestone Jan 30, 2024
@abey79
Copy link
Member

abey79 commented Feb 26, 2024

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.


![image](https://github.com/rerun-io/rerun/assets/1665677/173cbfd6-4f5d-43d8-8b91-e01aa0519376)

### 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 jprochazk removed their assignment Mar 1, 2024
@jprochazk jprochazk mentioned this issue Mar 4, 2024
5 tasks
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)
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
Labels
enhancement New feature or request examples Issues relating to the Rerun examples ui concerns graphical user interface
Projects
None yet
Development

Successfully merging a pull request may close this issue.

3 participants