响应式网页设计的三种内容策略：计划、优先排序、提炼

对于大多数营销人员来说，“响应式网页设计”一词很可能会让人联想到网页开发人员和线框的图像。 但它应该让人想起一连串的句子和大块的文本。

内容是吸引潜在客户的引擎，然后推动他们完成销售周期。 响应式网页设计的主要工作是确保内容易于消化，无论网络访问者是使用手机、平板电脑还是台式机。

响应式网页设计是重新构想内容的机会，以便每句话吸引更多读者并收集更多线索。

什么是响应式设计？

首先，了解一下响应式网页设计的背景知识。 这个概念很简单——创建一个网站，根据网络访问者使用的设备自动优化其移动或桌面设计。 发现网站是否响应的一种简单方法是：在桌面视图（以及窗口视图，而不是全屏视图）中抓住网站的右下角，然后慢慢将其缩小到智能手机的大小。 如果网站在缩小时转换为适合移动设备的视图，则它是响应式的。 如果它只是缩小成一个难以阅读、滚动和捏合的网站，那么它就没有响应。

响应式设计始于对移动不仅仅是相同内容的另一个平台的理解。 移动设备的迅速崛起改变了内容的形态、组织和大小。 而且，人们对移动内容的期望完全不同。

这些期望贯穿于公司内容活动的所有组成部分——无论是电子邮件营销、社交还是网络内容。 您网站的内容必须响应迅速并针对移动设备进行优化，但您的电子邮件营销模板和社交活动也应如此。

为什么需要响应式设计

如果您没有响应式设计，那么您需要它。 谷歌正在惩罚没有响应式设计的公司的搜索排名。 移动网络流量无处不在，所有网站都需要从同一网站智能地为移动和桌面用户提供服务。

几个快速统计数据：移动驱动了 41% 的所有付费搜索点击和 31% 的所有付费搜索支出 (Merkle RKG) 和 53% 的所有电子邮件打开 (Litmus)。 鉴于移动趋势，这些数字不会很快放缓。

创建真正针对移动设备优化的内容的结果可能是惊人的。 Act-On 发现响应式设计带来的销售线索增加了 93.5%。 还有哪些其他简单的解决方案可以立即使您的销售线索增加一倍？

为响应式设计优化内容的三个步骤。

1. 跨部门计划

响应式设计不仅仅是让数字团队在 Web 开发上松懈的问题。 这是撰稿人、设计师和战略家之间的团队合作。

有效的规划将确保内容、编码和设计完全吻合，使您的网站成为产生潜在客户的机器。 从一开始就确定基础知识：网络访问者资料、访问者动机和期望的结果。 谁在访问您的网站？ 为什么？ 一旦他们到达您的网站，您希望他们做什么？

从一开始的跨部门协作将确保该项目在花哨的设计与有条理和有效的内容之间取得平衡。

2. 在清晰的层次结构中对内容进行优先排序

确定内容的优先级对于响应式网页设计至关重要。 当桌面浏览器页面的实际空间缩小到手持大小时，内容就会变得混乱。 一个宽阔的多栏网页被压缩到一个单栏的移动页面中。 如果网站设计不当，一些最重要的内容可能会出现在页面底部，需要很长（太长）的滚动才能到达。

为内容创建分配优先级将创建一个结构，确保您最重要的内容上升到顶部。 通过根据层级识别内容来创建内容层次结构。 这种识别最好出现在营销或文案团队中，并清楚地传达给设计师和项目经理。 这种协作将导致一种为移动查看器保留内容层次结构的设计。

将内容缩小到移动大小

就像软件或操作系统用户期望功能性和直观的设计一样，今天的读者期望内容被专业地制作成简洁的块。

将您的内容策略视为类似于读者的 UI 或 UX。 就像用户体验设计需要时间、精力和迭代一样，内容应该以读者为中心进行多次设计。 隐藏结构将对可用性（或内容的可读性）产生巨大影响。

如果在最终草稿之后您仍然向读者展示大量灰色文本，则您需要进行另一轮内容提炼。 继续分解内容，直到剩下要点、简介和简洁的文本，这些文本被照片和视频等多媒体产品分解。 考虑将大量数据的复杂文本块转换为信息图，其中文本和视觉效果的配对可以将数据转换为易于理解的视觉效果。

垂直分块——将文本分成可以并排放置的垂直块，每个块都有自己的标题和照片——允许读者横向扫描并逐个阅读垂直块。

这个一口大小的内容传递系统比灰色文字墙更具视觉吸引力，向读者发出信号，表明作者和设计师已经完成了识别个人想法的工作，将它们制作成紧凑的文本，并以简洁的方式呈现它们方式。

响应式设计不仅仅是添加到已经太长的待办事项列表中的一件事。 这不是烦恼或低优先级。 这是一个在一个项目中完善内容、改进网页设计并取悦移动买家的机会。

~ 想学习响应式网页设计的所有技巧，包括管理开发流程、估算成本和移动优先吗？ 查看整个网络研讨会响应式设计：网页和电子邮件的 10 个注意事项。