EDIT: Check this out ^^

Hello!
I've hopped on into one of my studios, and tinkered around with some stuff via Inspect Element to try to make studios look a bit better, and I think what I have done is far less visually overwhelming than what is currently in place. Here's my concept:


As you can see, not much has changed. I'm no pro when it comes to html, etc, so really all I've done was change a few values and move stuff around. Here is the original for comparison:


The biggest issue visually with the studios, I think, is the background. Though I understand that the blue is used in project comments, it is quite straining to look at. The contrast is just, not good. Here is an edit with nothing except the background changed to the front page's white:


Even this far less overwhelming, at least in my opinion. To be honest, I think it looks a lot cleaner as well!

Another issue I addressed was the overall bulkiness. This is something I can live with, but I think the buttons look a bit better being slightly smaller:


Original:


And while I like how the Follow button is centered and is the width of the description and thumbnail, I think it is unnecessarily big. I know that the devs were going for a more “consistent” and “clean” look, but I feel that a lot of us prefer functionality over consistency, this being the same with the background color.
I shrunk the follow button, and moved the follower count upwards, and I still think it looks pretty clean. I also moved the thumbnail to above the follow button, and I think it looks pretty nice. I feel the title and thumbnail look better together. I also made the text size of the title a bit smaller, and while minor, I feel it does make things feel a little less bulky:


Original:

⸻

At the least, I think the biggest priority, design-wise, would be changing the background. It's a very minor change, and I think it could help minimize the overwhelm some users are getting from it, such as some neurodivergent users. I myself am not(?) neurodivergent, but I can understand how the new look can be overwhelming and overstimulating, and I think with these few changes, or at least the change in background color, I think the design would be far less overwhelming, and far easier to look at in general.

Support, I wish this was the design ST could go with, espically to autistic/ADHD users who are bothered by this.

Support. I think the blue background contrasts too much with the thumbnail, and (also blue) description. Also, I think the title width should be so small, but have it stretch out a bit more, like in the original. That way it's easier to read, and isn't just above the thumbnail. (which looks weird.)

Thanks for Doing this!
Scratch On!

Support, a ton of people would like this.

bump

I think that this is a great idea! The rest of the site has grey/white backgrounds and the studios completely avoid the color scheme (I think we can agree that blue on blue doesn't look great).

This completely disappeared from Suggestions all together, so uh, bump? xD

Also, I'd love to hear more critiques/feedback to this. I have the edited page saved as a .mhtml, so I can edit it if you have any ideas ^^

nice

Support, I wish this was the design ST could go with. Would want a blue background not white.

I like the follow button aligned with the thumbnail but this smaller version isn’t with the counter next to it, loosing consistency. The counter also looses it cool image, maybe that could be put in to make it align with the thumbnail? I also think the blue background looks nicer than boring white, but I am aware white will improve the sensory issues.

+1, way better than the current design

YES

Support. The studios look way too big now The follow button is unnecessarily large, and the blue background isn't great. Even other scratch-www pages like Explore have white (technically, grey) backgrounds.

But I think the navigation buttons for Projects, Comments, Curators and Activity is fine and should remain the same - consistent with Explore.

dertermenter wrote:

I like the follow button aligned with the thumbnail but this smaller version isn’t with the counter next to it, loosing consistency.

I understand what you mean, and I could try to tinker around with something to see what I can do. To be fair, I don't think the loss of consistency is that bad though.

dertermenter wrote:

The counter also looses it cool image, maybe that could be put in to make it align with the thumbnail?

I was having issues with the icon and alignment, so I just got rid if it.
Of course, this is a design I would like the devs to follow, and not necessarily do element for element.

Full support
I don't know if I'm neurodivergent or not (I might have ADHD but I'm not sure) but the new studio layout took a lot of getting used to, and even now, I'm still overwhelmed a bit.
I didn't realise it at first, but the blue studio background was probably one of the biggest issues, along with the follow button, and I'm really glad to see that you changed that here!
I hope that the ST changes the layout to something like this, because it would be really helpful to me and a lot of other Scratchers

Made some changes, thoughts?



Original:


The color of the Comments tab is unnecessary, just thought it looked nice :P

These designs are pretty neat. Your eyes no longer get distracted by the padding. I would like to see these get implemented.

Support, for all of the reasons above ^ I really really hate how the follower count isn’t where the follow button is, I’m just one of those people that can’t stand something out of place

Also, the background change. I always thought that blue looked perfectly fine, but the white just looks so much better. Unfortunately, I don’t have the inspect feature because I use a chromebook, so I can’t make any changes. On a mobile phone it is VERY VERY squished. Maybe you could make a change to that?

TheSassyDiamond wrote:

Unfortunately, I don’t have the inspect feature because I use a chromebook, so I can’t make any changes.

You should be able to, unless it's a school Chronebook, in which they may have disabled it.

TheSassyDiamond wrote:

On a mobile phone it is VERY VERY squished. Maybe you could make a change to that?

This concept is merely tinkering with the design. I don't have the means to mess with the inner workings.

LegoManiac04 wrote:

TheSassyDiamond wrote:

Unfortunately, I don’t have the inspect feature because I use a chromebook, so I can’t make any changes.

You should be able to, unless it's a school Chronebook, in which they may have disabled it.

TheSassyDiamond wrote:

On a mobile phone it is VERY VERY squished. Maybe you could make a change to that?

This concept is merely tinkering with the design. I don't have the means to mess with the inner workings.

It isn’t a school chromebook - it’s my home chromebook and I used to be able to do it and on my school chromebook I could do it but one day it got shut off for all chromebooks I guess I’m going a bit off-topic tho

—————————

Oh okay. I should have read the title again because it says “design” in it and I didn’t think about that