New App Inventor User Interface in Open Beta!

So noted. That is worse because the "Publish to Gallery" button should be an icon, and I haven't figured out why it is not appearing that way in production.

I will say that we don't officially support phones. We have plans to offer an actual phone layout, but it's in the early stages and involves a lot of work.

2 Likes

The problem I faced here is that after delete a project, when re-gated with that project id, the project opens again.

It looks like this happens in both Neo and Classic styles. Do you see that? I agree that it's a bug and will add an issue.

first of all great work!!!

a minor improvement might be to reduce the space between the different drawers to be able to display more drawers without scrolling
also the media section could be moved down to use the available space for the drawers more efficiently

EDIT: here the same screenshot in classic

Taifun
PS: I'm using Google Chrome on Windows 11 Home

1 Like

Last project ( I presume) in projects lists, when more than a screens worth, so need to scroll down, is partially obscured by the Privacy Policy bottom bar:

1 Like

Thank you, I am currently trying it and all seems good so far

1 Like

Even though this is a minor error, it becomes cumbersome in some cases (at least for me)

Large dialogs like the 'Welcome to App Inventor' one always overflow from the screen height which means visibility issues.

In this case I have to scroll down below just to check the 'Do not ask again' box...

I think IMHO that the dialog should fit the whole screen height at maximum so it becomes easier to navigate and find stuff...

Another thing I noticed while scrolling towards the bottom with the dialog open is that the background t the bottom is completely blank. I think that blank could be used efficiently...

Thank you.

2 Likes

I think the new interface is too bright, it may be just because I'm a dark-mode user but the old design's grays made it more bearable to look at, I'd like if you add dark-mode to App Inventor.

Another thing is that the new design is so spacious, it feels empty, and more white space isn't really helpful when using a 4:3 screen, specially with such an interface full of buttons and elements that go offscreen and break layout...

2 Likes

Likewise

  • There are too many scrollbars, both in the Designer and the Blocks editor, especially when I use a component with a long name (HorizontalScrollArrangement). Kind of hideous to look at, and inconvenient to find components. Maybe shorten the width of the scrollbars, or use the round scrollbars in the Blocks Workspace.

  • The property tooltips cover components in the Component Tree, and cannot be dragged around.

    image

    Maybe we should take a page from Kodular's book and instead display the infobox below the property name instead.

    image

  • The Properties panel is too wide, especially when I select a component with a long name. Maybe move the component type somewhere else, e.g. below the component name, and include a component icon as well. Easier to navigate around the Designer.

2 Likes

There is a separate dark mode coming for both interfaces, but it is dependent on an update to App Inventor that allows us to use a custom theme for Blockly.

1 Like

These are the new issues I've picked up from the thread.

Privacy footer covering bottom of screen in project explorer (@TIMAI2 )

Large dialogs (e.g. Welcome and splash screen) can size larger than the screen height. (@AyProductions )

Description popups can't be dragged, which is a problem for Properties in particular, where the popup covers the property it's describing (@gordonlu310 ). This exists in Classic as well.

Properties panel does not size properly when the header text is wider than the specified width. (@gordonlu310 ). It should wrap if possible.

Scrollbars on Windows are still causing issues.

Tracking suggestions as well, but I'm trying to note the bugs explicitly.

3 Likes

in the old interface we had a button "Move to trash"

unknown3

how can we move a project to trash in neo?

Somehow I was not able to do it... there probably is a very intuitive option to do that somewhere?


Taifun

1 Like

You tried the red trash button on the right-hand side?

That is the official Material Symbols icon for moving to trash, but I'm not thrilled with it. It seems too ambiguous to me. I'm considering changing it to "delete sweep," whatever that was intended for, Material Symbols and Icons - Google Fonts

Do you think that looks more like moving to trash?

ok, got it...
mark the project and click the red trash button... :+1:
makes sense now...

I don't know why I had the idea to to drag and drop the project onto the red trash button... :rofl:

Taifun

Hi
Just a little feedback...

If I use the AI2Helper script to find blocks, the button AI2HELPER appears only in the projects screen and disappears in the work area screen,
whether I use dark mode or not on the browser (Opera).

The AI2HELPER button appears okay on work area screen on classic interface.

It would be better if the search component input would stick at the top like this instead of getting scrolled with the other ode box content

image

AI2HELPER is not an official work from MIT, you can ask here.

anyway, please update the ai2helper to newest version, that will work both in classic or neo interface.

3 Likes

Hi everyone, I was trying the new neo style but I found this problem when I click on the drop-down menu with Android 5+
and after I click phone size the site doesn't respond for a few seconds in the old template it doesn't happen
it's a problem with my computer ? if is sorry

Ok thank you.