The difference between Adaptive, Native and Responsive Web Design

website design Comrz Affino mobile apps Affino 7 Mobile Design Web Design Responsive Web Design adaptive design native design responsive design interface design web 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.

TweetFacebookLinkedInTumblrPinterestGoogle+eCard
1
Add New Comment
You must be logged in to comment.
Affino 8.0.0 - Speed and Simplicity Release

Affino 8.0.0 - Speed and Simplicity Release

Affino SasS 2017 In Review

Affino SasS 2017 In Review

Did you find this content useful?

Thank you for your input

Thank you for your feedback

Blog Navigation


2018 50

4 Great Power-Scaling Tube Amps for Home Use
"Rui, I believe the two you suggest are decent "...
23 days ago
4 Great Power-Scaling Tube Amps for Home Use
"Hello Stefan So much info in this small article/"...
23 days ago
Cast Off Bank TSB playing with False Economies
"Slight update! - I have finally managed to make "...
30-Apr-2018
9 of the Best Modulation Workstation Pedals for Your Consideration
"Mark - I don't find any of those Rotary "...
18-Dec-2017
9 of the Best Modulation Workstation Pedals for Your Consideration
"Stefan, Great article. Thank you. How would you "...
18-Dec-2017
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
Waiting

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

Rovio
Procurement Leaders
Ocean Media
Open Door Media
Gill
Drewry
Shard Media Group
PPA
AOP - Association of Publishers
Agribriefing
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