search

websight-io / starter

Sample project built on top of the Websight CMS
https://www.websight.io
Apache License 2.0
57 stars 7 forks source link

UX bugs & improvements #10

Closed pun-ky closed 1 year ago

pun-ky commented 1 year ago

Describe the bug

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

image

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

image

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

  1. Clicking system version does not list the system components

image

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

  2. Pretty hard to edit the page

image

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

  1. Footer is not sticky (to the bottom)

image

  1. Some dropdowns have icons, some other not

image

image

  1. Assets browser cuts off image thumbs horizontally

image

  1. Double-click does not open edit dialog

This is super important! Really! ;)

image

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

image

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

  1. How to add a new accordion item?

image

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

  1. Luna bestsellers too wide

image

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

image

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

  1. View published link/button

image

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

  1. Download SVG has no effect

nothing happening

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

image

that download button does not work too

image

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

image

probably right class is missing :)

  1. 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

image

WebSight CMS version

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

image

Desktop (please complete the following information):

====

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 commented 1 year ago

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.