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

前阵子分享了:让机器预测平面设计作品的视觉焦点的文章,深度学习被用于预测平面设计作品的视觉焦点。其实在UX设计领域,有个课题是眼球轨迹的研究,早在20064月,美国长期研究网站可用性的著名网站设计师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/

以下为广告:

付费社群--知识星球

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

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

赞赏专用:

关于:

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

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

  • 发表于:
  • 原文链接:http://kuaibao.qq.com/s/20180112G0BV9C00?refer=cp_1026

同媒体快讯

相关快讯

扫码关注云+社区