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

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


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

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

我们在浏览一些以内容为导向的网站(比如一些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

相关推荐

  • 百度UED:运营设计那些事儿

    数十万互联网从业者的共同关注!作者:百度搜索用户体验中心 授权早读课发表,转载请注明出处。在现如今的社会中,每天都在进行着一场场没有硝烟的商战。运营设计则是至关重要的一部分。那么怎么才能做出一个好的运营设计或者一个相对比较成功的运营设计呢?我们要知道设计的目的。设计的目的是什么?设计核心在于能够让用户在有限的时间内Get最有价值的信息,找到所得,从而实现转化。知道设计的目的了,在项目中自然形成了一些思路流程。1、需求分析需求分析分为:产...

    2018-01-31
  • Smartisan OS v2.0 正式发布

    本次升级坚果手机新增功能 94 项,优化细节 108 项,修复 bug 若干;Smartisan T1 新增功能 91 项,优化细节 109 项 ,修复 bug 若干。升级主要增加了系统应用“语音搜索”、“安全中心”、“游戏中心”,增加了应用启动…

    交互设计 2015-09-16
  • 任务优先级的重要性:为核心任务设计

    作为一个交互设计师,在日常的设计工作中经常会问自己或者产品经理最多的问题就是,“这个功能用户用得多吗?用户主要在什么场景下用这样的功能?他用这个功能的目的是什么?等等”,问这类问题的主要目的是判断功能的优先级,在确定了优先级后再根据它去想办法去简化任务流程以及界面设计。

    2017-05-28
  • 《用户体验可视化指南》视频讲书(3)

    《用户体验可视化指南》书中第一章的第二部分。客户旅程是一条线路,用户地图是多条线路的集中展示,专注于服务蓝图的交互可视线之上的部分。心智模型本质是聚类,空间地图用于更复杂的系统去表达信息流和内容之间的关系。点击视频观看(大约10分钟)兰静同学听后分享这节视频有3个内容,其中有个非常重要的内容,解决了我也疑虑已久的问题:客户旅程图和体验地图,到底有什么区别?视频中详细的说明了二者的区别:一条线和多条线。客户旅程图强调了用户是怎么一步一步做...

    2018-04-01
  • 你真的了解交互设计吗?

    回顾2017年,我们发现交互设计受到越来越多学生的青睐,这个新型专业在国内的认知度与外国并不完全同步。为了给更多学生带来交互信息的普及,设想决定带大家预测一下在2018年,信息体验设计会如何发展、还有哪些值得我们关注的趋势。更简单的导航方式导航体验是2017年的热点话题之一。为了设计出顺畅的用户体验,导航扮演的角色至关重要。线性导航Linear Navigation为了简化导航体验,很多app和网站致力于创造线性的导航体验(即分布式),...

    2018-03-19
  • 19.怎样绘制用户体验的地图 | 打造产品思维30讲

    19.怎样绘制用户体验地图来自时间前哨00:0015:06这一节讲用户体验地图和用户故事。用户体验地图就是通过画一张图,用一种讲故事的方式,从一个特定用户的角度出发,记录下他与产品或者服务进行接触、进入、互动的完整过程。开始做产品经理的人容易犯的错误,就是用管理员的视角来规划产品。我经常看到这种全局型的产品设计图,复杂、全面、没重点,这肯定是错的。我一般会告诉这种产品经理,请按照一个用户使用的路径,把这个产品设计图再画一遍。从一开始用户...

    2018-03-20
  • 交叉学科-交互设计春季周末班课程计划

    开课时间:本周末4.14日开课,可预约免费试听。请单独联系教务老师。联系方式:教务老师微信二维码上课地址:北京海淀区北四  环保福寺桥南  恒兴大厦10层E室

    2018-04-11
  • 不懂这几个交互原则,你一定是假的UED设计师

    如果你对这个题目很陌生,那请赶紧登上这辆末班车,来不及解释了。在日常工作中,我们总是会遇到产品或者开发对你发问“这个按钮为什么要放在这里”,“这里显示的信息条目为什么只剩这几个”blablabla之类。不管是为了在对接流程中更加有理有据,也为了使自己的设计更人性更好用,了解这几条基本原则,也是非常必要的。除非有更好的选择,否则就遵从标准。交互设计之父 Alan Cooper最为人熟知的或许就是这句“除非有更好的选择,否则就遵从标准”了,...

    2018-03-15
  • 用户体验太差:银行要想超越支付宝、微信,请先把App做好!

    如今的支付市场可以说就是支付宝和微信支付的,他们占据了大部分的市场份额,即便是近年来各大银行也推出了APP服务来满足用户的移动上网需求,以通过此来获得用户的支持,可是大多数的银行App做的并不好,不仅使用难度高,人机交互做的也很差,完全不符合用户的操作习惯,体验度也不好,那么,为何银行如此有钱却做不好App呢?沐阳圈、子macd857近期的操作:3月19日分享的浙江东日四个交易日涨幅46%,3月21日分享的西仪股份三个交易日涨幅33%,...

    2018-04-01
  • 网页的交互设计and界面与用户体验案例:Nike Tech Pack in store app

    第一段是动效的视频,请注意观看交互效果与配色设计。 图片都可以点击放大,更清楚哦。 原文地址:https://www.behance.net/gallery/26097251/Nike-Tech-Pack-in-store-app 多个作者: Shakir Dzheyranov / Detail …

    2016-01-10