Learn how Device Mode allows you to view and interact with your website’s UX from the eyes of mobile users. This lets you quickly and easily check how it looks, functions and responds in real life.
It’s easy for marketers, business owners, and optimizers to fall prey to the temptation of viewing their website only on their desktops or laptops at work. It’s important to remember that many users access your website on their smartphones and tablets while they are commuting, waiting for the kettle boil or watching TV.
In fact, almost half of all website traffic now comes from mobile 1. In Western Europe, nearly 40% of all transactions are now done on mobile devices 2.
Your current view of your site and the way it looks on mobile devices may not accurately reflect reality. However, it is impossible to test how your site looks on different mobile devices.
What is the solution?
Use Device mode
You can use Device mode in your Chrome browser. This allows you to view your website on any mobile screen that you choose. It’s possible to match your website with the devices that customers use. These details can be found under Audiences/Mobile/Devices on Google Analytics.
You can also rotate the view to landscape, and you can add the frame to your device to get a closer representation of how your site looks to users. To test the effects of load times, you can simulate slow or fast networks and put extra strain on your device’s CPU.
Mobile conversions can be affected by a mere one second delay in loading times. This could impact mobile conversions by as much as 20% 3.
How do I launch Device mode
Step 1 :
Chrome: Open your website. __S.20__
Right-click anywhere on the screen to open the inspector menu.
Step 3 :
Click the device icon to toggle.
Step 4 :
Select the device that you want to optimize for by clicking ‘Responsive” on the menu bar. Drag the handles to adjust the screen size.
What can you do in Device mode
You can check the appearance and functionality of your website on different devices by entering Device mode. You might notice that certain pages are too wordy, your headlines too long, or that people have to pinch and zoom to see buttons.
Check to see if the most important content and CTAs appear ‘above’ the fold. This means that users don’t have to scroll all the way down to find the relevant content or make a purchase. Consider moving them up a bit if they are.
Time well spent
It is worth taking the time to see how your website feels in real life and then making improvements. In the US, for example, 79% of respondents said they are more likely to share and/or revisit a mobile website if it is simple 4.
More than 90% of B2B buyers who report a great mobile experience say they are likely to purchase again from the same vendor. This compares with just about 50% of those who report a bad mobile experience 5.
After any redesigns or minor changes, be sure to look at your website this way. You should also check-in when major mobile devices become available to ensure you are up-to-date.