This is what Scratch would look like on a mobile device.

The green flag will have the options Create, Explore, and Ideas.
The paint palette would let you customize the color of the website banner.
A high contrast version:

The 3 lines would have about, my stuff and account settings.

Support because it will be easier to use Scratch on a phone since all options will be available in mobile mode with a small screen. Also, by the way, contrast doesn't seem to be an issue any more for the icons because of a white outline.

54387a wrote:

Semi-support because the icons between the logo and the search seem low contrast, but in general it will be easier to use Scratch on a phone.

They could only have a white outline on those icons.

While I use Scratch on mobile all the time, I honestly don't think this is much of a priority.

Firstly, most users seem to use computers.

And secondly, I think the Scratch Team seems to have other priorities in mind right now, such as moderation (dealing with people who break the rules), stability (fixing bugs and glitches), accessibility (making it usable for people of all abilities), and safety (keeping personal info private). Making it look nice is not a priority.

Bump.

It looks ugly in my opinion. Because of how the what's happening is smaller and the “Welcome (username)” is unnecessary in it because it's not in the desktop version.
Also the button labels make no sense. Like why is there a green flag here?
And I think we are better off having the “My stuff” and the “account settings” in where it currently is in.

No support, the banner right now looks fine, the only issue is the message button is in the middle and that takes the room for a search bar. It seems like it would work, but at the same time it isn’t needed or very helpful

Dogs-are-amazing1 wrote:

No support, the banner right now looks fine, the only issue is the message button is in the middle and that takes the room for a search bar. It seems like it would work, but at the same time it isn’t needed or very helpful

Well on mobile, create and explore are missing, and so is the search bar.

teamsonic2011 wrote:

A high contrast version:
*img*

Black on green is not higher contrast, it is harder to read. Black on white is literally the highest contrast possible.

Sliverus wrote:

Firstly, most users seem to use computers.

And secondly, I think the Scratch Team seems to have other priorities in mind right now, such as moderation (dealing with people who break the rules), stability (fixing bugs and glitches), accessibility (making it usable for people of all abilities), and safety (keeping personal info private). Making it look nice is not a priority.

From what we have been observing as of recent, this is changing due to some schools issuing tablets to students over issuing laptops, and most tablets use mobile view when portrait-oriented. So, to a certain degree, mobile view is partially an accessibility issue (albeit not one tied to a physical condition).

But indeed aesthetics is not as important as it overall readability and accessibility, and as of current we want to hear opinions as to how the project editor should look like in mobile view over how the main website looks in mobile view.

cheddargirl wrote:

But indeed aesthetics is not as important as it overall readability and accessibility, and as of current we want to hear opinions as to how the project editor should look like in mobile view over how the main website looks in mobile view.

Well, as a user who uses mobile 100% of the time, it's excessively difficult to code projects, and it even takes work to get inside the project – to see the See Inside button, I have to turn my phone horizontally, and when I do that, it automatically goes into Fullscreen, so I have to click out of that and then press the See Inside button. It's very confusing.

If I accidentally swipe left (that's like my phone's undo button), it'll take me back to the project page again out of the editor, which is excessively annoying because I have to turn my phone horizontally again and then exit fullscreen to click the button again.

And scrolling around in general is excessively difficult because I have to scroll outside the coding interface, which can be very difficult. And if I zoom in too much on a costume in the costume editor, then I'll be stuck zoomed into the costume unless I swipe left and go back to the project page – which I've already explained is very annoying.

At this point I've basically given up programming for the next few years until I get a computer. Fixing accessibility on mobile would be very useful to me, and also to many users I've encountered.

teamsonic2011 wrote:

The 3 lines would have about, my stuff and account settings.

We don't need a ☰ button for that since the user icon button already shows those items, although it might be good for showing the other items in the navbar, like “Create” and “Explore”



I don't know what the flag and color pallete buttons are for though

Semi support

ajskateboarder wrote:

teamsonic2011 wrote:

The 3 lines would have about, my stuff and account settings.

We don't need a ☰ button for that since the user icon button already shows those items, although it might be good for showing the other items in the navbar, like “Create” and “Explore”



I don't know what the flag and color pallete buttons are for though

Semi support

The flag has project menus like create and explore, while the color pallette would let you change the navbar color.

Sliverus wrote:

cheddargirl wrote:

But indeed aesthetics is not as important as it overall readability and accessibility, and as of current we want to hear opinions as to how the project editor should look like in mobile view over how the main website looks in mobile view.

Well, as a user who uses mobile 100% of the time, it's excessively difficult to code projects, and it even takes work to get inside the project – to see the See Inside button, I have to turn my phone horizontally, and when I do that, it automatically goes into Fullscreen, so I have to click out of that and then press the See Inside button. It's very confusing.

-snip-

I don’t have this problem on a phone.I do have to turn my screen and it takes a while to load the see inside button but it doesn’t go full screen

cheddargirl wrote:

From what we have been observing as of recent, this is changing due to some schools issuing tablets to students over issuing laptops, and most tablets use mobile view when portrait-oriented. So, to a certain degree, mobile view is partially an accessibility issue (albeit not one tied to a physical condition).

But indeed aesthetics is not as important as it overall readability and accessibility, and as of current we want to hear opinions as to how the project editor should look like in mobile view over how the main website looks in mobile view.

I don’t have a problem on my iPad in desktop view and I think I prefer it over a computer
Edit: except list, it’s hard to change them.you also can’t copy them easily and sometimes it just doesn’t work, which this and this could fix

(Deleted)

teamsonic2011 wrote:

ajskateboarder wrote:

teamsonic2011 wrote:

The 3 lines would have about, my stuff and account settings.

We don't need a ☰ button for that since the user icon button already shows those items, although it might be good for showing the other items in the navbar, like “Create” and “Explore”

https://assets.scratch.mit.edu/get_image/.%2E/5e4fd69d92d50a61844425423c426723.png

I don't know what the flag and color pallete buttons are for though

Semi support

The flag has project menus like create and explore, while the color pallette would let you change the navbar color.

It might be better to keep that stuff in a ☰ menu instead. That's usually what websites have when navbar items don't fit on the screen

oh im gonna join this thing called scratch on my phone…
oh what is this green flag thing
*clicks*
oh no I made a new project even tho I didnt want to, I bet I WOULD know what it done if it said so

anyways, why would we even need this?

wikibro300000 wrote:

oh im gonna join this thing called scratch on my phone…
oh what is this green flag thing
*clicks*
oh no I made a new project even tho I didnt want to, I bet I WOULD know what it done if it said so

anyways, why would we even need this?

That's why it would be a menu with project options.