Post by habiba123820 on Nov 2, 2024 3:19:53 GMT
2015 may be the pivotal year for responsive design. When Google announced that non-mobile-friendly websites would be downgraded in embedded browser search results last April, it was clear that this was not just a fad. For emails, it's the same thing. While 30.4 million French people own a smartphone , the Mobile Marketing Association France ( mmaf ) announced in December 2014 that 41.4% of emails in France were opened from a smartphone or tablet . Have you ever tried to open an email that is not adapted to your smartphone? You find yourself having to zoom in because the font is tiny and scroll from right to left to see the entire text, all this to read an email whose design no longer looks good on your handheld device.
Generally, it annoys you, you don't read it, you keep a bad image of the sender and you look for the unsubscribe button, saying to yourself "never again...". Yes, it's real life. Mobile-friendly or responsive? You might say , “Not us. Our emails are mobile-friendly and adapted to be read on mobile devices .” And here I answer: be careful! Do not confuse mobile-friendly with wordpress web design agency responsive design . The first comes from an approach inspired by user experience. It is a good thing to want to create an email that will be easily readable on mobile by using larger fonts, placing its elements in a single column, paying attention to the number and weight of images, integrating calls-to-action that are clearly visible and easily clickable with your finger, etc.
But this would be imposing a constraint that is ultimately counterproductive for other media. In short, the approach is commendable but the technique is not there. Responsiveness is a fundamental work. It is not enough to create an email whose structure can easily fit on a mobile, you have to go further than that and work on the email code itself so that its structure can easily adapt to any medium. To do this, the integrator can use several techniques and combine them: The “fluid email” technique involves using relative sizes (in percentage) for layout. Media Queries are a set of conditions according to which the layout adapts depending on the reading medium (for compatible applications). This technique is a CSS3 specificity very useful in responsive design which allows a perfect adaptation for small media. The conditions can be combined to adapt to all screen sizes (even resolution and orientation).
Generally, it annoys you, you don't read it, you keep a bad image of the sender and you look for the unsubscribe button, saying to yourself "never again...". Yes, it's real life. Mobile-friendly or responsive? You might say , “Not us. Our emails are mobile-friendly and adapted to be read on mobile devices .” And here I answer: be careful! Do not confuse mobile-friendly with wordpress web design agency responsive design . The first comes from an approach inspired by user experience. It is a good thing to want to create an email that will be easily readable on mobile by using larger fonts, placing its elements in a single column, paying attention to the number and weight of images, integrating calls-to-action that are clearly visible and easily clickable with your finger, etc.
But this would be imposing a constraint that is ultimately counterproductive for other media. In short, the approach is commendable but the technique is not there. Responsiveness is a fundamental work. It is not enough to create an email whose structure can easily fit on a mobile, you have to go further than that and work on the email code itself so that its structure can easily adapt to any medium. To do this, the integrator can use several techniques and combine them: The “fluid email” technique involves using relative sizes (in percentage) for layout. Media Queries are a set of conditions according to which the layout adapts depending on the reading medium (for compatible applications). This technique is a CSS3 specificity very useful in responsive design which allows a perfect adaptation for small media. The conditions can be combined to adapt to all screen sizes (even resolution and orientation).