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

前阵子分享了：让机器预测平面设计作品的视觉焦点的文章，深度学习被用于预测平面设计作品的视觉焦点。其实在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/

以下为广告：

付费社群--知识星球

聚集各路跨界能手——有各领域的设计师、程序员、算法专家。

也许我们可以一块做点好玩的事情。如需入群可以联系我。

赞赏专用：

关于：

本公众号定期更新人工智能&设计&科技内容。

谈点设计，敲点代码，偶尔创作点人工智能实验产品。