Posted on23 January 2013 12:03 PM GMT

The difference between Adaptive, Native and Responsive Web Design

website designComrzAffinomobile appsAffino 7Mobile DesignWeb DesignResponsive Web Designadaptive designnative designresponsive designinterface designweb apps+-
2013CzBlogRespomsiveDesign480

As covered in earlier blog posts, ’Responsive’ design is one of Affino’s key priorities for 2013. Affino already handles ’Adaptive’ design, but what are the differences and benefits of each of these methodologies? A key trend in current web design is that people are increasingly accessing websites via their mobile devices - i.e. smartphones and tablets. Where before desktop / laptop was king, now customers are much more likely to access a company’s services via one of their mobile devices. The 3 methodologies each set out to tackle this shift in behaviour, and each has its pros and cons.

 

 

Adaptive Design

 

This essentially means designing several different interfaces - each to tackle a different screen resolution - Affino currently allows you to design and target different interfaces / Skins for: Web | Mobile | iPhone | Android Phone | Tablet | iPad | Android Tablet. You can create as few or many Skins as you need to suit your purposes. You would start by doing generic Web, Smartphone and Tablet skins and then specific per platform. The interesting trend is that tablets are approximating laptop / desktop resolution - so for Comrz.com we currently only have desktop and smartphone variant Skins. The key benefit of Adaptive Design is that you can create a dedicated interface for each screen resolution / access device.

 

 

Native Design

 

This essentially means creating Apps - which means a different solution for every device. In doing this you can create the perfect environment for your customers - for each device, but obviously this means a lot of work, and a lot of overhead as platform software / firmware is relatively frequently updated, and you need to prepare various assets for each of the different mobile platform stores. Customers will also obviously need to download and regularly update your app to make use of it. Morevover, you still require a core website as that’s where most of these company-centric apps get their data from in any case.

 

 

Responsive Design

 

This methodology involves creating just a single fluid interface which expands and contracts to fit the various different access devices. There are numerous ingenious aspects to responsive design - how text and media re-size to fit, and the column / design element structure varies to accommodate the different formats - get used to seeing a ’Hamburger Menu Tray’ icon top left of the site. The key benefit of Responsive design is that you need only create a single interface which is beholdent to the generic web / browser standards and which thus has the lowest overheads. For Comrz.com this is the methodology we will be adopting, and we will essentially be designing the main interface to a tablet-style format - which re-sizes and re-arranges elegantly to accommodate smaller mobile resolutions too. Navigation will be tailored so that the left/right up/down tablet-style navigation is universally applicable, yet for desktop navigation will still be slick - whether you choose to use a mouse, trackpad or keyboard - for instance utilising arrow keys.

Stefan
Posted by Stefan
Popular Comments RSS Feed Content Subscriptions
Tweet Facebook LinkedIn Tumblr Pinterest Google+
Add New Comment
You must be logged in to comment.

Did you find this content useful?

Thank you for your input

Thank you for your feedback

Blog Navigation


2017 50

House Music Label Odyssey
"Thanks for sharing this article , I am making an "...
25-Oct-2017
4 Key GDPR Questions that still need Answering
"Thanks for that update Markus. It would also be "...
19-Oct-2017
9 of the Best Compressor Pedals for Your Consideration
"Hiram - I believe it's the OTA / Ross Compressor T"...
01-Oct-2017
9 of the Best Compressor Pedals for Your Consideration
"Great post! What kind of compression does the C"...
01-Oct-2017
Affino 8 Coming July 2017
"We've pushed this back for a number of great "...
27-Sep-2017
Affino and GDPR
"Hi James, we will be working on the Suspend side, "...
20-Sep-2017
BOSS is quite literally Bossing things again these days
"This is the best information. If you want to "...
13-Sep-2017
Waiting

Driving business at some of the world's most forward thinking companies

Rovio
IDG
Procurement Leaders
Ocean Media Group
Gill
Drewry
Shard Media Group
PPA
AOP - Association of Publishers
Briefing Media
IMRG
FG Insight
Internet Retailing
TTG

Our Chosen Charity

Humanity Direct

And delivering industry leading awards

2016 British Media Awards - Technology Provide of the Year - Silver
2014 PPA Connect Awards - Procurement Leaders awarded Event Brand of the Year
2014 PPA Digital Publishing Awards - Procurement Leaders awarded Business Media Digital Brand of the Year (Again!)
2014 PPA Awards - Procurement Leaders awarded Business Media Brand of the Year (Again!)
2014 AOP Digital Publishing Awards - Procurement Leaders awarded Best Business to Business Website
2013 PPA Awards - Procurement Leaders awarded Independent Publisher Digital Product of the Year
2013 PPA Awards - Procurement Leaders awarded Business Media Brand of the Year
2013 PPA Digital Publishing Awards - Procurement Leaders awarded Business Media Digital Brand of the Year
Let Us Call You Back
Contact Us
Request A Demo