Table of Contents

Why Responsive Design?

We all agreed if sales on internet marketing is depends on how many customers we get. In 2017 customer from smartphones is raised significant. People like to buy something they like only just from their gadget.

So for this project, I start to build SEO landing page with some responsive design, for this 1^st test I use OnDevice App. Why use this? Clarks told me and test this product, and, WOW, this app passed all my requirements like :

Create Free Test Account

Hey, everybody likes free stuff right? But i am tested this, so buy their premium

Comparable Devices

All devices are displayed in one horizontal viewport where you can compare them, easily find the inconsistencies and have an overview of how your responsive design looks across multiple devices.

Real Device Preview

The responsive test results are displayed with real device images around them to view what the client sees during a review and thus minimises the number of correction iterations and change requests.

Physical Device Sizes

The display of the responsive testing is based on real device sizes, to see how certain resolutions look in real life and to check whether you set your break points correctly.

Predefined Devices List

The device list of the responsive tester ranges from the smart phone to the HD monitor and they all have their brand, resolution and market share displayed so you know which resolution belongs to which device and how important it is to test on that device.

Accurate Displays

The device pixel ratio and the inconsistency between browsers, including or excluding the scrollbar in the media query widths, are incorporated so they will not modify the responsive test results compared to real devices.

Presentation Mode

By turning off the designer toolbar, you get a sleek, clean interface on which you can present your responsive design to stakeholders without taking painstaking screenshots.