产品案例 · 工具产品的平台化

当前产品界面

【现状&问题】

企业云平台是将公司事务通过配置的方式，实现办公协作流程化和电子化，达到协助公司运营和管理的目的。但是目前产品界面仅仅是功能的简单罗列，更像是一个工具，而不是一个功能强大、用户体验极佳的办公平台。此外，产品界面完全体现不出配置产品的灵活可配置等优点。相比传统OA、EPR软件，也体现不出全局掌控等优势。

当前产品界面

设计人员给出了以下的方案：

设计方案

什么样的设计会把“我的仪表盘”放到菜单首页的前几行？什么样的设计会把“登录次数”放到首页这么显眼的位置？这些功能要么大部分用户不会用到，要么干脆就没用。

【解决方案：工具产品的平台化】

此前工作涉及到工具产品的社交化，其实其社交化的过程也是潜移默化地平台化。我做了以下几项工作：

1.重新设计平台架构

重新设计的平台界面

（1）引入动态，将平台工作事件按时间形成信息流，让管理者站在岗位高度洞察全局，更好地履行管理和领导职能；

（2）工作第一，升级待办权重，待办页面集中处理工作；

（3）通知和提醒的权重提升，追求工作效率和处理的即时性；

（4）引入工作圈，工具产品的社交化之路也是平台化之路；

菜单和快速入口设置

（5）摒弃后台中心式的菜单，按功能和使用频率等进行权重区分，站在用户角度筛选出常用的初始设置功能；

（6）将菜单栏剩下权重较低的功能放至导航栏“工作”中；

（7）最常用功能设置为快速入口（周报、请假、协同、申请、状态发布等）；

（8）左侧栏除了设置丰富的互动模块之外（投票、点赞等），还展示公司层级动态，而非个人动态。

2.运营入口的布局

产品如何体现自身优势和特点？当然是靠运营。运营不是无本之木，喊话还得需要喇叭。

（1）快速入口上方的Banner：平台“自留地”，可以展示的东西太多了；

（2）导航栏“发现”：可以给用户带来附加价值也太多了。

3.智能化和个性化

智能化需要做两件事，一类是情感判断，一类是数据处理。算法永远代替不了人类做情感判断。所以在不同岗位涉及到的常用流程不同，快速入口可以自己设置。低频需求在导航栏里会有下拉菜单。包括右侧各种榜单，所有页面元素都可自定义。

4.扁平化的信息层级

每一张报表都有核心的内容，将其内容扁平化呈现到信息流中，能够快速查看和回复、审批和审批的回复。例如，周报字段中，查看者关心的，有且仅有“汇报内容”及上一级审批内容。用户有需求对审批意见进行回复。

信息层级扁平化的报表

5.报表内容与操作分离

操作与内容未分离表单

原先的表格设计中，重复项冗余，应当将操作统一改成按钮放至内容外。

6.交互设计

（1）左侧一栏为固定栏，不随页面滚动而滑动；

（2）右侧一栏，滚动到底之后显示常用模块或入口；

（3）点击快速入口，在当前页面弹出工作报表窗口；

（4）工作内容可直接在当前窗口处理，不必要打开新窗口，像这样：

利用Z轴空间，更专注于当前工作

【Q&A】

Q：消息类型全了吗？

A：全。左侧栏提醒页，想要什么消息有什么消息。

Q:每种类型的消息显示，方便使用吗？

A：方便，直接在当前页面就可以进行消息的处理。消息在导航栏是实时消息提醒，在侧边栏是消息列表。呈现内容，适用，简洁，体贴。处理完的消息会变灰色，类似QQ邮箱的已读未读邮件。

Q：三套配色方案？

A：通过变换背景图片和主题色可以变更模版，类似微博变装之后的效果。模块位置不变。

Q：使用体验？

A：很棒。举个例子：什么样的设计会把“我的仪表盘”放到菜单首页的前几行？什么样的设计会把“登录次数”放到首页的第一行？这些功能要么大部分用户不会用到，要么干脆就没用。本图中将低频应用入口降至二级页面。对于有需求的用户，可至左边栏处自行设置。按岗位设置之后的平台面目不同，本质相同。

Q：为什么没有具体的交互？

A：细节问题。基本的交互都在本页完成。这里只展示了汇报之后的审批等按钮。战术上的勤奋掩盖不了战略上的懒惰。大方向确定了才能做具体细节的工作。

Q：怎么看起来这么像微博？

A：产品原型关注的是页面功能布局和按钮的设置，设计风格和最终的展现形式是UI的事。如果以类似微博的样式来将此批判一番，那也太外行了。学识是一回事，赏识是另一回事。

否定别人的观点，最好是拿出自己的观点，而不是如下的步骤：1、先否定：你不对，你不懂（这样气势很好）。2、再伪证：我不这样，我认识的人也不这样（反正也没人认识你）。3、最后道德打压：你要有道德高度，有气度，要闭嘴，不能反驳。缺乏独立思考的人很容易被这样一套所迷惑，我根本就不吃这一套。

很像微博是吧？是的。而且还很像QQ空间、人人网等海量用户级产品的个人界面，都是一样的卡片式设计。产品最核心的生存法则不是创新作为特色，而是直接粗暴的照搬学习并结合自身资源的优势去改进转化成属于自己的特色。