Designing pop-ups for web and mobile is fundamentally different

[rUparaHmaN012]

While input fields on the web can be smaller to accommodate mouse clicks, they must be large enough to incorporate touch targets.

A smaller touch target leads to “fat finger syndrome”. Instead of converting, the user may end up abandoning your site.

website if you are unable to complete the laos mobile phone number desired action on mobile devices.

As a general rule, each clickable button on your mobile website should be at least 44×30px in size. Mobile devices are not the user’s preferred means of input. If you’re asking for email signups, make sure the input field is large enough for users to click with the tap of a finger, and that the input form has a flow that offers the least amount of friction for the user.

3. Limit the size of pop-ups on mobile devices
A pop-up banner at the bottom of the screen that does not cover the main content of the web page is a popular strategy for incorporating pop-ups on the landing page. Since it does not cover the main content of the website that is located above the fold, it does not violate Google's specifications.

It is also less obstructive to users than a full-page modal popup. The only challenge when incorporating this popup strategy is that you are left with a limited amount of space available to provide enough value for your customers to convert.

Since the popup is smaller, it may go unnoticed by the user. Also, smaller input fields may present a challenge for users who want to subscribe to your list.