radykal | Support Center Chooser

For which product do you need support?

Fancy Product Designer Multistep Product Configurator

Start a new topic
Implemented

A beter mobile solution

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

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.


I sell paper wedding invitations/cards so would love to see more of the product on the screen with little

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


image



Another example 

If there's a product which includes image upload then clicking on the image will give you image specific options

under the canvas. 

image



If there is a need to have pop up option appear on the mobile screen then it should always carry a "x"  button to close it. 


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 designing

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

image.jpeg
(49.3 KB)

Sorry poor editing above, the paragraph above was meant to read ...


"On the example below editing text relies on the native keyboard on your device so there is no need

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!

Any update to release date of mobile friendly version?

 

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!

Hi Radykal, can you put online a sample with a photo upload area, such as a greeting card please. It is hard to assess the current example as my fancy product is quite different to a t-shirt. Thanks and regards - Ger H.

 

Radykal, this new toolbar looks great (https://projects.invisionapp.com/share/HJGRNE9T8SW#/screens/290252168) but we also need that the plugin works better in mobile devices. In the actual version the image manipulation (placement and resize) are not optimized at all. The plugins freeze a lot when you try to move or resize the uploaded images. I am also having problem with bounding boxes. For any reason, in the mobile version, when you try to move the uploaded image sometimes, the bounding box doesn´t keep blocked, it moves too. The 80% of my audience access to my site by smartphone so I am loosing a lot of clients because all of this problems.

 

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?