聚合类工具产品设计指南 – 交互篇（聚合交叉设计经典例子图片）

1.裂解交叠结构设计示例

原副标题：裂解类辅助工具商品结构设计手册 – 可视化篇辅助工具型商品，是以辅助工具特性为主导力量，为化解使用者/客户明晰的市场需求，提高管理效率的商品辅助工具型商品相比于其它类别：如文本型、SNS型商品，使用者市场需求更明晰，完成任务即走，因此结构设计方式和策略主要就紧紧围绕如何使商品更“高效率”展开。

2.裂解交叠结构设计图

责任编辑将结合我最近主导力量结构设计的百度内部IT辅助工具商品的结构设计经验，给我们撷取辅助工具商品的结构设计方式和路子，希望对我们有所启迪

3.试阐释裂解交叠结构设计的优劣

一、辅助工具型商品的表述和特点 1. 甚么是辅助工具型商品 辅助工具型商品，是指在某具体情景下，为化解使用者明晰的市场需求，提高管理效率的商品常用的辅助工具型商品总括如下表所示：整体性辅助工具（如：应用程序、硬体检验）生活辅助工具（如：缴付、天气情况、世界地图）。

4.甚么是裂解交叠结构设计 并依此结构设计两个产业发展社会学试验

工作管理效率辅助工具（如：电子邮箱、通信、书签）权威性辅助工具（如结构雕塑家专业辅助工具：Adobe系列产品、Sketch、Figma）其它类别如B2C类、文本类、SNS类、格斗游戏等商品类别，最终目标是让使用者花更多的天数使用商品，使用者市场需求是打发天数、赢得满足用户感、赢得科学知识等，并非化解某个实际难题。

5.裂解交叠结构设计的众所周知试验

2. 横向型和裂解型辅助工具型商品的差别 以上的商品事例都化解了单个难题，使用者最终目标明晰按照商品形态，辅助工具型商品还可以分为横向型辅助工具和裂解型辅助工具商品：横向型辅助工具，指的是化解单个难题的辅助工具型商品，目地是满足用户一般而言使用者的某一难题。

6.裂解交叠结构草图

裂解型辅助工具，指的是将多个横向辅助工具裂解在一起的网络平台商品，目地是满足用户不同使用者社会群体的多样化市场需求例如：民营企业QQ- 民营企业协同和管理网络平台，集消息、文件格式、会议、表单、资料库、书签等功能于华服三类辅助工具型商品的主要就差别如下表所示：。

7.用裂解交叠结构设计,结构设计两个科学研究方案

3. 裂解型辅助工具商品的特点 裂解型辅助工具商品有以下特点：模块化 – 所有的功能根据其特性进行归类，模块化展示标准化 – 网络平台通过统一标准对接入的多个辅助工具进行统一管理，以达到使用者认知统一和商品框架的灵活性特性化 – 在标准化的基础上，针对不同使用者满足用户其不同市场需求。

8.裂解交叠科学研究结构设计的路子

组件化 – 提取可视化/视觉组件规范，降低使用者学习成本二、裂解型辅助工具商品的结构设计方式详解 下面以最近改版的百度内部IT辅助工具商品为例，给我们撷取裂解型辅助工具商品的结构设计路子和方式该商品负责为百度员工提供日常办公辅助工具、网络连接、安全防护三个方面的能力，让员工可以安全、稳定、高效率地访问民营企业资源和数据，是百度员工最常使用的内部辅助工具之一。

9.裂解交叠科学研究结构设计模板

紧紧围绕使用者体验要素的五个层级“战略层→范围层→结构层→框架层→表现层”，一款好的裂解型辅助工具商品结构设计应该满足用户以下几点：让使用者清晰“认知”商品：结合商品最终目标、商品能力和使用者市场需求，明晰商品定位和范围，并高效率传达给使用者。

10.裂解交叠科学研究的基本结构设计思想是在( )图象中分段进行( )

让使用者快速“找到”功能：通过清晰的信息架构和布局，让使用者快速找到所需辅助工具。让使用者高效率“使用”功能：通过高效率的页面布局、统一的任务流程等结构设计方式，让使用者高效率化解难题。

1. 让使用者清晰“认知”商品 本次改版，通过对使用者认知、使用者市场需求以及商品最终目标的综合分析，重新明晰并升级了商品定位（1）使用者市场需求解析将使用者对商品诉求的关键字提取后，诉求集中在两方面：网络：使用者期望通过该商品稳定连接公司内网，并在网络故障时高效率修复。

应用/辅助工具：使用者期望通过该商品高效率使用和下载办公IT辅助工具（2）使用者认知和商品能力对比解析通过对商品满意度问卷调研与使用者访谈得出，使用者认知和商品定位并不完全匹配，主要就差异在安全和应用/辅助工具模块：安全：使用者对商品提供的安全保护无感知。

应用/辅助工具：商品裂解了多个第三方IT辅助工具，如办公辅助工具、网络平台连接、研发辅助工具等。辅助工具类别较多，但每类都不够全面，不能完全满足用户使用者诉求，商品能力也不清晰。

