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

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

原文发布于微信公众号 - 科技Mix设计Lab(Design-AI-Lab)

原文发表时间:2018-01-12

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏大数据文摘

被《硅谷》选中的“压缩算法”,为什么说下一个机器学习杀手应用将由此诞生

移动互联网时代,人类生产的新数据正以指数级别增长,数据中心越来越大,并消耗着地球上难以想象的巨大能耗,但人类依然可能面临着“数据无处存放”的境地。

1322
来自专栏每周一脱topic

推荐系统-学习总结

推荐系统目前几乎无处不在,主流的app都基本应用到了推荐系统。

1.9K13
来自专栏FD的专栏

人工智能与自然语言处理概述:AI三大阶段、NLP关键应用领域

AI 指代「人工智能」,是让机器能够像人类一样完成智能任务的技术。AI 使用智能完成自动化任务。

1063
来自专栏AI科技大本营的专栏

AI 技术讲座精选: 数学不好,也可以学习人工智能(二)

【AI100 导读】本系列文章将陆续向大家推荐一些数学用书,今天这篇文章有针对性的介绍了数学不好的人,究竟该怎样学习人工智能。 ? 如果你已经看过本系列的第一篇...

3746
来自专栏专知

谷歌AI-强化学习中的好奇和拖延

【导读】强化学习是机器学习中最活跃的研究方向之一,其中代理在做正确的事情时获得积极的奖励,否则获得负面的奖励。这种胡萝卜加大棒的方法简单而通用,并使得DeepM...

982
来自专栏AI科技评论

学界 | 超大规模图计算在阿里巴巴的应用都有哪些?四篇KDD oral论文抢先看(附论文下载)| KDD 2018

AI 科技评论按:本文为阿里巴巴提供的 KDD 2018 解读稿件。这一事件在雷锋网学术频道 AI 科技评论旗下数据库项目「AI 影响因子」中有相应加分。

1502
来自专栏专知

看论文头疼吗?这里有一份学术论文阅读指南请查收~

【导读】对于从事学术研究的人来说,跟进最新的论文是必备的科研素质之一。但面对海量的论文更新,应该如何快速又有效地阅读论文,吸收其精华? KyleM Shanno...

1450
来自专栏数据科学与人工智能

【数据】作为数据科学家应该学习的第一件事

根据30年的商业经验,下面的列表是我认为首先应该在数据科学课中讲授的(非全面的)内容选择。 这是我文章的后续内容为什么Logistic回归应该最后讲解。

890
来自专栏CVer

说两件事

虽然最近半个月CVer 依然保持每日推文,但原创的文章越来越少了。Amusi觉得一个公众号最基本的原则是输出优质内容,其次是保持原创。原创很重要,Amusi也很...

1693
来自专栏腾讯架构师的专栏

给 AI 换个“大动力小心脏”之通用 CNN 加速设计

基于 FPGA 的通用 CNN 加速设计,可以大大缩短 FPGA 开发周期,支持业务深度学习算法快速迭代;提供与GPU相媲美的计算性能,但拥有相较于 GPU 数...

1.7K2

扫码关注云+社区

领取腾讯云代金券