设计思考
设计体系分层
- 体验设计是一个分层级的体系，而不仅仅是页面和交互。通常认为产品体验就是页面的操作感受、视觉美观程度等等，表面上是这样的，但远远不够深刻。页面只是最终的呈现结果，其实，真正的体验从需求就开始了
- 体验设计层级从高到低分为：
- 页面交互层：页面的操作感受、视觉美观程度等等
- 产品流程层：产品的功能流程、业务流程，流程越短、评判标准越清晰，带来的效率越高
- 功能架构层：在功能之上，需要做到让用户“找得到”“用得顺”
- 功能层：产品的功能设计
- 底层架构层：高内聚、低耦合的模块划分；每个模块的数据结构设计；模块之间的数据流转
- 只有将整个 B 端产品体验设计的过程看成一个整体，才能最终打造一个卓越的 B 端体验。体验不只是页面的使用感受、视觉美观程度，流程简不简便，功能好不好找，底层架构是不是合理，都是影响 B 端产品的因素
B 端产品用户特征
- B 端产品面向的是群体需求，C 端产品面向的是单体需求：B 端产品通常面对的是一个企业，每家企业中的员工类型是非常多样的，有决策层、管理层、执行层。他们的喜好与需求各不相同，但 B 端产品却都要满足他们的需求与偏好。B 端产品的用户群体通常是一个公司内的多个岗位，而不是一个人
- 找到需求与体验设计方向、用户在业务方面的利益动机：执行岗位关注的是能不能快点干完工作，所以在面向这类群体时，操作效率就显得尤其重要；而管理岗位关注的是工作质量和成本，设计上就需要更多类似统计报表、趋势分析的功能；决策岗位关注的是数据的准确性和可靠性，所以在设计上就需要更多的数据可视化功能
- 重点关注每种岗位的使用习惯：不同角色，视角不同；不同部门，需求不同；不同岗位，习惯不同。比如研发同学习惯使用 IDE 、命令行工具；测试同学、项目同学更习惯使用浏览器等工具。这些都是他们的习惯，也是他们的利益动机，如果能够在设计中考虑到这些，那么产品就会更容易被接受。不同用户有不同的用户习惯，通常沿袭用户的习惯更能做出好的体验
设计原则
面向结果设计：明确目标，即时反馈。让每个交互行为都围绕着主目标的达成
组织性：如果信息之间关联性越高，它们之间的距离就应该越接近，也越像一个视觉单元；反之，则它们的距离就应该越远，也越像多个视觉单元。组织性的目标是让用户对页面结构和信息层次一目了然
对齐：在页面设计中，将元素对齐，既符合用户的认知特性，也能引导视觉流向，让用户更流畅地接收信息
-
表单 label 对齐：冒号对齐（右对齐）能让内容锁定在一定范围内，让用户眼球顺着冒号的视觉流，就能找到所有填写项，从而提高填写效率
-
文案对齐：如果页面的字段或段落较短、较散时，需要确定一个统一的视觉起点。这时，我们可以将文案的首行对齐，让用户更容易找到信息的起点
-
数字类对齐：为了快速对比数值大小，建议所有数值取相同有效位数，并且右对齐
对比
- 主次关系对比：为了让用户能在操作上（类似表单、弹出框等场景）快速做出判断， 来突出其中一项相对更重要或者更高频的操作
- 总分关系对比：通过调整排版、字体、大小等方式来突出层次感，区分总分关系，使得页面更具张力和节奏感
- 状态关系对比：通过改变颜色、增加辅助形状等方法来实现状态关系的对比，以便用户更好的区分信息
足不出户：能在这个页面解决的问题，就不要去其它页面解决，因为任何页面刷新和跳转都会引起变化盲视，导致用户心流被打断
-
覆盖层：删除确认、详情覆盖层：一般在列表中，通过用户「悬停」/「点击」某个区块，在当前页加载该条列表项的更多详情信息
-
嵌入层：列表嵌入层：在列表中，显示某条列表项的详情信息，保持上下文不中断。
提供邀请：邀请就是引导用户进入下一个交互层次的提醒和暗示
- 在内容为空时，邀请用户进行操作
设计实践
布局适配：中台系统的用户的主流分辨率主要为 1920、1440 和 1366，个别系统还存在 1280 的显示设备
工作台：工作台常被作为应用的主页，是一个为用户提供便利的交通枢纽。工作台提供常用信息入口，以中心辐射的方式导航至应用的各功能模块；呈现用户当前需要关注的信息，缩短获取关键信息的路径；同时允许用户在工作台直接操作一些高频任务
- 主要作用：
- 用户侧：提供处理和查看信息的捷径，并为用户提供必要的帮助
- 产品侧：与用户更好地沟通，适当宣传产品的新动向等运营内容
- 设计
- 新手引导，空状态引导
- 最近使用、目录入口、使用帮助、核心数据、快捷入口、待办清单、关注、运营模块。为用户再次访问缩短导航路径，为用户提供常用导航入口
表单页：表单页是一种用于信息添加、录入的页面类型。用来确保用户按照要求录入信息提交给系统使用或引导用户进行应用设置
- 基础表单：当需要完成一个简单快速的任务，例如输入少量信息即可完成创建。
- 分步表单：适用于具有明确的线性逻辑的任务
- 分组表单：单次任务的表单页中需要填写内容众多，且不同内容之中存在一定可分类归纳性
图标：保持一组类似图标在构造上的一致性是建立图标体系节奏感的一种方法
文案：精准、清晰的语言会更容易让用户理解，合适的语气更容易让用户建立信任感。因此在界面设计时，文案也应当被重视。 在使用和书写文案时有以下几点需要注意：
- 从用户角度出发
- 表述一致
- 重要的信息放在显著位置
- 专业、精准、完整
- 精简、友好、正面
- 重要的信息放在显著位置
- 用词精准完整
- 大小写和标点符号 - 英文名词大小写规范 - 统计数据使用阿拉伯数字
突出与弱化：突出重要的信息，弱化不重要信息
- 未激活菜单项为灰色
- 侧边栏导航去掉背景
- 省略不必要的 label
颜色：
- 颜色可以多，但同色阶要分好组
- 不要太扎眼，色温和背景接近
总结
B 端产品的本质是针对“组织”的需求。真正的用户体验，是落实到产品的每一个功能中，为组织节省成本、提高效率、创造价值
