When designing the user interface (UI) of a website, designers must think about how content will be displayed and accessed by people using devices with varying proportions and resolutions.

Frequently, the proportion and layout of visual elements differ greatly from original design specifications. When websites are not designed to fit on multiple devices, they are not ‘responsive.’

Unresponsive design can create a variety of usability problems: font sizes are incorrect, buttons are not clickable, etc.

Not all teams can create responsive web applications. However, there are established techniques for developers and designers looking for responsive web design workarounds. One main technique is to generate URLs that automatically recognize (through HTML tags) the type of device being used. When the device is detected, content can be displayed optimally.

Examples of generated URLs:

• www.yoursite.com (desktop access)
• m.yoursite.com (mobile access)