Responsive + Adaptive Experience For Mobile & Tablet Users

Modified on Thu, 21 May, 2015 at 11:49 AM

So in another post we talked about how we differentiate between responsive and adaptive when talking about mobile optimization.

In this post, we'll get into what we actually did. All of our efforts around device optimization were based around one idea… Responsiveness (mainly width) does NOT mean your site will work well on mobile.

That means that just because you can resize your window on your desktop browser and see the columns stack up, it does not mean the site is optimized for mobile devices.

All Empowerkit sites are responsive by default

What we did was first make all Empowerkit sites responsive by default. That means that every site that you make in Empowerkit is responsive by default. You don’t need to do anything to make that happen.

Let's clarify another thing… we don’t have Themes that are built responsive. Our entire platform is responsive. That means that ANYTHING you make in Empowerkit will be responsive.

1. Our Apps are responsive

All of the apps in everyone of your pages is designed for mobile devices already using media queries to size images and videos correctly when it’s being viewed on mobile & tablet devices.

2. Our layout builder is responsive

When you build a custom layout in Empowerkit, you can then open it in another browser and start resizing it to see how it can respond to the width of your screen. Any layout that you make in Empowerkit will be responsive as a result.

Note: we will someday release width conditional responsiveness as well. We have the ability to do it now but we want to put in the right user experience for it. That would mean that you could decide how the stacking / responsiveness would behave depending on the width of the screen.

3. Our apps are adaptive
There are some apps that require to be adaptive, such as The Navigation app, for example. When you visit a page on a mobile device, the app that requires further optimization will run a script to strip the content out of it in a completely new behavior that is optimized for the device that it’s being viewed on.

Ok, so that’s how we optimize your pages!

For further questions or comments, please get in touch.