预加载:尝试分析这种自动加载的交互方式

网站运营者的目的是为了增加阅读量,用户停留时间。而大部分用户一般是比较迷茫的,他们不知道自己想要读什么。


网站运营者的目的是为了增加阅读量,用户停留时间。而大部分用户一般是比较迷茫的,他们不知道自己想要读什么。

预加载:尝试分析这种自动加载的交互方式

我们在浏览一些以内容为导向的网站(比如一些UGC阅读类和新闻类网站)时,最频繁的操作就是:浏览文章列表然后点击阅读某一篇文章,阅读完毕后再切换到列表,选择自己要浏览的下一篇文章。但是我在使用品玩这个网站的时候,我发现阅读某一篇文章完毕后可以自动加载另一篇文章,然后用户只需要一直的滚动滚轮就可以进行下一篇文章的浏览。对于这两种不同的交互方式,我想来谈一下自己的看法:

对比一下两者的优劣势:

传统交互方式:

阅读完某一篇文章后,关闭该标签页面,然后浏览文章目录,再点开下一篇文章。

这种交互方式较为普遍,所以其优势也显而易见:用户接受程度较高,用户习惯较为成熟,不需要任何学习成本就可以进行操作。用户自己把控较高,可以根据自己的兴趣和安排进行阅读。

但是它有下列的几个劣势:

  1. 用户操作步骤较多:用户执行关闭页面、浏览目录、打开新的页面这样3步操作。
  2. 用户停留时间较短:当用户带有目的性的点开某一篇文章的时候,如果读完文章后已经解决了自己的需求,用户可能就会关闭该网站或者app,从而无法增加用户使用时间。
  3. 如果在网络不好的情况下,从整个体验上较为缓慢,需要等待网络加载时间。

预加载下一篇文章的交互方式:

当用户阅读某一篇文章的时候,滑动滚轮自动加载出另一篇文章的标题和内容。

其针对不事先预加载的模式有以下的优势:

  1. 当用户阅读完某一篇文章的时候,滚轮滑到底端已经预加载出下面一篇文章。这样的交互方式完整流畅,从体验上来讲没有停顿性。提高了用户体验。
  2. 假如用户是抱有目的性的操作,当阅读完这篇文章后很自然的加载出另一篇文章,如果这篇文章用户刚好有所兴趣,那可以继续读下去,这样可以增加用户的停留时间;如果用户是没有目的性的随意浏览,那这样的操作方式则会更加贴合用户的操作目的。
  3. 这样的阅读其实相当于一个变形的timeline形式,在其他的软件等已经有培养了一部分的用户习惯,所以用户也比较容易接受。

但是它也有自己的缺点:

首先是这样的交互方式有种强迫用户阅读的感觉,如果文章内容有不适合或者用户自身就对其他文章不感兴趣,则会引起用户的反感。

其次,虽然用户没有手动跳转页面进行操作,但是其本质还是URL的一个跳转改变,相当于替用户做了决定,如果是自主性比较高的用户,会有得不偿失的效果。

前一段时间知乎上面曾有过这样的交互方式,但是后来改为了左右滑动切换答案。其原因是我觉得是用户在阅读答案的时候,是带有目的性的,明确目标为解决关于该问题的困惑或者增加关于此类的知识,而当我已经明确认为了这条答案对我无益的时候,我却还要翻到最后才能浏览下一条答案,所以左右滑动切换就很好的解决了这个问题。

从业务需求、用户需求、用户体验路径这三个方面分析此交互方式

业务需求:在此种交互方式的情景下,业务目标和业务目的都比较明确。即提高网站的UV,曝光率,吸引更多的用户浏览,提高网站的品牌价值。

用户需求:首先这种情景下的目标用户为对网站提供的内容感兴趣的一些人,其场景主要为在碎片化时间的浏览以及用户专门在该网站找到某一篇特定的文章进行浏览查看。行为就是进行不同的文章浏览,体验目标是获取知识,开豁视野。

用户体验路径:针对第一种情况,用户的整体路径为①打开网站②找到某一篇感兴趣的文章③阅读浏览④阅读完毕,开始浏览下一篇文章。针对第二种情况,用户体验路径可能就比较单一了,只有打开网站,找到文章(如果用户是从某个链接打开文章,则这个步骤都没有,而现实体验中这种情况还较为普遍)然后阅读完毕关闭网站。

总结

根据上面的分析,我们可以得知网站运营者的目的是为了增加阅读量,用户停留时间。而大部分用户一般是比较迷茫的,他们不知道自己想要读什么。而有些带有目的性的用户在阅读完毕后可能就不会再使用网站,所以这类用户至少从该次的使用上并不是网站所期待的目标用户。

结合上面的分析,我觉得预加载这样的方式在这种情境下十分的适合,容易增加用户时间,快速打到业务目的。同时在用户体验上面也没有太大的割裂感,较为完整统一,接受程度上也不会存在太大的差异。

 

