鱼小干：在谈到企业产品的营销时（本文中提到的“企业产品”是指“给企业客户使用的软件/应用”），一种观点认为客户肯定是靠线下推广来获取的，另一种观点认为应该让用户主动购买而不是被动推销，持这种观点的公司尤其重视通过产品官网来获客。无论持哪种观点，不可否认的是官网是客户对你产品的第一印象，很多潜在客户在购买之前都是先通过官网来了解产品的。然而很多公司在产品官网设计这件事上投入的精力还不及线下推广的万分之一，有的只把官网当作摆设，粗制滥造套个模板结束，甚至还忽略了移动端适配。

作为企业产品的设计师，我们要如何设计好看又好卖的产品官网，有没有一些套路可循？

企业产品官网的作用是传达信息和促进转化。传达信息是告诉访客这款产品是什么/能为你公司做什么/为什么值得我购买，再配合一些增强说服力的手段来促进转化——将尽量多的访客（潜在客户）转化为注册用户并最终完成购买。按照用户浏览网站的顺序，有以下5大设计要点：

1. 善用首屏大图吸引视线
2. 销售主张明确传达产品价值
3. 合理的导航方便访客获取信息
4. 无处不在的CTA推动转化
5. 客户案例增强信任感

转场动效在UI界面中所起到的作用无疑是显著的。相比于静态的界面，动态的转场动效更符合人类的自然认知体系，有效地降低了用户的认知负载，屏幕上元素的变化过程，前后界面的变化逻辑，以及层次结构之间的变化关系，都在动效的加持之下，变得更加清晰自然。从这个角度上来说，动效不仅是界面的重要支持元素，也是用户交互的基础。

动效设计，尤其是协助交互的转场动效，如今日趋成熟。通过大量的案例分析和过来人的经验，我们逐步总结出优秀转场动效的5个核心的规则，今天的文章，我们就来分享这5个知识点。

交互篇

什么是滴滴试驾商业B端平台App

商业B端平台app是滴滴出行旗下试驾针对厂商内部开发的一款app，通过进入试驾B端，厂商能够快速的获取相关数据。app内有滴滴试驾在c端的基本数据和画像分析。合作厂商还可以查询具体与试驾合作项目的基本情况、画像分析、车辆情况等数据。

简单的来说就是从滴滴试驾c端提取数据到B端以供厂商查寻。

我上周参加了一个工作坊，也算是ThoughtWorks与我所在团队的交流活动。如果你有了解过IXDC，你能够在15年的活动中找到四个由他们团队组织的工作坊，其在一个就与我上周参加的那个相同——《从1到100》。如果我今天把这篇文章发出去，就算是这个工作坊的剧透了吧（也是经过他们允许了的）。

这个工作坊讲的是一个完整的设计方法，即拿到一个项目需求，如何从设计思考（DesignThinking）开始，确定用户画像，构建场景地图，头脑风暴，绘制故事版，设计产品，直至用户测试。他们把整个流程分为四个阶段：

• 探索：用户、需求
• 定义：目标、资源
• 设计：产品形态
• 验证：测试反馈

我们现在所面临的网络安全问题一直都很严峻。无论是更改社交媒体帐号，注册新论坛，还是下载新的APP，我们都的数字身份一直都存在各种各样的潜在安全风险。开发团队花费了大量的时间精力投入到开发和设计当中，改进流程，优化加密方案，来规避这些问题。

黑客攻击有网络安全专家和开发者来应对，而用户所面对的多数问题，则更多的需要设计师来动脑筋解决。通过流程和UI优化，设计师能够让用户尽可能地规避一些潜在的安全问题，即使这个过程中可能会产生体验上的障碍和不适。

1、不同内容的交互界面应该看起来不同

每当用户要执行关键性的任务或者操作的时候，比如更改账户设置与密码，这个时候用户应该保持紧张和专注，那么设计上就应该帮助他们进入这样的状态。因此，UI 应该让用户清楚他们应该做什么。

上篇文章简单的介绍了数据可视化的基础，将数据进行设计可视化后，可以让我们有一种全新的方式去认识数据，改变对数据的呈现和思考方式。那现在就让开始做一份数据的可视化表，一步步的来看下我们如何获取数据，以及如何进行可视化的展示。

在上章内容中，提到了关于【数据可视化迭代过程】的步骤，这也能看出整个过程包含的步骤，大致有：

1. 确定主题 - 2．数据获得 - 3.图表选择（表达）- 4图表绘制

当然了我们也可以看到可视化是要一个不断迭代的过程，步骤之间都需要多次的迭代修改的。

确定主题

这肯定是第一步了，在做数据可视化的时候，首先你要明了你要做什么，想要从数据获中取什么信息，有了目标才能明确的往下做。

那我们这次还是来做关于空气质量PM2.5的数据展示，了解历年来PM2.5的实际情况和发展趋势。

为了借助社交产品的流量，让用户主动分享APP中的内容到社交平台来达到拉新和促活的目的，市场上绝大多数APP都有第三方分享的功能，它是内容分发的最有效途径，并且大大降低了企业的营销成本。

作为用户和产品之间的桥梁，社交分享在产品的发展过程中扮演了重要的角色。尤其是刚上线的产品，很难通过产品的内部体系来实现快速的用户增长，所以会更加依赖于分享来达到广泛的传播，获取目标用户。

在常用的社交分享组件中，微信（微信好友和朋友圈）、微博、QQ（QQ好友和QQ空间）是三大主要平台，而其中微信凭借高达9.38亿的月活跃用户以及高达29%的日均手机应用使用率，成为各款APP选择最多、排位最靠前的分享途径。即便同样是腾讯系下的QQ，也在QQ空间中加入了分享到微信好友和朋友圈的功能。

用户分享内容到社交媒体或好友，不应该是一种粗暴的强制行为。我们应该在保证产品本身内容有吸引力的核心前提下，仔细揣摩用户心理，结合产品本身的特色，在不同情境下提供给用户最合适的分享平台及方式，让用户分享成为一种水到渠成的自然行为，甚至在某些时候还能给用户带来一些小的惊喜就更棒了。

下面我们会从不同维度来分析一下APP的社交分享功能设计，看看这里面有哪些值得探讨之处。

这是我近期独立完成的一个红包分享项目，暂时入口在滴滴app里的积分商城，我也跟着同步上传份项目总结吧

以下图片都为设计效果图，具体内容，具体文案以线上为准。

项目背景

1. 增加滴滴红包样式，拓展商业化渠道，促进滴滴红包变现。
2. 实现商家品牌推广。
3. 为滴滴用户获得滴滴优惠乘车券提供新的渠道。
4. 丰富滴滴产品形态，实现用户拉新同时提升用户使用频次及活跃度。

项目目标

1. 形成滴滴商家红包购买生态，增添滴滴商业化的新形式
2. 让商家为乘客的优惠出行助力
3. 进一步提升滴滴口碑，增加滴滴良好的社会影响力
4. 新用户拉新，老用户活跃度提升
5. 同时为普通用户提供红包购买渠道，促进普通用户之间的社交

信息图

信息图本身是一个合成词，由信息和图两个词组成多称之为（Infographics或Infographics Graphics），在40年代的时候就开始出现，使用在报纸及新闻类杂志方面，其中杰出的代表阿根廷的信息图先驱Alejandro Malofiej，在1993年西班牙设立了以他为名的主要针对信息图表设计的Malofiej奖。

在报纸、杂志等纸质媒体中，为了让读者感到新奇且直观容易的理解，运用了大量的信息图解的表现。

如下图所示：