Drag & Drop from Finder, Undo, etc

When using Elements one thing that strikes me is how ‘unMac-like’ it is. It’s currently impossible to drag and drop images from the Finder onto a page unless there’s an image element there already, and then if you do drop it into an existing image element and change your mind - you can’t undo the action.

The drag and drop when adding resources only works when the resources tab is visible. If I drag a resource (or a number of resources) shouldn’t they be added to the resources tab regardless of which tab I’m currently using?

If I drag an drop an image (or video, svg, etc) from the Finder into a page, shouldn’t Elements automagically add the file(s) to the available resources AND create the required page element(s) (ie: image, video, svg, etc) to display the resource depending on the file added?

When attempting to add fonts in the Theme Inspector I keep wanting to drag fonts from the Finder directly into the Font Family window, but I must add them to the resources tab first, and then drag them from there into the font family window. Surely if you added fonts via the font-family window Elements could automatically add them to your site resources?

Anyway, I know Elements is still in beta, but these are hygiene factors (Herzberg) that when missing, will only contribute to user dissatisfaction.

Somewhat related is Fitt’s Law which not only applies to the inspector, but to the interface as a whole as many tasks require the user to switch between tabs (resources, components/elements, and structure) or windows (theme studio, font inspector) to complete said task.

This all creates cognitive friction which can cause disorientation, confusion, and ultimately leads to user dissatisfaction.

3 Likes

I definitely agree with this one - I’ve added custom fonts to a few projects and it seems strange to be unable to do it directly in the Theme Editor.

I’m not as convinced about dropping an image creating an element on a page. How would it know if it’s intended to be a background, an image component or a button icon. Add it to the resources folder yes; creating an element, I’m not so sure.