Original shadow 无界社区mixlab 2018-01-12 04:30 Posted on

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

   设计+人工智能的文章推荐： 

算法驱动型的设计

设计+人工智能深度案例分析报告

DIY一个人工智能设计师_v0.0.1

人工智能设计师v0.0.2

人工智能设计师之智能排版v0.0.3

电影封面海报个性化推荐+人工智能设计师v0.0.4

人工智能「 服装设计师 」上

人工智能「 服装设计师 」中

聊聊人工智能建筑师

       人工智能设计师之智能排版的另一种实现方式

       设计中的类比思维与人工智能的图像类比算法

以下为广告：

付费社群--知识星球

免费社群--MixLab微信群

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

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

赞赏专用：

关于：

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

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