UX bugs & improvements

[pun-ky]

Describe the bug

1. "Administration" page has no layout (top bar, left panel, etc)

2. There is no "Alt" key on Mac / Groovy Console

and usually the "Command/Ctrl + Enter" is used in similar tools to trigger execution

3. Clicking system version does not list the system components

4. Where is a link to "/system/console" ?:)

5. Pretty hard to edit the page

2 clicks are needed to check the checkbox then click "edit" on top bar
or
move cursor totally to the right and click pencil icon; I was suspecting that clicking on the page name will open edit mode; I suggest to maybe provide an option to not be forced to move mouse each time to the right but move this dropdown menu somehow to the left which will eliminate the need from jumping continuosly cursor from left (when navigating between pages) to the right (when wanting to open edit mode / most often operation)

right now it's pretty frustrating (exactly in the same way as on AEM) ;)

what is more, according to my screen resolution, I have enough space to display more action icons than this pencil alone which looks a little bit strange IMO

6. Footer is not sticky (to the bottom)

7. Some dropdowns have icons, some other not

8. Assets browser cuts off image thumbs horizontally

9. Double-click does not open edit dialog

This is super important! Really! ;)

10. Image url choose path - no idea how it works

Maybe some picker should be opened somehow but I have no clue how use it

11. How to add a new accordion item?

I have no clue...

edit: now I have; d&d from "Components" panel ... but in WP Gutenberg there is plus icon; on AEM is "Add components here" or sth like that; without such "helpers" it is not so intuitive to demystify it

12. Luna bestsellers too wide

13. Clicking component in the tree should scroll the window to it

now it only highlights it; if in the viewport it is not visible it is needed to scroll it on our own unnecessarily

14. View published link/button

to be able to quickly jump from

http://localhost:8080/apps/websight/index.html/content/luna/pages/Homepage::editor to http://localhost:8080/content/luna/pages/Homepage.html

15. Download SVG has no effect

nothing happening

(btw browser should be capable to display SVG... why Websight Assets is not trying to display it ?:))

that download button does not work too

16. Asset preview dropdown is cut off and has no icons

probably right class is missing :)

17. Uploading file

a) after uploading a file with unique name / successfully - the asset on the list should be highlighted or sth
b) rename file dialog should have "Rename" button disabled to indicate that the name should be changed, also the dialog could auto-suggest the new name like OS/Windows/Mac does by appending "-1" or sth

WebSight CMS version

first publicly available community version; not able to retrieve that info from GUI

Desktop (please complete the following information):

• OS: Mac
• Browser: Chrome
• Version: most up-to-date

====

General feedback,

UX looks very nice. There are only a few glitches / inconsistencies but probably relatively easy to fix.
I am impressed how quickly works page editing. Good job ;) AEM is a turtle here...

[kamil-kwarciak]

Hi @pun-ky. Thank you for the review and the valuable feedback. We have some of the pointed issues in our backlog. Others are new, and we will include them during further development. As we have plenty of items reported here, I will convert this issue into a discussion. Later, I will create a separate ticket for each topic to track them easily. Once again, thank you for your contribution. It is very appreciated.

[michalcukierman]

I put some comments on the tickets. Nice catches.