The layout here shows how webapps can deliver comprehensive structural, menu and content changes when switching between phone and tablet views.
Unlike responsive websites that can only vary the CSS styling and arrangement of the webpage when switching from tablet to phone view, webapps use adaptive designs.
These create two discrete layouts – one for phone, one for desktop/tablet.
With the user being automatically taken to the appropriate screen size version, this means that the User Experience (UX) can be fully customised for the device being used.
While adaptive designs require additional work to set up and update, their priority on the delivery of the optimal UX aligns them with the type of customised outcomes one expects from an app product.