（3）商品定位升级结合使用者的期待和认知，以及商品提供的能力，对商品定位进行了细化和升级：稳定的网络：在原有网络辅助工具的基础上，突出使用者最关注的网络状态以及修复功能安全的办公环境：向使用者传达安全保护能力，并提供安全修复和预防方案。

高效率的办公环境：从多种无序快捷入口，升级为“1 日常办公使用的辅助工具 2 电脑初始化授权软件库” 三类入口提高员工办公管理效率。

定位明晰后，下一步应考虑如何向使用者传达商品能力，让使用者对商品能力有清晰明晰的认知2. 让使用者快速“找到”功能 （1）重构商品架构裂解型辅助工具商品通常功能涵盖范围较广，结构设计时，可结合商品定位、使用者可理解两方面，重构商品架构：。

商品架构与商品定位/范围对应利用卡片分类的方式，得出使用者易理解的分类老版商品框架，辅助工具和应用区分模糊，网络和安全状态混合，没有准确传达商品范围和定位，导致使用者找辅助工具管理效率低改版后，将框架按照商品定位“安全、网络、高效率办公”重构，强化使用者对商品理解，高效率找到所需功能。

（2）根据商品定位重构首页布局商品首页应向使用者传达整体的商品范围，并突出最核心功能，让使用者高效率找到常用功能，提高对商品的认知，且加强使用者的正向期待老版首页布局，范围不明晰，不同功能混淆改版后，首页布局按照三个定位“安全、网络、办公”模块分区，露出每个模块核心功能，且增加左导航将更多文本收起。

让使用者立即对商品范围有整体认知，高效率找到所需功能

（3）视觉动线优化优化使用者浏览动线，让使用者更高效率的浏览页面信息，找到所需功能，减少信息遗漏老版商品的首页布局，采用“上 – 左 – 右 – 下”的布局方式，扫视动线无规律，管理效率较低，易遗漏信息改版后，采用尼尔森提出的F型浏览模式（因浏览模式像英文字母F，所以被称为F模式），即使用者从左到右阅读，接着横向扫视，当定位到兴趣点后继续由左至右阅读。

这种动线符合人类自然的阅读模式，大大提高扫视管理效率

3. 让使用者高效率“使用”功能 使用者高效率‘找到’所需功能后，需提供简洁、高效率的操作任务流程，让使用者高效率化解难题结构设计中，可通过统一的页面布局和结构、高效率统一的任务流程、个性化定制、打通商品内不同辅助工具的功能等策略提高使用者管理效率。

（1）统一的页面布局和结构统一的页面布局和结构，能减少使用者学习和理解成本，提高使用管理效率。例如商品二级页面使用相同布局，分类平铺商品，提高使用者操作管理效率，减少学习成本。

（2）高效率统一的任务流程提高任务流程管理效率和体验，可以从4个角度来思考：步骤少、多线程、用时短、规范统一步骤少：缩短使用者路径例如：将更多“手动操作”自动化，或合并步骤多线程：多线程同时操作例如：将任务流程都以弹窗展现，不干扰主客户端的多线操作。

用时短：在技术上，优化流程所需天数。例如：诊断修复功能从10秒优化到只需7秒。规范统一：将所有任务流程中统一可视化和视觉规范。例如：弹窗尺寸、副标题规范、面包屑规范、成功/失败规则。

（3）个性化定制和推荐裂解型辅助工具商品功能一般较多，根据人物画像进行个性化定制/推荐，把使用者最想要的文本直接呈现，提高使用者使用管理效率在新版商品结构设计中，根据使用者岗位、入职天数不同，对使用者进行了个性化定制根据岗位不同：

不同岗位使用者，高频使用的辅助工具不同。结构设计时，可根据不同岗位提供不同的默认功能。例如在首页初始化时，按照不同岗位的使用者数据，默认展示使用最高频的6个辅助工具。且使用者可定制化常用功能，提高使用管理效率。

根据入职天数长短：对于新手小白使用者，除了提供标准的新人指引以外，也可以将部分功能打包后进行“一键完成任务”，帮助使用者自动完成任务在新版商品结构设计中，当系统检验到使用者为刚入职员工时，则推送“一键初始化”必备办公软件，使用者后续无需自行一一安装，大大提高了使用管理效率。

（4）核心功能突出从使用者数据和深访中发现，大部分使用者主要就紧紧围绕着高频市场需求使用结构设计中，应给予高频功能更高的优先级，如更优先的展示顺序、更大的展示空间、更醒目地配色、和更直接的可视化形式新版商品结构设计中，使用高饱和度banner表达网络状态，不同的颜色表示不同状态，且在不同网络状态时，给出相应操作。

三、结语 裂解型辅助工具商品的结构设计方式，主要就紧紧围绕着如何让使用者快速认知商品、高效率找到所需功能、高效率完成任务几个方面展开希望通过商品结构设计事例，可以给我们抛砖引玉，在如何结构设计辅助工具型商品方面有新的启迪作者：wannieyang，百度可视化结构雕塑家。

来源公众号：百度大讲堂（ID：TX_DJT ），聚焦前沿，打造互联网人的高光时刻责任编辑由人人都是商品经理合作媒体 @百度大讲堂 授权发布，未经许可，禁止转载题图来自 Unsplash，基于 CC0 协议返回搜狐，查看更多

责任编辑：