Let's discuss Pimcore's UI #12795
Replies: 8 comments 21 replies
-
Thanks for kicking off the discussion of this previously overlooked topic. Although I find the overall "look" of the Pimcore backend very appealing, but I agree the "feel"-part does not comply with the high quality standards of Pimcore. Along with responsiveness and support of mobile (touch) devices (tablets), we will face new challenges:
There are many design systems for backend portals out there (e.g. for VueJS) that can serve as inspiration and as basis for discussions. We could start off a separate Pimcore UX Branch with some prototypes as backend-less click-dummies. What do you think? What is the status about the frontend framework switch? Will there be a shift to VueJS / React etc.? |
Beta Was this translation helpful? Give feedback.
-
The editables are probably the strongest CMS feature of pimcore but are also the component, that is most confusing for my clients to use. Especially the new Config Modal hiding behind the pencil, which kind of creates a modal-ception feeling. (Sadly, we are in a place, where pimcore is always being compared to WordPress, and with the likes of Elementor etc the usability of editables does have some space for improvements) And forms, selects etc should all have the same width - for example currently the link editor has a target selection that is longer that its neighboring input fields. As for extension UI development: The integration of ExtReact or ExtWebComponents (requiring webpack or something like that) would make the development of new forms and fields a lot easier :) |
Beta Was this translation helpful? Give feedback.
-
Awfully quiet in here. Maybe another suggestion could spark some more motivation: what about using Symfony UX? One could, for example, create editables using the ux-live-component. I did not get the chance to play around with this yet, but possible advantages are:
Ultimately, I see a lot of chances to improve Pimcore's usability with Symfony UX, but for now I'm just brainstorming. If anyone had the pleasure to work with Symfony UX already, please share your experience - and of course: happy to receive any feedback here. |
Beta Was this translation helpful? Give feedback.
-
The UI indeed looks like one from the last decade. Looks like there was no real designer involved thinking about UI or UX. It's kinda disappointing. And of course it's compared to other Frameworks. Storyblok f.e. does a superb job. If a similar framework pops up in the future with some focus on UI/UX I'm sure lots of people will swap. |
Beta Was this translation helpful? Give feedback.
-
Hi, are there any news on this rework of the UI / ExtJS replacement ?
@dpfaffenbauer mentioned that in this comment, just asking as I don't see this work on the GitHub repository and I think a lot of people would be willing to help on that 🙂 |
Beta Was this translation helpful? Give feedback.
-
Guys, I'm trying to renovate Pimcore Admin, looking for your feedback on this https://demo.corepulse.io/cms/login If you guys love it, I will publish it as a bundle so anyone can use it for free :) |
Beta Was this translation helpful? Give feedback.
-
Hi all! Great conversation going on here. As you probably know by now, we are releasing the preview of Pimcore Studio, the brand new UX/UI of the Pimcore interface, at the Pimcore Inspire Developer Conference 2024 in March 2024. If you are coming to the Inspire, just post your UI questions, that you would like to have discussed. See ya there! Cheers, Dietz 🚀💜 @starfruitjsc: Congrats, cool stuff ;-) |
Beta Was this translation helpful? Give feedback.
-
Hey folks, to continue that discussion, have a look here: https://github.com/orgs/pimcore/discussions/17076 |
Beta Was this translation helpful? Give feedback.
-
Seeing Pimcore 11 coming up, it might be a good idea to talk about the look & feel of the UI because it seems like a chance to improve it. Looking forward to your thoughts.
Responsiveness
I feel like it is time for Pimcore to switch to a responsive UI.
I'm not saying Pimcore should work on phones or super small screens but it should work on 12" (and up) without any issues. That is, many clients work on the go - as do developers - which means they are highly limited when working, due to a lack of responsiveness. If you ever tried to work with Pimcore on a notebook or tablet, you'll know what I'm talking about.
UX
The overall UX in Pimcore has a lot of room for improvement. For example, some tabs can be closed when hovering over a tab and clicking the mouse wheel (e.g., Documents), other tabs cannot be closed this way (e.g., Class Definitions).
Editables
Editables are great, yet again, there's a lot that can be improved. For example, an empty WYSIWYG has a dashed border, as long as it is not focused. This helps the user identify the editable quickly. However, once focused or filled with content, the border disappears and only shows up when hovering. Using the light bulb to display all editables shouldn't be necessary. In general, hiding information behind a hover action should be avoided - instead effects for hover and focus should aid the user.
Beta Was this translation helpful? Give feedback.
All reactions