Skip to main content

Responsive websites

The right response...

 

Today's customers demand great looking websites on any device they access them from. Eonic delivers expertly designed, responsive sites to cater for the present and future generations of mobiles, as well as the Internet of Things (IoT).

 
 
 
Clouds-layer-blue-sm
Clouds-layer-white-sm
 

What's a responsive site...?

 

The purpose of responsive design is to have one site, but with different elements that respond differently when viewed on devices of different sizes. A “fixed” website, when viewed on a desktop computer for instance, might show three columns. But when you view that same layout on a smaller tablet, it might force you to scroll horizontally, or elements might be hidden from view or look distorted - neither of which is desirable. The effect is compounded by the fact most tablets can be viewed either in portrait or landscape too.

On a smartphone screen, websites can be even more challenging to see. Large images may “break” the layout and sites can be slow to load on smartphones if they are graphics heavy.

However, if a site uses responsive design, the tablet version will automatically adjust to display just two columns. That way, the content is readable and easy to navigate. The smartphone version might appear as a single column, perhaps stacked vertically. Or possibly the user would have the ability to swipe over to view other columns; images will resize instead of distorting the layout or getting cut off.

The point is: with responsive design, the website automatically adjusts based on the device the viewer is using.

Why do I need one...?

Mobile usage has increased exponentially over the last decade. Launches of the latest iPhone, Samsung Galaxy, as well as other smartphones and tablets means much of the population - 60% in fact - now expect to do many everyday tasks through their mobile tech. This includes buying products or services.

In another survey, 67% of mobile users said if they visited a mobile-friendly site they are more likely to buy a service or product. The fact of the matter is, if your site isn’t responsive it may cause frustration and your mobile users will opt to leave and do business elsewhere. Eonic will build you a perfectly responsive site to avoid this outcome.

What about adaptive sites...are they any good?

It's not really about them being any good, just are they appropriate for you and your customer's needs? If you don't have much time to dedicate to a project, either for budgetary reasons or due to time-related restrictions, adaptive design will ultimately give you an edge - as long as you have access to the user analytics data for the site. This data will help decide design priorities, by showing which platforms and devices are most commonly used to access your website. Therefore, one can cater to that group and design for those specific screen sizes to save time.

Adaptive design is really only used for cases in which a website just needs some 'fixing'. If the website is going through an overhaul, Eonic would always recommend employing responsive design principles.