Viewport Testing: Analysis Options for a Better User Experience

DubBot brings you an exciting addition to your testing arsenal: the ability to configure the viewport used for testing and previewing your website for a more customized evaluation of your content within DubBot.

Viewports play a significant role in ensuring your website looks great and functions flawlessly across various devices, including mobile. They help provide a consistent and uniform display across various browsers and influence how a page responds to zooming and scaling actions, reducing compatibility and accessibility issues and improving the overall user experience.

Testing Viewports with DubBot

DubBot makes testing and previewing your website easy by providing a selection of common viewport sizes and analysis options.

List of various viewport sizes with corresponding mobile device.

Note: The list depicted in the image above is not exhaustive.

You also have the flexibility to configure your own custom viewport.

Screenshot of the Custom Viewport page with a red arrow from the Advanced tab to the Custom Viewport dropdown indication where this functionality can be found.

Viewports are more than just screen sizes; they shape the user experience. By understanding the diverse ways users access content, optimizing your website for different viewports enhances accessibility and engagement and takes your testing capabilities to the next level.

For more detailed information on testing viewports in DubBot, please read the help article titled "Adjust width and height of Viewport" and the Page Preview / Analysis Options section of the help article titled "Advanced Settings for Sites."