简单来说，设计官方网站是一个讲故事，允许目标用户通过这个故事了解产品，产生对产品的兴趣并最终转化为实际用户。

作为交互设计师和半产品经理，作者从头开始经历了几个网易B端产品。巧合的是，他们负责这些产品的官方网站设计。官方网站设计可以同时测试交互设计师的产品思维和信息设计能力。虽然官方网站的界面并不复杂，但界面交互并不复杂。但是，如果你想做得好，让用户完成注册转换，甚至在访问官方网站后购买，在内容和沟通方面都有许多值得考虑和努力的地方。

简单来说，设计官方网站是一个讲故事，允许目标用户通过这个故事了解产品，产生对产品的兴趣并最终转化为实际用户。要说好这个故事，你实际上可以参考写作的想法：文字在那里，文字是有序的，文字是多愁善感的。

1.说什么？

这位先生有话要说，线条是不变的。 - 《周易·家人》

有话要说，文章或演讲的内容具体而实质，即官方网站的内容设计。内容是官方网站的核心支柱，可以从内容中衍生出各种交互式表达。官方网站的内容不仅要充实，而且对用户也有价值，这反过来又可以改变产品。

接下来，我们将详细讨论如何从头开始确定官方网站内容。

1.1产品介绍本身

一般来说，首先想到的是：我们的产品是什么？要很好地回答这个问题，设计师必须非常了解他们的产品。

“产品提供哪些服务以及解决了哪些问题。 ”也就是说，产品的核心价值，可以围绕这个中心衍生出很多内容。例如：

用户痛点和行业痛点

用户使用产品的方案

介绍产品本身的核心功能

相关行业的产品解决方案

产品价格

产品提供的服务支持

以下是产品本身的内容，如网易提供的功能点，解决方案架构和技术支持服务。

通常，与产品经理的更多沟通可以输出这些产品的相关内容。但往往这些内容只能达到传递线，但我们也需要我们的交互设计师利用设计思维的经验，不断改进和控制内容。

1.2继续通过经验设计理念改进内容

官方网站实际上是用户和产品之间的联系点。我们需要将官方网站内容整合到一个完整的体验过程中。以下是非常粗略的用户体验路径。用户必须在一些先决条件后开始访问官方网站。

在了解官方网站的内容后，将会有进一步的流程或目的地。事实上，我们会在平常的工作中思考：什么样的用户在什么样的场景中访问官方网站，最终实现什么。

场景分析：用户访问官方网站的前提是什么？

这个前提是运营促销和销售策略。以下是一些要理解的相关要点：

搜索引擎优化，搜索词汇和广告服务

如何在销售前介绍产品？

营销的重点是什么？

从什么渠道？是来自业务活动吗？

用户是否已经拥有竞争产品的经验？

以云新为例，云信用户的早期工作主要分为两部分，一部分是网站搜索引擎优化和搜索词汇网络广告。用户将通过搜索关键字或广告进入官方网站。我们的网站应与搜索字词或广告内容相匹配。另一个是离线促销，例如参与相关技术的离线论坛，并提供折扣以吸引用户访问网站。这时，我们的网站将有明显的优惠兑换方式。

因此，在建立官方网站时，我们必须与运营市场的同事密切合作。这产生了一些新内容，包括但不限于：

产品品牌认可

运营促销内容登陆

营销承诺得到尊重

统一的内容发言

用户分析：他们是谁？他们关心的是什么？

与C-end产品相比，B-end产品具有特殊的意义，即用户角色将明确划分为决策者和用户。不用说，用户是实际使用该产品的用户。决策者可以决定公司是否在采购我们的产品。

显然，B-end产品官方网站的主要目标用户是决策者。这些决策者之间有什么不同？主要关注产品。用户可能更关心易用性，但决策者需要更高层次来评估产品，例如是否可以提高整体业务效率，成本绩效和后续服务支持。因此，我们的官方网站需要为这一群人提供相应的内容。

举例来说，作者参与的传统行业的孵化器。面向官方网站的主要决策者是行业中的企业高层管理人员。他们需要考虑产品从业务角度（简单来说，效率和利润）带来多少价值。而且，传统行业并不十分接受新事物，因此他们会特别关注互联网中企业数据的安全性。

因此，该孵化产品的官方网站特别添加了数据安全性介绍。

因此，目标用户应在官方网站上有相应的内容。例如：

公司既得利益

