在B端体验设计领域，我们深知用户对我们产品的期待──快速完成任务、即用即走。然而，随着业务需求和产品功能的不断扩展，流程复杂化、功能冗余、信息过载和引导不足等问题逐渐浮现，这不仅增加了新用户的学习成本，也使得老用户丧失了使用产品时的专注和效率。
在业务改版时，我们的体验设计师了解到旧版页面信息录入成本过高的问题，于是提出了数字键盘录入数据的方案「用户在原本手动录入数据的基础上，增加选择录入数据的能力，以此降低用户录入数据的操作负担」。
作为数据录入的组件，数字键盘适用于简短且整数的特殊场景下，如：数字录入、百分比录入。备选的数据信息以宫格布局呈现，用户可以快速点击数字键盘中需要填入的数字。相比下拉菜单和上下箭头数字输入框相比，更直观，易用性更强。 对于擅长键盘盲打的研发工程师类角色来说，仍然可以通过物理键盘录入数据；而对于不太熟练操作键盘的大多数用户来说，可以通过直观的数字键盘点选录入数据。数字键盘组件甚至还能帮助用户自动计算已填数据，实现一键补全。
数字键盘作为一种兼具选择录入便捷性和手动输入灵活性的数据录入组件，为不同类型的用户提供了高效、准确的数据录入体验，不仅提升了数据输入的便捷性和准确性，而且通过适应不同用户的操作习惯，增强了产品的普适性和用户满意度。继而我们也将数字键盘组件在其他使用场景进行了拓展，比如，其他场景下数字键盘上集成了手动录入的输入框，备选数据可以根据用户设置的起止日期进行自动计算，不仅帮助用户减轻了操作难度也极大节省了用户的时间成本。
针对以上用户使用中的痛点，我们在页面中关键区域设置了一系列操作指引性的任务提示卡片，并在卡片上设置明确的引导文案及操作按钮，以减少用户因不熟悉产品功能或者页面信息过多而找不到操作入口的问题；引导用户点击“去完成”、“去操作”等操作按钮直接跳转至应该操作内容模块或相应页面去完成应该完成的操作，这样就使得不同用户在不同环节完成相应的任务，保证流程顺畅的走下去。
任务提示卡作为一类高效的即时指引工具，已在多个用户使用场景下发挥了关键作用，不仅帮助用户提升了完成任务的效率，也在一定程度上缓解了用户的焦虑。该组件的设计初衷是为了解决当用户面对复杂或不熟悉的操作时，为了用户提供即时的指引。在不同系统平台的适配过程中，我们特别注重交互模式的灵活性和适应性，以适应不同的适用场景。例如，我们将传统的卡片视图优化为列表视图，并支持多个操作项，实现了用户所见即所得的直观体验。
当用户在切换一个常驻但因为屏幕尺寸而没有展示在菜单栏上的应用时，需要先点击更多【应用图标】进入更多页面。 再定位到需要切换的应用图标上进行点击才能完成整个【切换】的流程。 当我们洞察到用户使用菜单栏的痛点后，在后续的迭代优化时。在更多应用的图标上增加一个悬浮事件。 鼠标悬浮时，它就像一个传送门一样将用户需要切换的应用呈现在浮层卡片上，用户点击所需的应用即可完成应用的切换。
比如，在消息通知面板交互上我们也采用了【浮层卡片】的交互模式，用户既可以点击去查看全部消息也可通过鼠标悬浮快捷唤出【浮层卡片】查看最新消息。
在表格页面通过使用【浮层卡片】查看状态、附件等信息，用户可以不用进入详情页快速获取信息，用户掌握好这些小贴士可以有效提高工作效率。
经过多场景的实践，我们团队已将浮层卡片精炼为一种有效缩短用户使用流程的交互模式，显著提升了用户操作效率。也被我们拓展到更多场景，以实现在更广泛的应用维度上为用户提效。
我们最初使用了数据可视化的看板来呈现各阶段下不同状态的概览信息，但这只解决了数据概览的问题，用户还是需要点击“详情”才能跳转至相应的页面。
体验设计师在一些项目中尝试了将数据可视化看板与Tab标签页的融合，这就形成了具有Tab切换功能的数据看板，用户在查看概览数据的同时也可以通过点击切换查看各阶段/状态下的详细数据。
在经过用户反馈和不同业务场景下的适配后，我们又针对小屏增加了折叠功能、折叠后状态数据隐藏、宽度不够时状态数据隐藏等优化。
以上数据看板与tab页签融合的方案，一方面解决了数据可视化的问题，另一方面也解决了切换查看详情数据的繁琐操作。在明确了以上组件的价值点后，将其进行延展并应用到了一些具有共性的使用场景中。
针对这样的复杂多维使用场景，我们在设计时借鉴了树形连接线来解决需求与开发分支的复杂关联关系，通过树形连接线将需求与开发分支进行串联，让复杂的关联关系一目了然。在解决了复杂的关联的同时，在连接线上增加了「新增」及在表格操作列增加了「操作列」的操作来解决编辑等扩展问题。
在处理嵌套表格时，树形连接线的使用极大增强了单元格与嵌套层之间的视觉关联。
在OKR系统中，树形连接线的应用使目标和任务之间的从属关系更加明晰。此外，还为卡片在折叠状态下提供了展开后可查看更多信息的视觉引导。
以上几个是我们通过洞察用户诉求，依靠设计手段改善用户体验的典型案例。想要持续而又高效的提升产品的用户体验，仅凭零星的创意是不够的，还需制定一套有效的设计策略，这套策略旨在培养设计团队成员的创新意识和体验思维能力，使设计团队能够持续产出高质量的用户体验解决方案。
点这里，学习更多设计知识！ 👇
