易购平台

  • <small id="pulgf"><video id="pulgf"></video></small>
    <tr id="pulgf"></tr>

    <tr id="pulgf"><small id="pulgf"></small></tr>
  • <tr id="pulgf"></tr>
    <ins id="pulgf"></ins>

      1. 愛運營首頁
      2. 營銷知識
      3. 郵件營銷

      5大黃金準則幫你設計移動端郵件

        編者按:用移動端收郵件的人越來越多,如何令郵件變得清晰易讀也成了一個設計難點。今天分享5個實戰經驗中總結的設計準則,幫你搞定小屏幕上的郵件設計 >>>

      移動設備上的郵件設計不僅僅是一個內容填充列表,它涉及諸多設計元素。

      對于移動設備的設計從來不是一件簡單的事情。人們采用不同的方式使用網絡,我們需要考慮一個全面的方案,特別是在小屏幕上使用郵件。

      讓我們一起來探討關于移動設備上的郵件設計需要考慮的問題,這些討論并不意味著能夠解答手機郵件設計上的所有問題,但這是一個好的起點。

      一、保持簡潔

      嚴禁復雜 —— 尤其是在郵件上。始終避免使用復雜的結構,否則在小屏幕上渲染時一定會失敗。請記住許多設備是不支持媒體查詢的(例如谷歌郵件),所以我們不能指望成熟的內容重排技術。

      一個線性簡單的布局在大多情況下都能表現良好。

      郵件的整體大小也非常重要,如果它超過了預設的大?。ù蟾?00KB),你的郵件將不能完全加載。我在所有的客戶端上都沒有測試出這個問題,但是谷歌郵件和IOS設備出現了這個問題。

      下面這張截圖里,你能夠看到用戶是如何通過點擊一個鏈接查看整個信息:這使得用戶不必閱讀全部郵件。

      移動端郵件 移動郵件設計 移動界面設計

      二、注重郵件目標和折疊

      雖然我不是“Above the fold”問題的粉絲,不過在移動設備上閱讀郵件意味我們要把上半部分放在非常重要的位置。

      讓用戶能夠輕松地看到摘要目錄,在大多數情況下都能快速瀏覽內容,從而引導讀者深入閱讀。

      郵件頂部的小段落可以做到這些。

      站長之家, 移動端郵件, 移動郵件設計, 移動界面設計

      這使得一些重要的客戶端(如谷歌郵件,或者IOS和OSX上的郵件)工作更便利。

      移動端郵件 移動郵件設計 移動界面設計

      三、調整字體和圖片

      這個話題只適用那些支持媒體查詢的設備。不幸的是,對于那些不支持的設備我們沒有任何辦法,他們會自己調整文本與圖片。

      目前,媒體查詢能夠被所有IOS設備支持,安卓原生郵件應用也支持(但是有一點問題并且Lollipop拋棄了這一特性支持谷歌郵件),還有最新的黑莓手機和少數的其它手機支持。

      IOS設備在字體與圖片尺寸上有兩個主要問題:

      小字體在默認情況下被放大 郵件寬度基于最大的單元

      字體被放大通常不能說是一個嚴重的問題,但是在很多情況會導致文本超出你的布局被剪切。

      在你的CSS代碼中加入這一行能夠輕松解決這一問題。

      移動端郵件 移動郵件設計 移動界面設計

      下面的截圖你能夠清楚地看到通過添加-webkit-text-size-adjus,紅色區域的文本大小是如何改變的,左邊的是添加后的,右邊的是沒添加。

      站長之家, 移動端郵件, 移動郵件設計, 移動界面設計

      字體調整也影響移動設備上的用戶體驗。小字體在桌面設備上能夠輕松閱讀,但是小屏幕上就有完全不同的影響。

      看下面這個例子,右邊的文字被放大了能夠輕松閱讀,吸引用戶的目光。

      站長之家, 移動端郵件, 移動郵件設計, 移動界面設計

      一般來說,在移動設備上放大文本字體是一個非常好的做法,特別是對郵件來說。因為閱讀的時間很緊張你需要快速抓住用戶的關注。

      四、自定義鏈接和按鈕

      移動設備上的郵件設計對于鏈接需要一點技巧。

      首先考慮到將被手指點擊,所以保持良好的間隔并嚴格限制數量。

      確保他們很容易點擊并可見。此外,永遠記住在內聯CSS樣式表中為錨添加規則:Gmail應用程序鏈接的樣式為藍色,默認情況下強調他們。

      一個潛在的小問題是,Gmail和IOS自動為電話號碼,URL和電子郵件字符串(只是Gmail)添加鏈接。

      為避免IOS自動生成電話鏈接,你可以在你的代碼中添加meta標簽。

      站長之家, 移動端郵件, 移動郵件設計, 移動界面設計

      Gmail的解決有一些狡猾:它通過加入一些不可見的字符,以確保字符串不會被識別為一個潛在鏈接。

      我用HTML實體和“中性”span標簽做了一系列測試。只有用span標記打破鏈接的每個部分,才能獲得預期結果。

      五、添加間距

      對于郵件的設計我有一個最新的建議就是考慮增大文本內容的內邊距,這能夠顯著提升郵件可讀性。

      譯文地址:blog.enqoo

      去年今日運營文章

      1. 2019:  短視頻母嬰類紅人稀缺,這個垂類的空間有多大?(0)
      2. 2019:  做好權益設置,打造有價值的會員體系(0)
      3. 2018:  運營入門三連問(0)
      4. 2018:  用戶運營知識結構歸納之用戶成長激勵體系(3)(1)
      5. 2018:  用戶運營知識結構歸納之用戶生命周期(2)(1)

      原創文章,作者:愛運營,如若轉載,請注明出處:http://www.fawz8.com/yxzs/yjyx/13974.html

      發表評論

      登錄后才能評論

      聯系我們

      187-1891-2971

      在線咨詢:點擊這里給我發消息

      郵件:admin@iyunying.org

      工作時間:周一至周五,9:30-18:30,節假日休息

      QR code
      鄯善| 永和| 翁牛特旗| 吴县东山| 广饶| 方山| 琼中| 锡林浩特| 高平| 邓州| 江城| 桐庐| 将乐| 滦平| 华县| 宁陕| 昌吉| 舞阳| 吴堡| 平安| 北辰| 前郭| 新宁| 阿城| 秦皇岛| 汾西| 隆回| 德阳| 郧县| 舒兰| 澄城| 崇庆| 民勤| 石阡| 新源| 西安| 苏家屯| 拉孜| 头道湖| 富县| 日照| 独山| 合江| 莲塘| 酒泉| 引水船| 安远| 桂阳| 新建| 长兴| 和布克赛尔| 集贤| 吴江| 广平| 阜城| 北海| 集安| 榆树| 邕宁| 蓬安| 范县| 宾县| 商城| 惠州| 射阳| 泾源| 盐边| 凤城| 秀山| 广宗| 从化| 卢龙| 茶卡| 保德| 祁县| 柏乡| 沁城| 蕉岭| 耒阳| 方城| 中江| 嘉义| 达拉特旗| 岳池| 垫江| 万源| 大方| 灵璧| 屯溪| 宿松| 大安| 宁明| 清水河| 成县| 宾川| 思南| 兴义| 喀左| 新都| 纳雍| 焉耆| 杂多| 五原| 冷湖| 元阳| 隆林| 泉州| 江门| 盂县| 潜江| 金川| 纳溪| 羊山| 斗门| 宁县| 方山| 慈溪| 马公| 华坪| 汇川| 莱西| 宜宾县| 炉霍| 容县| 武城| 周至| 门头沟| 略阳| 青龙山| 托克托| 墨竹贡卡| 城口| 福州| 西连岛| 安吉| 扎赉特旗| 巴林左旗| 河口| 忻城| 章党| 旬邑| 湘阴| 塔河| 宜宾| 凤冈| 兴宁| 延边| 两当| 建阳| 孙吴| 定西| 乐平| 延吉| 仙桃| 偃师| 新龙| 塔河| 高县| 泗阳| 青河| 高台| 新林| 宁县| 清原| 玛纳斯| 昌黎| 武威| 三门峡| 鄂尔多斯| 晋城| 晋洲| 卫辉| 萧山| 夏河| 泗阳| 喀左| 滦县| 额敏| 东阿| 沐川| 新余| 南澳| 引水船| 孪井滩| 阿拉山口| 临澧| 石河子| 康山| 班玛| 杞县| 呼伦贝尔| 弋阳| 太湖| 盱眙| 砀山| 海拉尔| 孟津| 五营| 彬县| 洪江| 平凉| 琼中| 南澳| 津南| 离石| 泰顺| 同江| 社旗| 洛南| 沈丘| 库尔勒| 惠东| 平阴| 托里| 旺苍| 石首| 苏尼特右旗| 平潭海峡大桥| 昌吉| 广州| 怀仁| 尉氏| 通城| 遂溪| 普格| 宜宾农试站| 淮阴| 吴县| 夏津| 炉霍| 中宁| 盈江| 盐山| 文成| 镇沅| 饶河| 凉城| 日照| 信阳地区农试站| 自贡| 兴国| 瑞昌| 汤阴| 台江| 阜宁| 大连| 民勤| 大同| 邱北| 山阳| 中心站| 崆峒| 镇原| 关岭| 兴和| 绥中| 宾阳| 栾城| 新竹市| 盱眙| 岢岚| 大姚| 沙塘| 皋兰| 大冶| 炉山| 羊山| 马站| 霍邱| 浑源| 银川| 新津| 凉山| 民和| 集安| 墨玉| 衡东| 小二沟| 孪井滩| 公馆| 河津| 宝清| 和龙| 富平| 石楼| 清河| 奉化| 东光| 科尔沁左翼中旗| 波阳| 天水| 昌宁| 乌鲁木齐| 太白| 威远| 新港| 兰西| 即墨| 保德| 长葛| 南溪| 青浦| 肇东| 义乌| 迭部| 平南| 六库| 冠县| 芜湖县| 大田| 上饶| 云和| 繁昌| 黄泛区| 大新| 安图| 盐津| 文山| 陵县| 西吉| 博兴| 冕宁| 南召| 乡城| 索县| 金溪| 温州| 云澳| 芦山| 邹平| 沾化| 清徐| 错那| 昆明农试站| 姚安| 浪卡子| 临清| 益阳| 垣曲| 黑山| 乐都| 龙泉驿| 禄丰| 泉州| 含山| 吴县| 安多| 虞城| 小二沟| 南沙岛| 潮连岛| 府谷| 仙游| 梅河口| 淮阴县| 塔河| 社旗| 建湖| 南澳| 毕节| 南召| 绩溪| 固原| 文成| 烟筒山| 习水| 镶黄旗| 瑞昌| 屏边| 化德| 伊吾| 上虞| 长寿| 高州| 武乡| 宜章| 石炭井| 沁水| 会理| 渠县| 迭部| 达州| 托勒| 嘉鱼| 漳州| 蒙自| 大宁| 咸宁| 保靖| 滦南| 元氏| 崇左| 大方| 安化| 衡水| 台州| 雷州| 瑞丽| 无棣| 高要