设计数字产品页面的不同方法

我认为公平地说，在为实体产品设计移动产品页面时，无论网站如何，您都将使用类似的布局并包含相同的细节。

例如，这是 Peloton 自行车、Macy's 服装和 Truth Bars 的产品页面：

信息的定位方式略有不同，一些产品页面首先显示产品名称、平均评分和价格，而另一些则以产品图片为主。 无论如何，就您可以包含的内容而言，没有太多的回旋余地。

为移动设备设计数字产品页面并不是那么简单。

虽然您可能可以类似地设计服装、设备和食品产品页面，但您不能对数字产品做同样的事情，例如：

• 电子书和其他文件，
• 媒体和其他可授权文件，
• 培训班。

随着消费者在网上和使用智能手机的时间越来越多，对高质量数字产品的需求也越来越大。 如果您对为此类产品设计电子商务网站感兴趣，则需要了解这些类型之间的差异以及如何通过产品页面设计以正确的方式向消费者展示它们。

为移动设备设计数字产品页面的不同方法

销售数字产品是在线产生（主要是）被动收入的好方法。 数字产品供应商不必拥有或管理库存、处理运输和退货或销售实物商品带来的其他挑战。

至于营销这些数字产品，那可能会变得具有挑战性。

在为以下类型的数字产品设计页面时，您需要了解以下内容：

电子书产品页面设计

随着时间的流逝，越来越多的钱花在全球电子书上。 根据 Statista 收集的数据，这些是电子书的预计全球收入：

正因为如此，电子书对于当今的企业来说是一个很好的营销冒险。 其他可下载的数字文档也是如此，例如模板、清单等。

但是，与其让市场从这些数字产品利润中分一杯羹，不如通过自己的网站营销和销售电子书可以帮助企业获得更多收入。

让我们以 Smashing Magazine 为例。 虽然它可以并且确实通过亚马逊销售其电子书，但它在网站上也有一个专门的“图书”部分。 而且我猜测来自该网站的销售额比来自亚马逊的销售额要多……原因有很多。

一方面，每个电子书页面的设计都与读者了解和信任的 Smashing Magazine 品牌保持一致：

这种一致性和熟悉感将赢得长期读者的更多信任，远远超过偶然发现它的亚马逊客户。

产品页面的其余部分做了它需要做的事情来鼓励访问者购买电子书，即使他们在看到第一个 CTA 时还没有准备好这样做：

电子书描述以清晰明了的方式呈现。 在推广其他书籍或广告的过程中没有分心。

不久之后，感兴趣的读者就有机会阅读本书的预览：

每当您的网站销售数字文档时，这都是必须的。 电子书页面不仅应该说明他们将要学习的课程（就像这个一样），而且他们首选文件格式的摘录是必须的。

如果没有预览他们正在购买的东西，那么进行销售将非常困难。

您应该在电子书登陆页面上包含的另一个元素是关于作者的部分。

对于您的网站和电子书登陆页面的新访问者，他们可能想知道，“我为什么还要听这个人呢？” 作者的部分使您能够为这本书添加一个面孔和背景。

在此页面上还有一个部分，您需要在之后镜像您自己的电子书页面。 如果您的作者还不是众所周知的名字，我什至建议将其放在更高的位置：

目录部分之所以有用，有以下几个原因：

• 每章的摘要使读者能够确定它是否有价值。
• 搜索优化的目录与在博客文章中策略性地使用标题标签一样有效。
• 它还可用于生成结构化数据并在相关在线搜索中显示部分目录。

如果可以的话，我会敦促您在本示例中包含的一件事是包含在您的电子书页面上：评级或推荐。

仅仅因为它是一种数字产品，这并不意味着读者不需要社交证明就可以将它们从“听起来很有趣”变成“我需要阅读这个”。 事实上，它是帮助电子书在亚马逊和 Barnes & Noble 等平台上销售的重要部分。

如果您的网站只有一两本电子书可供出售，读者推荐书就可以了。 如果您的网站包含电子书存储库，请添加评级和评论系统，以便任何人都可以轻松发表评论。

媒体产品页面设计

作为一名网页设计师，您已经熟悉了大量的可授权内容：

• 图片，
• 视频，
• 图标，
• 音乐，
• 声音特效，
• 视频，
• 字体，
• 设计主题或模板，
• 插件。

老实说，如果您正在寻找库存内容或预先设计的组件，您很可能会去热门市场购买它们。 单单产品的数量和多样性就比访问独立创作者的网站来尝试找到你需要的东西更具吸引力。

那么，我们为什么还要谈论这个呢？

我想说两点：

如果您的任务是为可授权内容设计市场，请不要重新创建轮子。

使用适用于他人的久经考验的真实公式。 客户不想仅仅因为您想获得创意而想出一种从庞大的存储库中查找数字内容的新方法。

如果您的任务是在小型机构或独立创作者的网站上创建数字产品页面，那么现在情况就不同了。

我将使用印刷师 Mark Simonson 的网站来展示你应该如何处理这样的事情。

