در چند سال اخیر طراحی برای تلفن های هوشمند تغییرات بسیار بزرگی را دیده است. بر اساس اکثر گزارشات حدود 61 درصد از کاربران ایمیل های خود را در تلفن همراهشان باز می کنند و 31 درصد کاربران نیز می گویند که با همان تلفن همراه خرید های ایمیلی را انجام می دهند. این آمار روز به روز افزایش می یابند به همین دلیل بهتر است ایمیل های خود را برای تلفن های همراه نیز بهینه سازی کنیم.
1. طراحی ساده و تک ستونه
بهترین و آسان ترین راه، طراحی یک ایمیل طراحی تک ستونی به همراه عرض واکنش گرا است اما اگر دوست دارید که طراحی هایتان چند ستونه باشد باید به نکته ای توجه کنید؛ طراحی چند ستونه بدین معنا است که در گوشی های موبایل عناصر شما روی هم قرار می گیرند (stack می شوند) بنابراین قبل از ارسال ایمیل ها باید ببینید شکل Stack شده ی آن ها به چه شکلی است. آیا ظاهری قابل قبول دارد یا باعث دوری کاربران از سایت شما می شود؟
برای راحتی کار شما یکی از قالب های طراحی ایمیل برای موبایل را در اختیار شما قرار می دهیم:
نمونه طرح ایمیل سازگار با تلفن همراه (طراحی تک ستونه)
دانلود تمامی کد ها + تصاویر این قالب آماده
2. غیرفعال کردن عناصر خاص
شما می توانید با استفاده از کد زیر عناصر desktop را غیرفعال کرده و عناصر موبایلی را نمایش دهید. به طور مثال می توانید تصویر بهینه شده ای را نشان دهید که با سایز دستگاه های موبایلی سازگار است یا سایز دکمه هایتان را تغییر دهید: