交互规范之推进思维导图
交互规范中有关推进的思维导图，包括推进规范分类、确定分工推进排期
树图思维导图提供 交互规范之推进思维导图 在线思维导图免费制作，点击“编辑”按钮，可对 交互规范之推进思维导图 进行在线思维导图编辑，本思维导图属于思维导图模板主题，文件编号是：774df6ee12d9696d165adcdeec262593
思维导图大纲
交互规范之推进思维导图思维导图模板大纲
推进规范分类
方式一
整理业务场景下不同的页面、流程等，并进行抽象合并
全局原则
页面框架
通用流程
方式二
参考行业通用规范的定义，先罗列完整，再根据产品实际业务需要进行增删改
标准组件
文案规范
确定分工推进排期
分工原则
一个大的分类由一人负责
保证专注性
团队交互最好都能参与
保证后续对规范更好的沿用
排期原则
并行的思路
剩下的页面、流程、组件、文案都可考虑并行定义
并行彼此之间没有明确的依赖项
迭代的思路
即将改版的模块
反馈较多体验较差的模块
复用的思路
典型页面、典型流程、典型组件涉及面广
许多需求的设计都将借鉴参考，亦可优先抽象定义
统一撰写原则
目录完整
高效检索，快速让使用者找到需要的内容
原则清晰
抽象的内容往往含有许多概念和原则
需要让使用者先理解再参考
才能保证后续使用正确、举一反三
多图少字
没有人喜欢看字，图片更容易吸收
搭配案例
让使用者更好的代入场景，理解和使用规范
定义具体规范
全局原则
目标
明确影响整站各个模块、各个页面设计的原则和规范
指导我们后续各种规范的定义和设计
设计原则
每个完整的设计规范都需要包含的内容
设计价值观
设计准则
看似相对务虚的东西，实则影响后续整个设计方向
需要和产品经理、视觉同学结合产品的定位和发展共同提炼
业务原则
源自实际业务本身产生的问题，行业内没有标准定义
需要具体问题具体分析，推导出具体目标，最后再统一制定规范解决业务问题
明确问题
整站层级高度没有统一定义，导致不同控件间相互遮挡，没有统一规则
需要定义全局Z轴规范，统一不同场景、页面、组件的高度
梳理借鉴
统一梳理相关场景、页面、组件，明确需要定义的范围
查找行业规范，有无参考借鉴
定义规范
通过最具代表性的场景进行展示
全局原则没有维度高低之分
不必盲从行业交互规范内庞大且抽象的原则
只要能够实际解决你业务的需要，能够覆盖整站各个部分
页面框架
目标
梳理整站所有关键页面，整理抽象成相对固定的 框架布局&功能分区 让后续设计新页面时能遵循规律、找到参考
第一步
收集页面
根据早期定义的规范分类，收集展示所有相同层级的页面
第二步
框架布局
提取共性，搭建框架和布局，明确页面大的区域划分和结构
第三步
功能分区
基于框架布局，细化区域内具体的业务功能属性
定义太细，担心缺乏前瞻性限制后续设计
定义越细灵活度就低，后续改动和限制性就越高
定义太粗，无法定义出明确的功能分区，担心缺乏实际指导意义
从规范角度好像不应该，但实际套在各个业务内却又合理
第四步
加入案例
将刚刚定义的布局框架与功能分区，与实际案例完整结合，便于后续理解和沿用
通用流程
目标
梳理整站所有流程，对那些可复用的流程进行整理、抽象、封装
可复用的流程
在多个场景下，不改变其原有业务逻辑的情况下能够“既插既用”
登录注册流程
扫码关注流程
分享流程
标准组件
目标
将产品内使用过的组件整理成“标准组件”，统一定义规则，让后续设计和研发时能直接调取组件，提高设计和研发效率
产品持续在迭代，也很难能抽出时间单独定义组件
需求设计流程
组件整理流程
方式一
调用行业通用组件
第一步
业务设计确定基本逻辑
第二步
挑选行业通用组件，增加业务规则
第三步
视觉根据全局视觉原则，设计新的样式
第四步
将交互规则、视觉样式合并，统一成标准组件
基础规则直接引用行业组件已定义的内容，场景规则按需补充
方式二
业务定制组件
第一步
进行正常的业务设计
交互根据需求搭建原型，视觉设计具体样式
第二步
判断组件是否通用，是否可复用到其它场景
第三步
定义标准组件规范
简单的组件展示具体样式即可，团队内设计师基本认知一致，无需重新学习
复杂的组件为保证后续的正确复用
更新日志
组件是变动最多的规范，需要明确具体的版本和改动点
组件定义
简要介绍用途和使用规则
组件结构
组件构成
功能分区
分区定义
详细展示不同分区内具体信息和对应规则
使用场景
详细区分多种场景下不同的使用方式，明确给予使用指导
在行业内有了不少科学的目录和沉淀思维导图模板大纲
强业务导向思维导图模板大纲
涉及到的页面框架、组件可优先定义思维导图模板大纲
相关思维导图模板
树图思维导图提供 新媒体时代下红色文化传播路径研究——以西柏坡为例 在线思维导图免费制作，点击“编辑”按钮，可对 新媒体时代下红色文化传播路径研究——以西柏坡为例 进行在线思维导图编辑，本思维导图属于思维导图模板主题，文件编号是：7bef6df727cd176a6f1e1aa3aaa3ce33
树图思维导图提供 橡皮障规范化流程 在线思维导图免费制作，点击“编辑”按钮，可对 橡皮障规范化流程 进行在线思维导图编辑，本思维导图属于思维导图模板主题，文件编号是：fb7034babf02abe3c3fdf95980829bd9
沪公网安备 31011502019485号
上海工商