The image upload process has been greatly improved of late - thanks team FPD. We've just added a new product and the resulting customer interaction has reminded me that user interfaces need to be grandmother friendly!
The product is digital photo to canvas (as in canvas print) and fairly straightforward - upload the image, resize and reposition to suit the canvas dimensions. However so far one customer (the second) has just uploaded the photo and made no changes - leaving gaps as the photo dimension didn't match. We've since changed the scale mode of the product's upload zone from 'fit' to 'cover', but my suggestion applies equally to both scenarios.
Suggestion: add an option (probably under to the scale mode option in the product) to have the image in focus after upload.
Currently, once the image has been uploaded the user has to click on it in order to see the manipulation controls - rotate, resize, etc. To most, that next step is fairly obvious. Clearly however, there are those who will not make that jump and need some visual encouragement.
If the image was in focus and the controls visible that would be a great help for those people, not to mention saving an extra click for all users; everyone using our product will want to manipulate the image in some way.
Given the wide range of possible products I realise though that this is probably not the case for everyone, hence the suggestion that it's added as an option.
Thanks
Best Answer
r
rady kal
said
over 6 years ago
You can do that by enabling "Auto-select" in the image options.
Thank you for replying.
The problem with the guide is that it isn't mobile friendly.
And since the ability to auto-select images when added is already implemented, I was hoping there is a way to do so for the images selected for the upload zone.
BTW, i like how you have customized your UI. The changing font color to emulate the changing led light is just brilliant.
g
gryadn
said
about 2 years ago
Creating a short flow scenario describing the interface is the best solution
Even though this is 4 years old, I am faced with the same situation.
OP, did you find any solution for this?
The problem is that setting the auto-select for the upload zone (as suggested by the reply above) will simply select the upload zone in order to pick an image(in other words as the OP said, it is only bypassing the click on the upload zone).
What we are trying to achieve is to have the image uploaded into the upload zone to be auto-selected (which is not the case if you enable the auto-select on the upload zone layer). There should be an option to set "auto-select" on the image that was picked, and the reason is to make the user aware of the editing capabilities (which now is only appearing after they click on the image).
I know this is a long shot, but I hope someone has a workaround.
U
Umberto Enzo
said
over 6 years ago
Hi radykal
Thanks for your answer - in my situation 'auto-select' will bypass the initial click on the canvas upload zone that brings up the upload dialogue box.
What I'm keen to have is the option of setting the loaded image into the focus state before the user clicks on it -
Image when first uploaded onto canvas, not in focus/selected:
Image in focus/selected (after clicking on it) showing dotted border, resize, rotate and trash icons
rady kal
said
over 6 years ago
Answer
You can do that by enabling "Auto-select" in the image options.
Umberto Enzo
The image upload process has been greatly improved of late - thanks team FPD. We've just added a new product and the resulting customer interaction has reminded me that user interfaces need to be grandmother friendly!
The product is digital photo to canvas (as in canvas print) and fairly straightforward - upload the image, resize and reposition to suit the canvas dimensions. However so far one customer (the second) has just uploaded the photo and made no changes - leaving gaps as the photo dimension didn't match. We've since changed the scale mode of the product's upload zone from 'fit' to 'cover', but my suggestion applies equally to both scenarios.
Suggestion: add an option (probably under to the scale mode option in the product) to have the image in focus after upload.
Currently, once the image has been uploaded the user has to click on it in order to see the manipulation controls - rotate, resize, etc. To most, that next step is fairly obvious. Clearly however, there are those who will not make that jump and need some visual encouragement.
If the image was in focus and the controls visible that would be a great help for those people, not to mention saving an extra click for all users; everyone using our product will want to manipulate the image in some way.
Given the wide range of possible products I realise though that this is probably not the case for everyone, hence the suggestion that it's added as an option.
Thanks
You can do that by enabling "Auto-select" in the image options.
- Oldest First
- Popular
- Newest First
Sorted by Newest FirstEli M
gryadn
Creating a short flow scenario describing the interface is the best solution
like in this example: https://mylight.com.au/product/design-my-light/
Eli M
Even though this is 4 years old, I am faced with the same situation.
OP, did you find any solution for this?
The problem is that setting the auto-select for the upload zone (as suggested by the reply above) will simply select the upload zone in order to pick an image(in other words as the OP said, it is only bypassing the click on the upload zone).
What we are trying to achieve is to have the image uploaded into the upload zone to be auto-selected (which is not the case if you enable the auto-select on the upload zone layer). There should be an option to set "auto-select" on the image that was picked, and the reason is to make the user aware of the editing capabilities (which now is only appearing after they click on the image).
I know this is a long shot, but I hope someone has a workaround.
Umberto Enzo
Thanks for your answer - in my situation 'auto-select' will bypass the initial click on the canvas upload zone that brings up the upload dialogue box.
What I'm keen to have is the option of setting the loaded image into the focus state before the user clicks on it -
Image when first uploaded onto canvas, not in focus/selected:
Image in focus/selected (after clicking on it) showing dotted border, resize, rotate and trash icons
rady kal
You can do that by enabling "Auto-select" in the image options.
-
Adding Fancy Products to Categories
-
Shortcode for specfic product designer
-
What theme is recommended to use with FPD ?
-
Exclude Image from export
-
Google Font Family adds extras
-
Floating Dialog box
-
Uploadzone not working
-
Image transparency like in T-shirt demo
-
How do I get clipart
-
What does the LOAD button do / what is it for?
See all 2194 topics