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

Suggestion: Improve Star Browsing's star selection UI #35

Open
AstroChara opened this issue Jun 11, 2023 · 6 comments
Open

Suggestion: Improve Star Browsing's star selection UI #35

AstroChara opened this issue Jun 11, 2023 · 6 comments

Comments

@AstroChara
Copy link

Currently the mobile star browsing UI only displays a list of stars without additional information, unlike Windows version which (if I recall correctly) contains useful information like distance of the star from the camera, the spectral type, and the apparent magnitude, in the list itself. This makes it difficult to find stars with desired properties if you are not familiar with the names in the list, a situation that comes up rather often in Celestia.

@Anthony-B-Russo10
Copy link

The Windows star browser also has the star's absolute magnitude listed as well.
image

@levinli303
Copy link
Collaborator

The mobile star browser is inside a narrow window overlay, which makes it difficult to fit a multi-column table (require sufficient width to look great) inside. So we might still need to avoid using table layout while providing more info.

One possible way is to show them as cards

---------------------
|.   Star Browser   |
---------------------
|.Star A            |
| Distance:  xxly   |
| App mag: xxx      |
| ...               |
---------------------
---------------------
|.Star B            |
| Distance:  xxly   |
| App mag: xxx      |
| ...               |
---------------------

@AstroChara
Copy link
Author

The mobile star browser is inside a narrow window overlay, which makes it difficult to fit a multi-column table (require sufficient width to look great) inside. So we might still need to avoid using table layout while providing more info.

One possible way is to show them as cards

---------------------
|.   Star Browser   |
---------------------
|.Star A            |
| Distance:  xxly   |
| App mag: xxx      |
| ...               |
---------------------
---------------------
|.Star B            |
| Distance:  xxly   |
| App mag: xxx      |
| ...               |
---------------------

This does look good to me. The idea is to show important information about stars in one place without having to click (multiple times, and having to select the star itself too), that can waste a lot of time.

@levinli303
Copy link
Collaborator

levinli303 commented Jun 18, 2023

To make the card layout look good, we need an image of the stars of the spectral type as a background. two example images we can model after from Sky Guide.

IMG_7022
IMG_7023

Sky Guide's star browser only show app mag in Brightest. So... we can also show only app mag in Brightest, only distance in Closest which has a simple title-subtitle layout instead of a card layout with more info.

@AstroChara
Copy link
Author

I like the small icon idea, though I wonder if this icon can be made to be tinted by the color of the star itself, or if we have to make one picture file for each spectral type...

@levinli303
Copy link
Collaborator

Screenshot 2023-06-18 at 23 51 03

Apparently Sky Guide's not using tinting for the icons, its app bundle contains multiple icons. the number of types is limited.

Screenshot 2023-06-18 at 23 54 33

for the larger header image, they seem to have one image per spec type.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants