用深度学习指导用户体验设计

前阵子分享了：让机器预测平面设计作品的视觉焦点 的文章，深度学习被用于预测平面设计作品的视觉焦点。其实在UX设计领域，有个课题是眼球轨迹的研究，早在2006年4月，美国长期研究网站可用性的著名网站设计师Jakob Nielsen发表了一项《眼球轨迹的研究》报告（原文：F-Shaped Pattern For Reading Web Content）。

报告称，大多数情况下浏览者都不由自主的以“Ｆ”形状的模式阅读网页，这种基本恒定的阅读习惯决定了网页呈现F形的关注热度。

2017，Kara Pernice 发表一篇文章，有 3 个内容比较重要：

用户在网上的阅读轨迹并不总是呈 F 的形状。还有其他常见的扫描模式。

F 模式会让用户忽略掉其他有效信息。

良好的设计可以防止 F 形模式的弊端。

作者认为适应用户的行为习惯才是最佳解决方案：

• 在页面的前两个段落中包含最重要的几点。
• 使用标题和副标题。
• 在视觉上对相关内容进行分组。例如，通过用边框或使用不同的背景来包围它们。
• 标记重要单词和短语。
• 为链接设计不同的格式，并确保链接包含明确的信息，而不是通用的“点击这里”或“更多”。
• 使用项目符号与列表List。
• 精简，减少不必要的内容。

很明显，基于眼球轨迹的研究成果，我们可以准备一批数据，经过深度学习训练模型，使得研究成果更好的应用在实际的场景。

用户眼球轨迹与web设计页面的数据集

前文的眼球轨迹研究结果显示，用户的浏览行为更多的高度概括性为 F 形，利用眼球轨迹收集而来的数据，经过深度学习训练模型，可以预测得到颗粒度更细的用户浏览行为。

参考资料：

https://www.nngroup.com/articles/f-shaped-pattern-reading-web-content-discovered/

https://www.nngroup.com/articles/f-shaped-pattern-reading-web-content/