即学即用！13个B端交互设计的优化策略

最近做了不少新项目，过程中沉淀了一些经验方法。我试着复盘总结下，提升 B 端用户体验的 3 个方向和13 个策略。

交互设计的 13 个优化策略

关于 B 端交互设计的体验优化，我一般会从"结构优化、效率提升、提示帮助"这三个方向去思考。

它们应用范围很广，不止 B 端有效，C 端或一些工具产品，应该多少都会用到。

一、分块分组

当一个页面信息杂乱无章时，可以将它们分成几个区域展示。

比如可以把发布商品分为基本信息、规格库存、商品详情等。

二、导航优化

可以试着用面包屑、标签页、快捷入口等交互组件，大幅提高用户的导航效率。

一般页面较多内容时，都有个回到顶部的按钮，点击立刻返回默认位置。

三、步骤分解

如果尝试了分块分组、导航优化后，用户操作难度还是很大的话，这时候就要对功能进行步骤分解了。

四、内置交互

当页面的一些低频操作太多时，可以使用展开收起、对话窗口等交互组件，将这些功能隐藏起来，保留界面的简洁美观和易用性。

五、默认填值

按使用场景、用户习惯等维度，给组件预选、预填一个值，例如商品发布时间默认是明天 9 点。

六、按钮输入

将一些用户频繁使用的数据，置于一个按钮组中，等到要输入的时候，可以快速选择。

例如商品下架时间，可选一周后、一个月后、3 个月后。

七、频次顺序

根据组件的使用频次，按高到低进行排序优化，一般的低频操作和非必填项，都可以放在底部。

八、快捷按键

通过按键的形式，执行某个功能，方便用户提高交互效率。

平时使用 WIN 系统，复制粘贴可是超高频操作了。

我简直无法想象，要是没有这两个快捷键功能，一组信息要想复制到其他位置，这操作该有多复杂。

九、文案说明

告知用户当前组件的用途是什么，主要用于较复杂、难理解的功能。

它一般会在输入框、单选框、多选框下方，以一行简洁的文案显示。

十、样式引导

通过颜色、大小、红点/徽标等样式的强调或弱化，潜意识地引导用户注意力。

十一、即时反馈

当用户出现输入错误、提交表单时，提供即时的友好反馈，能让用户减少错误操作的几率。

十二、内容预览

把用户填好的内容，在提交前先进行预览确认。

一般电商运营在发布商品时，都希望先看看商品上架效果。

十三、新手帮助

通过新手引导、示例展示和帮助手册等方式，让初次使用系统的用户，快速熟悉和上手功能用途。

总结

如何才能提升 B 端交互设计的用户体验，可以从"结构优化、效率提升、提示帮助"去提升。

作者：产品之外