投入产出比

产品的后续服务支持

相关敏感信息的介绍

目标分析：拆分用户目标和产品目标。

在上述场景中访问网站的用户必须具有他们想要达到的目的。例如，通过搜索要访问网站的关键字，您将需要强大的相关产品内容和更详细的信息。如果您通过销售渠道进入，则可能需要履行活动的承诺。

产品目标非常直接，也就是说，我希望改进转换。这可以通过注册和指导，保留销售线索，产品试用等来实现。

因此，官方网站还需要一些内容来实现用户目标和产品目标。例如：

相关信息下载

产品试用版下载

客户服务咨询

领导领先收购

注册转换

1.3内容摘要

在上面，我们已经导出了产品本身价值的介绍，同时，在分析用户体验路径的过程中需要添加一些额外的项目。整个官方网站的内容可归纳如下：

那么简单地将所有内容堆叠在官方网站上？

当然它不会起作用。

产品故事的内容就在那里，下一步是测试交互设计师如何让用户理解故事。

2.有序的话

有条不紊，后悔。 - 《周易·艮》

有序，口语和写作文章非常有条理，易于理解，即传达设计：如何有效传达内容，如何使用户更容易接收内容和理解消化内容。

笔者认为，我们可以从三个方面入手。内容重组，内容呈现和文案。

2.1内容重组

当人们接受新事物和信息时，他们将遵循从浅到深，从一般到具体的顺序。官方网站中的内容也可以按以下顺序呈现给用户：形成印象，理解，选择性渗透和改变行为。以下可以说是一种“常规”，以便按顺序显示官方网站的内容。通过根据用户的认知顺序逐一分发现有的分散的官方网站内容，可以规划内容的近似呈现顺序。

但值得注意的是“常规”。不一定适合所有产品。你为什么这么说？以作者所做的两个B端项目为例，一个是网易云新，另一个是网易孵化。以下是两个官方网站的比较。

我们会发现这个孵化器的官方网站在右侧增加了一个行业案例，而不是云新的官方网站，并把这个模块放在了前面的位置。

这种差异是由产品本身的特征和不同目标用户的特征引起的。

该产品是面向B端技术的PaaS（平台即服务商业模式）产品，互联网行业相对成熟和开放。他们的用户，中小型研发团队非常清楚他们的痛点和需求，侧重于功能和技术细节。因此，毫无疑问，该功能在官方网站上占有重要地位。

另一种培养箱产品是B侧锅具产品。该行业相对传统上是封闭的。传统PC软件用户很难实现他们的痛点，他们对解决方案的理解相当模糊。因此，有必要将易于理解的行业领先案例作为呼叫和解释，这使得该组用户更容易了解该产品。

以上示例旨在说明我们需要在特定内容的组织中考虑以下两点：产品特征和用户特征。

2.2内容介绍

一切都熟悉内容呈现形式，主要有以下四种：文本，图片，视频，直接功能试用。在官方网站上有许多形式的合作来传达内容。有些内容适合于文字和图片的描述，有些内容过于复杂，可能需要通过视频介绍。一些更光滑的网站还将提供特定功能的直接试用，允许用户首先获得产品。

至于选择呈现内容的形式，作者认为可以从四个纬度考虑，如认知效率。对于要传达给用户的复杂业务流程，可能需要视频，但考虑到通信和促销的成本。视频可能不比图片好。需要根据具体情况具体考虑。

以下是官方网站上的一些典型产品介绍表，供参考，不再赘述。

2.3文案

将这些内容写入可读副本需要记住。需要从用户的角度使用用户可以理解的单词来描述，而不是简单地堆叠功能性术语。以市场上的PC同步盘概念为例。当您需要向用户介绍此软件时，您如何描述它？特别是当目标用户多年来是传统行业的从业者时。一个能接受新事物的人。我们可能需要拆分这个词，直到用户能够在他的认知范围内理解它。

该副本允许用户理解并可使您的内容通信效率提高60％。但是如何实现颜色并使用户更容易理解和记忆可能需要另一种技能：跨界，即使用靠近用户实际场景的单词。

具体的想法是首先提取当前产品的优点，这些优点可以与用户可以最好地理解的现有词类比，然后将该词与现有产品组合以形成新的副本。最终副本是用户可以理解的，同时反映了产品的优势。

事实上，官方网站的内容已经建成了80,90％。我们的故事是完整和可理解的，但它也需要一点情绪催化剂，以便我们的观众能够更好地识别和记住这个故事（实现转型）。

