Fancy Product Designer Multistep Product Configurator
Do you have any examples that you like from other complex applications, I would love to see your thoughts?
I think the gold standard for personalization is https://www.customink.com/lab. In mobile, their designer goes full width and height, and allows the design elements to be hidden. I think a good solution may be to make a "Personalize" button in mobile which would then open a re-formatted designer module that is mobile friendly.
I picture something that allows customers to open the toolbar, add something, and closes after something has been added. I also think the other buttons (like zoom, save, prev., next) should be opened separately. These take up valuable canvas space on mobile.
Thanks for considering this improvement to your already great plugin.
Thank you FPD team for reading this post and considering customer suggestions.
distraction from editing tools.The below image shows editing tools falling below the product canvas -
and it allows onscreen editing and editing below the canvas too.
Nothing pops up on the screen which is a good thing.
To achieve something like this we need the product canvas to be full screen (to get maximum real estate
space for editing with nimble fingers) and it should feature tools such as font, colour picker, image upload
and other button/selections tidily below the product canvas.
If there are lots of tool options then we should allow the user to drag/swipe left under the canvas to see
what is available to use for the current item selected.
On the example below when you editing text pulls up on the native device keyboard which means there is no
need for a text box to pop up on screen. Improving this alone will create a clean canvas with less obstruction.
Also, below you will see that changing typeface is just a one click action with no scrollbars or highlighting needed
Another example
If there's a product which includes image upload then clicking on the image will give you image specific optionsunder the canvas.
Lastly, I think designing in mobile should force the canvas to go into isolation mode - forcing a fixed height
for the fpd in the page which stops the page from moving up and down. And if you want to leave the designingmode to see the regular product page then you can click to "x" button to close.
For me, the difficulty of using FPD on mobile happens because we have to click on the main canvas to do too many things.
We drag text boxes on the canvas, drag images on the canvas, click on the canvas to open a text box, click on the canvas
to close a text box. If we could have minimal touching of the canvas for everything but designing that would be ideal.
Let elements options happen below the canvas.
Thank you again for creating the very clever FPD and I hope my suggestions can inform your updates.
Sorry poor editing above, the paragraph above was meant to read ...
for text boxes on the screen. Improving this alone will create a clean canvas with less obstruction. "
I'd love to see a better mobile solution as well. I think something similar to what Custom Ink does would be great.
Thanks!
You can select the new UI in the UI Composer > Toolbar > Select Smart in "Type & Placement"!
You can test the new toolbar online now.
http://tb.fancyproductdesigner.com/
Please share your feedback and your improvements!
P.S.: Do not forget to test it on mobile devices!
New UI toolbar included in V3.7.6
- New Toolbar UI „Smart“. You can easily enable the new toolbar UI in the UI Composer (Toolbar tab > Type & Placement)
Can you elaborate as I cannot find this?
I have looked in the UI Composer and the Toolbar tab just has Exclude Tools or Placement.
In placement I have Dynamic, Inside Top or Inside Bottom
Hi Ken, If you have updated correctly you should have a 4th option in the placement dropdown called "Smart". This worked for me :)
Matt
Looks like I have downloaded 3.7.5 again from Code Canyon.
Where Can I get the correct version from?
Jo Uuwidie
Thank you for this plugin! A truly extraordinary plugin that transforms businesses.
The request that must be on the tip of everyone's tongue surely is when are we going to see
an FPD improvement for mobile and small screens. My site drop-off rate for mobile is tremendous and
when compared to the desktop just over twice as high. This is a major bummer as most visit are from mobile
and smaller screen devices.
It would be great if we could have a sliding screen that allowed the customer to build the product.
Or some other novice way to make make the UX & UI more friendly and reflective of the great experience
found on the desktop.
Thanks,
Jo
23 people like this idea