CodeCanyon
CodeCanyon
Code
Code
Code
Code
Code
Code

Responsive Product Slider

Responsive Product Slider

Only 1% of people click through traditional image sliders.

Product Slider fixes this – making your products more visible & obvious, get you more clicks, and increase your sales.

There are 4 things that make Product Slider work better:

1. Products are more visible
All products are more visible on the right, with clear labels to indicate how many and what products are featured. This characteristic also follows Fitt’s Law – increasing the size of interactive areas and allowing people to explore products faster & easier.

2. It is fully responsive
Different devices require different solutions. Therefore, on smaller devices where screen real estate is limited, your products peek out on the right of the screen to encourage interaction.

3. Clear text & buttons
Your marketing message and buttons are in clear plain text on top of the cover image. This allows for optimal readability and conversion, no matter the device size.

4. Improved usability
All the major usability issues are fixed. It doesn’t auto rotate, images are size optimised and it is more accessible.

Not convinced yet? Here it is in action: http://www.thispattern.com/ui-patterns/example/product-slider

Or read the full article here: http://thispattern.com/blog/product-slider-a-better-alternative-to-carousels

Product Slider – a slider for the 21st-century website builder.

Try it on your website. It works better.

by
by
by
by
by
by