UI设计日新月异，但在变化的背后不变的是设计师对美和易用的追求

UI设计日新月异，但在变化的背后不变的是设计师对美和易用的追求。在对用户体验的不断研究中，很多复杂的案例被凝聚成简明的设计原则供我们使用。Lawsofux的UX原则便是其中的典范，这些原则久经考验，历久弥新。本文仅就这些优秀的交互原则结合自己的工作项目。谈些浅显的看法，意在抛砖引玉。

02 Lawsofux的UX原则

1. 希克定律

决策成本随着可选数量和复杂性增加而增加。将复杂任务拆解为简单的步骤可以降低用户的决策成本。突示推荐选项可以避免用户无所适从。渐进式设计可以减少新用户的认知负担。

应用案例：省心招-招聘刷新设置结果页

我们在设计过程中经常会遇到一种情况：单一页面会有很多类似的入口或内容，并且需求方希望都加以强调。由希克定律得知，对于用户来说这样的页面是十分复杂的。既全都强调等于没有强调，效果反而不理想。在招才猫的的设置结果页中我们避免了这种情况，对结果页的三种入口进行了区别化处理，将用户最需要的操作突出显示，防止用户陷入困惑。

2. 菲茨定律

获取目标的时间取决于目标的距离和大小。点击目标应足够大，使用户可以辨别和准确选择。点击目标之间应有充分空隙。点击目标应该放置在一个界面内易于获取的区域。

应用案例：58营销平台-效果数据升级

在数据展示类设计中，用户查看数据一直是个痛点，因为图表可能很长或者数据文字不够明显，导致界面识别性较低。在58营销平台效果数据页设计时，我们尝试优化这个问题。于是在柱状图顶部增加了触发点，鼠标划过时会浮现卡片展现其具体数据。设计时触发点应足够大，或者有更大的热区，以增加数据识别性。

3. 共域定律

如果元素们在一个明显的区域内，人们将认为他们是一组的。为不同数量元素添加边框是创建公共区域的简便方法。也可以为不同数量元素添加背景来创建公共区域。

应用案例：帮帮商家2.4.0版本迭代

在这个页面优化时，遇见了用户使用习惯与内容逻辑分类的冲突。页面分为操作项与展示项，操作项多且复杂，用户可能只要设置部分功能就足够。但是原页面保存按钮在操作项最下方，可能要翻页去找，不是很方便。于是将保存按钮与右侧预览页面上下排布，通过灰色的背景使得其视觉上归为一组。这样也符合了用户“保存满意设置“的心智模型。

4. 靠近性原则

彼此临近的对象往往会组合在一起。邻近有助于与附近物体建立关系。邻近性可帮助用户更快，更有效地理解和组织信息。

应用案例：58营销平台-效果数据页

这个原则有两个方面：相关的内容要靠近，不相关的数据也要远离，防止用户混淆。在效果数据页的创建漏斗模块中，仅仅依靠操作项目之间的间距就可以给用户控件使用方式的暗示。在数据分析模块中，不同的控件之间，间距和位置也可以表明他们的相关性和优先级。