Because they are the ones who will ensure effective communication. In short, your user will not close the email without even reading the second line .Responsive Modules
Before placing your elements, you must understand a very simple rule: they are naturally arranged from left to right and from bottom to top . As you reduce their horizontal space, they will seek to recover that lost space in the verticality of the same.
For this to happen in an orderly manner , it is appropriate to place your elements on modular spaces . Why? In this way, they will stop behaving as individual elements and move as a group. Thus, the first premise takes center stage again.
But what is the right way to work with
A or get these modules? Through the use of modular and percentage grids ! R updated 2024 mobile phone number data emember: your items to be sorted are now modules. The fewer you have, the easier the task will be .
Also keep in mind that modules need to be reordered from horizontal to vertical, so the fewer columns you use the easier it will be to control or predict their behavior .
Review some tips!
Clear and concise message: As the screen size decreases, the less the user will see at first glance.
Modular and constrained structures
Simplicity is the key. The fewer elements that need to be rearranged, the more controllable the result will be and the less important information will be inaccessible to the user.
Buttons or calls to action: Not everyone has small fingers! Apple’s iOS Human Interface Guidelines recommend a minimum tapping area of 44 × 44 points.
Generous font sizes: Make sure your message is easy to read. The minimum suggested size to make it comfortable for the human eye is 13px.
Vertical hierarchy: Keep in mind that as the screen gets smaller, the element data on s that will be hidden from the user’s first glance increase. Place the most important elements in first reading order.
Use images sparingly: Don’t base your communication solely on images. The native iPhone email app will display them by default, but many clients won’t.
Still not sure how responsive email design works ? Don’t panic! With i’ll see about that another time our new Responsive HTML Email Guide you can clear up all your doubts and learn all the tricks to design responsive pieces. Download it now!
We also recommend that you review this article that explains everything about Responsive Design so that you can further deepen your knowledge . Are you still not doing Email Marketing? It’s time to send your first Campaign. Create your free account with unlimited sending on Doppler !