Scratch-www: Redesigns for "Add to Studio" modal

[kathymakes]

Background

A month ago, this issue about the Add to Studio Modal was created: https://github.com/LLK/scratch-www/issues/2539

We want to clarify which studios you can add back, and which studios you can't. Right now, the styling looks the same even if you aren't able to re-add the studio. (Permissions depend on whether or not you curate/own the studio.)

We also would like to add a more helpful empty state. It currently looks like this:

Designs

Here are some proposed designs for the modal. Thanks @carljbowman for the suggestions!
I'll add some assets soon.

Proposing putting "Studios I'm added to" first because I noticed that most Scratchers who have lots studios curate more studios than not. The language isn't final, and can be tweaked.

Note that when you remove a studio from the top section, there is no (+) symbol.

One of the main changes here is changing the checkmark into an (x), so it looks more actionable.

Here's a proposed empty state that just includes a short explanation.

Each section could have its own empty state if you don't have any.

[kathymakes]

Note: Going to revisit these designs this week - don't take this spec as final!

[kathymakes]

Design Updates, 2.11

Still need to do:

• "Studios I curate" might not be accurate language. Need to ask mods about this.

---

Empty States

Updated empty state has a call-to-action, so you are not left at a deadend:

Empty states for one section or the other does not exist; just disappears to take up less space. Though I'm usually for trying to keep structures consistent, it seemed like it would take a lot of attention to keep an empty section.

Adding an Item

Adding an item activates the loader, then turns into a check mark icon.

Removing an Item

Hovering over a check mark item shows that you can remove the studio.

Removing an item from studios you don't own:

Before you remove it, you get an alert:

When it's removed, the tile stays. (Just so it doesn't shift the grid around too dramatically.)

[locness3]

"Studios I'm added to" means the studios where the project is, but you're not curator or manager ? @kathymakes

[kathymakes]

"Studios I'm added to" means the studios where the project is, but you're not curator or manager ? @kathymakes

Yes! Though we might try to think of some clearer language.

[locness3]

I didn't know the project owner could remove it from any studio.

[maxiostro]

This look very good, this will definitely simplify adding projects to studios for new scratchers.
+1

[locness3]

Any updates @kathymakes ? This would be awesome to have

[kathymakes]

Any updates @kathymakes ? This would be awesome to have

We're considering when we might plan to do this, not scheduled yet. Thanks for bumping the issue!

[Explosion-Scratch]

This sounds awesome! Would you like me to port it to the scratch suggestions forum as well?

[benjiwheeler]

@kathymakes One more consideration: what if the user curates more than 20 studios?

Currently, the server endpoint just tells about a max of 20 studios at a time -- you can request the next "page" of studios the user curates, maybe using a "more" button/link of some sort. Or, we could try responding with more like the first 50 studios the user curates, and list them all in a scrolling sub-window?

Same thing when you browse to a project that is in more than 20 studios: currently, you only see the first 20. Should we make it somehow possible to see more than that?

[benjiwheeler]

@kathymakes Also, re: the "Studios I'm added to" list: I find the "I" hard to understand. It refers to the project, right? What about instead putting "Studios I curate" first, then below it "Other Studios" or "Studios curated by others"?