第266期-[设计准则]工具类产品设计-2022设计之旅32

第266期：用时约4分1335字

[设计准则]工具类产品设计的8个准则

推荐：设计工具类产品需要参考的八个准则包含：简洁，快速，正确，易解，美观，主动，个性，引导性强。多年的从业经验告诉我，简洁对于复杂的工具类产品尤为重要。没有人会使用复杂的工具。

01简洁的：导航的简洁，导航的简洁意味着用户可以快速的理解产品的各部分功能，视觉层次的简洁，当页面信息繁杂时，我们很多时候是依托于视觉的处理来让用户清晰的分辨出各部分区域，所谓视觉层次的简洁，页面信息的精简，这是我们必须面对并且必须解决的问题，在前两者已经达到要求的基础上，我们需要保证我们首屏展示的信息，

02快速的：快速是反应效率最直接的方式，工具类产品的目的，无非就是想通过将功能产品化，来提升受众用户的工作效率，所以快速的跳转、快速的响应、快速的反馈，可以提升用户使用过程的愉悦感。管理用户的“等待”。加载的方式可以按照时间分为：转动的菊花，加载在2秒以内的时候，加载的方式可以用加载动画表示。进度条，加载在2-8秒的时候，加载的方式推荐使用进度条+百分比，我相信多数人都会盯着百分比一点一点读到100%。进度条+返回操作，加载在8-20秒的时候，允许用户取消当前的加载，返回之前的操作。分项展示，加载超过20秒的时候，就需要展示明细的加载过程，告知用户哪些项是成功的，哪些项是失败的，哪些项是正在加载的。

03正确的：用户正确的理解并操作，操作结果的正确反馈

04易理解的：面临一个选择，对于一个专业度高、操作复杂的产品，常规的操作icon已经无法涵盖其特有的操作

05美观的：在项目过程中我发现，视觉在这类产品所起到的效果绝不仅仅是好看这么简单，一些很难处理的层次问题可以通过视觉的优化来实现，可以说，视觉对这类产品的赋能，就是通过视觉的差异化设计，让用户能够更清晰的感知产品在功能上的分区，所以这里的美观，我理解，并不仅仅只是为了好看，而是能够通过视觉的处理，让用户很舒服自然的理解产品。

06主动的：成功信息的反馈、失败信息的推送、默认信息的提供、风险信息的提前暴露、用户可能进行的下一步操作，这些内容一旦全部做到位（请注意，是“全部”！），

07个性化的：个性化的推送就需要花费很大的精力来实现，而相比ToB类而言，我们可以通过分析每个角色的核心用户，来确定用户的使用场景和使用路径，可以很快的为这类用户提供定制化的页面和服务。

08引导性强的：即便是我们实现了市面上的各种交互准则1，2，3，4，5......也只能说我们达到的用户体验好的一个基础条件，真正要实现这个，就需要产品有一个很强的引导能力，因为真正操作这个产品的用户，一个工作流可能会跨越多个对象、多个页面，遇到多个问题，我们需要做的，就是能够在产品中植入强力的引导特性，

产品设计上的一致性，相似对象的相似功能，我们需要尽量做得一致，在用户操作过一个对象之后，对于其他对象，也可以在相同的位置找到对应的操作，这其实算是一种暗引导。像新功能上线后，我们一般会用的新功能的弹出提示那样，对于初学用户，最好在触发页面添加这一类的提示，这其实是帮助用户快速掌握页面功能分布的方式，比起用户自己来找，效率要更高。我记得Heroku对于代码的集成和部署有一个完整的多个步骤的引导流程，并且我在最近的项目中也尝试提供了这种设计，这种step by step的方式，其实就像一个导盲犬，用户可以从这里出发去一步一步的完成任务。