查看原文
其他

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

2018-01-12 shadow 科技Mix设计Lab

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


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



2017,Kara Pernice 发表一篇文章,有 个内容比较重要:


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

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

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



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


  • 在页面的前两个段落中包含最重要的几点。

  • 使用标题和副标题。

  • 在视觉上对相关内容进行分组。例如,通过用边框或使用不同的背景来包围它们。

  • 标记重要单词和短语。

  • 为链接设计不同的格式,并确保链接包含明确的信息,而不是通用的“点击这里”或“更多”。

  • 使用项目符号与列表List。

  • 精简,减少不必要的内容。


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


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


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


参考资料:

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微信群


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

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


赞赏专用:


关于:


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

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

您可能也对以下帖子感兴趣

文章有问题?点此查看未经处理的缓存