3.表达你的感受

让我们充分利用它，感性地移动它，让它变得容易。 - 《论语》

感情用言语，指用情感来打动别人的心灵，实际上是情感设计：如何给用户留下深刻印象，让他产生难忘的印象，促进转型。作者认为这是一个持续的过程。在设计和传达上述内容时，应将其与情绪结合起来考虑。

3.1情绪体验的过程

以下是我们在官方网站上设想或期望的用户的情绪体验过程。首先，产品会形成良好的印象，这种印象包括产品气质和视觉体验。然后让用户接受内容的印象，为了让他阅读，需要让他感兴趣，是为了唤起他的兴奋。接下来，让他感受到内容共鸣的感觉。最后，推他，让他信任我们并改造。

3.2塑造官方网站的整体印象

官方网站需要是用户和产品之间的链接。第一印象非常重要，我们必须向用户传达产品的品牌价值。

例如，指甲和茶。

他们都是合作工具。但两者的气质却截然不同。美甲现在面向用户市场是一个中小型的创业团队，他们与传统行业有很大的不同，充满青春活力，所以钉牢的口号是钉子公司。短视频也是一种独特的工作方式等等。

另一方面，Teambition认为他们正在帮助用户找到理想的工作方式，这很容易和简单，这是整个官方网站的音调，包括品牌推广视频。

你可以看到这两款产品，从产品印象的开始，你就可以击中目标用户的心。

3.3引起兴趣

通过这种印象，您应该引导用户向下看。引起他们的兴趣。可以参考男性沉默女性眼泪的标题派对。

李艳红为年轻人说的20个字

乔布斯认为，年轻人最重要的品质是……

它是可怕的！告诉你周围的人要小心，并且hellip;…

20个经历总结了5000年文化的精髓，不要后悔！

虽然这些冠名党名不是真的，但我们必须给我们一些想法。他们可能会使用权威代表吸引用户，可能会使用引人注目的负面新闻来吸引注意力，并使用真实世界的数据作为标题。真的行。这些具有高点击率的标题实际上是试图找到用户的激动人心的点。

在孵化项目中，我们还使用行业主导的业务合作案例来吸引目标用户。不仅吸引眼球，还实现了一定的口碑传播效果。

3.4共鸣

在唤起用户的兴趣之后，有必要开始与用户产生共鸣并认识我们。简单的方法是踩到他们的痛点并描述痛点的细节。当用户感觉相同时，让他知道我们可以解决它，用户可以轻松识别我们的解决方案，这是令人难忘的。用户将记住这个场景的细节并记住我们。

在盒子马的新鲜案例的钉子官方网站的情况下，使用这样的细节：员工经常要处理海鲜，手部起泡后，指纹难以识别，这使得难以打入失业了。使用钉牢的wifi打孔功能可以解决这个问题。如果您直接向用户介绍此穿孔卡功能，则用户可能已经听过。但是通过这个细节场景，用户感觉相同并且会记住很长一段时间。

3.5信任

最后一点是信任。如何获得用户的信任不仅是为了确保内容的真实性，也是为了让用户感受到它。所以在很多官方网站上，你可以看到视频的形式，拍摄真实案例，真实场景，真实用户告诉他们使用产品的过程。将大大增加用户对我们的信任。同时，将进行相关的认可，如权威机构的认证，行业领先公司的合作等。

可以发现，情感设计实际上涉及官方网站内容的设计和具体的通信设计。

4.总结

此时，用户已经完成了整个官方网站的体验，经过从期望到信任的过程，用户转换没有问题。我们的官方网站设计完成。

建立产品官方网站的整个设计思维过程的简要概述分为以下三个方面：内容设计，沟通设计，情感设计。

经过上述分析过程，我们可以发现实际的网站设计思路比较复杂。但是，我们使用的设计思路很常见。实际上，它是用适当的表现形式，结合情感化来分析用户的场景目标，以便用户理解和同意。

作者：网易UEDC互动设计师胡毅峰。

本文来自大家都是产品经理合作媒体@网易UEDC，作者@胡熠枫

该地图来自unsplash，基于CC0协议

« 由你探索 - 尝试免费也许iphone 6s加上它是你的菜 | 李建业谈到天猫精灵魔岩石灰：向魔岩三杰致敬，产品特征与他们一样 »