本文由 @执迷 原创发布于人人都是产品经理。未经许可,禁止转载

原创文章,作者:Catherine,如若转载,请注明出处:https://www.iamue.com/22291/

(0)
CatherineCatherine
上一篇 2017-05-01 06:06
下一篇 2017-05-01 08:09

相关推荐

  • APP设计当中不容忽视的20个小细节

    APP设计当中不容忽视的20个小细节如下: 1、一致,一致,还是一致 你能做的最重要的事情就是保证用户界面运作的一致性。对于列表框来说,如果双击其中的项,使得某些事件发生,那么双击任何其它列表框中的项,都应…

    2015-04-14
  • 当你画线框图时,你应该想些什么?

    我们每个人在刚入行的时候,接到项目需求,最初更多的会沦为产品经理的画图工具,帮他画好线框图、补全场景状态反馈等,这时候你可能会彷徨痛苦,感觉自己没有办法实现作为交互设计师的价值,不用彷徨痛苦,你现在需要的只是一个完善的工作流程,下面我就抛砖引玉来讲一下当我在画线框图时,我在想的12345……,希望对刚入行的小伙伴能有所帮助。

    2017-05-21
  • 如何在Sketch中快速创建调色板?

    今天我将会教你如何在Sketch中快色的创建调色板。这是个很棒的技巧,是年前我从Marc Edwards那里学到的。首先我们先创建三个正方形,它们是可以被三整除。在我们的例子中,我们将先创建一个240pt高和240pt宽的正方形。我们将重命名这些图层为红色、绿色和蓝色。让我们将红色图层的填充改为#FF6161,绿色图层为#4F953B和蓝色的图层为#0076FF。选中这3个图层,然后按“A”快捷键来选择画板工具。我们现在从右边的检查器上...

    2018-04-17
  • 交互设计9种交互状态的设计

    现在的UI设计团队通常先设计组件,多数界面几乎就是各种组件的结合。这会在用户的“异常路径”上留下不容小觑的断档。由于我们构建的是整个系统,而非几个页面,我们必须投入精力打磨这些常常被忽略的状态的设计,创…

    2015-11-09
  • 同一个人的微博,首页连续出现48条是怎样的体验?

    如果你是微博的轻度用户,可能偶尔觉得刷出来的内容有些不对劲;而如果你是微博的重度用户,那你很可能觉得微博的 timeline 有时候刷的很不爽。

    2017-05-14
  • 十种数字字体免费下载

    当你数字和文字融合时,让数字脱颖而出是很重要的。 这些数字可用来吸引用户的眼球。在广告或打印使用创造性的数字字体和颜色,它们将脱颖而出。 国外设计师Heather Moritz跟大家分享了十种免费数字字体,这些字体仅…

    2015-01-20
  • UED新刊 | 承——中国院方案组二十周年

    📌编辑| F.我觉得记录或者回忆方案组这件事……如果说有意义的话,它不应该仅仅是哥几个的一段往事,而是可能还带有某种其他的价值,可以为我们的同行展现中国建筑发展当中的一个小的片段。——崔    愷《城市·环境·设计》UED108期“承——中国院方案组二十周年”专辑现已发售更多互动福利详见文末扫描文末二维码即可购买新刊导读1997 年,当时还是建设部建筑设计研究院(下称建设部院)的中国建筑设计院(下称中国院),由时任总建筑师和副院长的崔愷...

    2018-02-07
  • 用户体验和可用性之间的联系和差异

    关注一下,更多精彩等着你用户体验和可用性的不同目标对于网站而言,唯一的可用性目标是“易于使用”。但是,用户体验的目标是关于用户在使用网站之前,期间,之后获得的整体感受。因此,可用性和用户在网站中完成任务的难以程度是有关的,而用户体验关注的则是用户和网站互动上的感知。可用性在用户体验设计中扮演着重要的角色拥有良好可用性的产品,用户在使用之后会感觉方便、快捷、舒适,同时减少用户操作出错的可能性。很显然,它会唤起用户良好的情感体验,让用户感到...

    2018-03-09
  • 【产品分析】微信拼手气红包的贪嗔痴

    春节期间火爆的“拼手气”红包,让用户疯狂点击拼手速网速,拼rp看金额,每一个环节都深深戳着用户的G点,高潮迭起。“拼手气”就是拼人品,那么,最佳手气者是不是有机可循呢?微信红包这样的设计目的在何处? Aaron毛…

    2015-03-05
  • [交互留学]英国HCI方向交互设计院校推荐

    之前很多设计相关专业的小伙伴问马克君,是否能够申请HCI方向的交互设计专业,马克君给出的答案是肯定可以,但是你在准备时需要比申请IxD方向的交互要更偏重提升自己的计算机方向的能力。对于HCI和IxD两个交互方向…

    2017-08-02