{"id":1262,"date":"2022-03-22T08:40:49","date_gmt":"2022-03-22T08:40:49","guid":{"rendered":"https:\/\/vwo.com\/product-updates\/?p=1262"},"modified":"2023-10-27T07:23:28","modified_gmt":"2023-10-27T07:23:28","slug":"build-the-best-user-experience-with-device-specific-testing","status":"publish","type":"post","link":"https:\/\/vwo.com\/product-updates\/build-the-best-user-experience-with-device-specific-testing\/","title":{"rendered":"Build the Best User Experience With Device-specific Testing"},"content":{"rendered":"\n

Are you obsessed with building a relevant customer experience on every device your end-user uses to browse your website? In that case, you will love our new responsive website editor for device-specific testing and the control and flexibility it gives you. It empowers you to test campaign pages aimed at a definite device type for responsive and adaptive websites as part of your multi-device experimentation program. <\/p>\n\n\n\n

How does VWO\u2019s responsive website editor for device-specific testing help you?<\/strong><\/h2>\n\n\n\n

Let\u2019s first talk about where you can use it. Say, for example, for your eCommerce store, mobile conversion rates drop a particular season, and you want to run a mobile-only promotion. Additionally, you want to re-design your website navigation to make it user-friendly for both desktop and mobile users. So, you want to test a few design layouts and optimize them for mobile before taking them live. <\/p>\n\n\n\n

In addition, your analytics platform shows you data that a higher percentage of your visitors use a specific device like a mobile or a tablet to browse your website. You can drill this data deeper to see the device types used by them too. You therefore want to build a campaign page with a discount banner optimized for a specific device type like the Samsung series and run this campaign on mobile users only to build an optimal experience. Similarly, you want to create a campaign page showing your navigation, optimized for a specific device type like iPad Pro series users, and target it to Tablet traffic on your website only.<\/p>\n\n\n\n

Doing this is very simple using VWO responsive mobile editor.<\/p>\n\n\n\n

#1 Get campaign page preview in specific device types<\/strong><\/h3>\n\n\n\n

Our new feature simulates your pages corresponding to specific mobile or tablet devices so that you can view the changes you are making to the campaign page before you apply them in your campaigns. For adaptive websites, you can use the pre-defined set of resolutions from a list of widely used mobile and tablet devices. For responsive websites, you can define a custom resolution of the webpage using the responsive mode, which is available for both mobile and tablet devices. In both cases, you have the option to toggle between portrait and landscape mode too to check the look and feel of the campaign page changes.<\/p>\n\n\n\n

\"Top
Top panel option in responsive website editor to preview campaign pages in various device types<\/figcaption><\/figure>\n\n\n\n

#2 Target relevant audience specific to your campaign page<\/strong><\/h3>\n\n\n\n

Once your campaign pages are ready, you can target a particular campaign specific to your desired cohorts, like device traffic, to test and understand end-user behavior.<\/p>\n\n\n\n

\"Screenshot
Device based segmentation to target the relevant visitors in your campaigns<\/figcaption><\/figure>\n\n\n\n

In case of our example, if you are running a discount banner for mobile users, optimized for a specific device type to see how they react to it, this is what your test would look like with our new responsive website editor:<\/p>\n\n\n\n