YESMAIL: SCALABLE VS. RESPONSIVE EMAIL DESIGN
36% and rising! Emails opened on a mobile dev:
76% of companies.
This puts consumers in a tail spin
44% consumers say mobile emails re difficult to read because of excessive scrolling.
29% point to wrong layouts for mobile screens.
27% point to excessive content.
An email layout that is still 100% readable and 100% fingertip clickable when reduced to half its size on a mobile device.
An email layout that adapts to the proportions of the device it is rendered on by using a secondary code.
Emails opened on mobile devices and not using these approaches provide a terrible user experience.
While a sidebar allows a second level of content, without a mobile fallback, this layout further reduces the size of the main content area.
The buttons are too small in a typical layout to be "clicked" easily with a finger or function as an effective call to action.
The change in orientation between desktop and mobile results in unused space on an already small screen.
Not all mobile devices support responsive design.
Create a hybrid layout for the best of both worlds!
Many of the features of scalable and responsive design are reiterated below, providing an example of hybrid layout that highlights the strengths of both designs.
Hybrid Layout as viewed on a computer.