这是 Mostra Nuova 字体的登录页面：

当创作者在市场网站上出售他们的数字媒体时，他们几乎无法控制它们的呈现方式。 他们也无法控制同时向潜在客户呈现哪些其他干扰或建议。

但是，通过为您网站上的每个产品创建专用页面，您可以像此页面一样控制外观和叙述：

您也不必遵守市场准则。 您的品牌及其产品是第一位的：

在自己的网站上销售媒体产品的另一个好处是，无论何时您想上传或销售新的媒体文件，都没有审查员可以得到批准。 您也不必等待现有更新的更新被推送。

这意味着在营销或销售周期中几乎没有滞后时间，从而为创作者带来更大的盈利能力。

在我们讨论如何在网站上实际销售此类数字产品之前，我想向您展示 Mark Simonson 在其字体页面底部包含的内容。 这是一个“……正在使用”部分：

这不是你经常在创作者的网站上看到的东西，至少对于他们销售的数字产品来说不是。 但是，我认为这样的部分可以真正与访问者达成交易，因为它为他们提供了媒体元素的真实示例。

为您构建的每个数字产品站点提供客户示例可能并不可行。 但是，如果产品足够受欢迎，则需要考虑。

至于在您的网站上销售媒体，您有几个选择。 您可以像 Mark Simonson Studio 那样做，并提供一长串出售字体的地方的链接：

这种呈现方式非常棒，因为它让客户可以灵活地使用他们喜欢的字体市场并以他们需要的格式获取字体。 如果您的客户不想处理管理产品销售的麻烦，那么这绝对是您的最佳选择。

如果您的客户更喜欢拥有销售流程，请按照您对任何其他电子商务网站的方式进行设置。 提供“购买”链接、定价和许可信息，然后将它们推送到安全的结帐站点。 哦，如果无需购买即可轻松从网站上获取内容，请确保在其上打上水印。

课程产品页面设计

如今，来自主题专家和影响者的预先录制的课程和课程非常受欢迎：

• Coursera 拥有超过 6800 万学习者。
• Udemy 有 3500 万学习者。
• edX 拥有超过 2000 万学习者。

显然，人们渴望数字课程内容，尤其是当他们不必坐在虚拟演讲厅中并且可以按照自己的节奏上课时。

通过这些市场销售课程绝对没有错，因为它们有大量的学习者正在等待发现新内容。

然而，当创作者通过他们的网站销售数字课程内容时，他们可以用它做更多的事情并赚更多的钱。 那是因为他们提供的不仅仅是登录和按“播放”的机会。 这些课程通常附带：

• 补充材料，
• 时事通讯和电子邮件提醒，
• 私人社区，
• 和更多。

以这种方式销售课程的关键是将数字产品页面设计为销售漏斗。

让我们看一个来自Career Contessa 网站的例子。 这是求职学院计划的页面：

与我们之前看到的类似，设计您自己的数字产品页面可以让您为学习者创建品牌体验。 对于那些已经了解并信任这个品牌的人来说，向下滚动页面是很容易的：

对于仍然犹豫不决的学习者来说，CTA 按钮下方的强大统计数据可能足以说服他们。 如果没有，页面上有大量内容经过精心策划，以帮助他们下定决心。

虽然此登录页面上有很多书面内容，但格式正确。 段落在移动设备上保持适当的长度，而粗体用于突出显示重要的文本位。

但这并不是所有的文字墙。 学习者还可以看到视频内容：

可扫描的要点列表：

精美呈现的关于奖励内容的信息：

很明显，设计师花了很多时间为每个部分赋予独特的外观，以便更容易扫描和阅读。

如果学习者做到了这一点，他们将到达销售页面最关键的部分。 在这里，他们可以通过精心设计的课程和课程预览准确了解他们将学到什么：

就像您期望销售漏斗页面一样，接下来会向潜在学习者展示推荐部分以及常见问题解答。 在为课程或其他方式设计销售漏斗时，这两个元素是必不可少的。 它需要位于页面底部，就在您再次询问他们是否准备好注册昂贵的课程之前。

这可能看起来有点矫枉过正，但这种方法是合理的。 您可以在 Coursera 和 edX 等网站上向临时学习者出售您的课程，但两者之间没有任何关系。 他们注册您的课程就像网站上提供的下一个课程一样容易。

然而，当您在您的网站上设计课程页面时，您会捕捉到最专注的学习者——他们将完整地完成课程并希望在未来注册更多的课程和内容。

包起来

关于上述示例的有趣之处在于，创作者如何通过热门市场及其网站销售他们的数字内容。 可以想象，这是从数字产品中获取尽可能多收入的最佳方式。

只要确保在为客户的移动网站设计数字产品页面时不要试图模仿市场的做法。 通常，他们的设计很拥挤，分散注意力，并且没有真正针对智能手机用户进行优化。 通过将创建者的页面设计得更加用户友好，您将鼓励更多人直接从他们那里购买，从而将更多的钱投入客户的口袋。