可视化,别把简单内容复杂化

可视化是为了炫技还是为了更好地传递信息?

1472436392-5329-dwhOrQUSFcGhHho9fgxSSklgnn6g

1. 可视化是为了炫技还是为了更好地传递信息?

数据太过庞杂和交互过于烦琐都是做移动端新闻可视化需要避免的点。从我们的操作案例来说,能否保证用户体验是判断一个可视化新闻成功与否的重要标准,而实现这个标准的关键,是不能徒增用户的阅读成本。

我们观测了2015 年1 月~ 2015 年10 月制作的110 个可视化新闻选题,对PV 数、UV 数、用户停留时间、用户回流等量化数据进行了比较,同时进行了一组20 人的用户深度访谈,以进一步分析用户对现有可视化新闻产品的认知和使用偏好,并挖掘用户对这类新闻策划使用与否的原因。

数据显示,PV、UV 数及用户分享率相对较高的两个选题是《全景还原长江沉船事故》《数说天津爆炸事故》,这两个H5 专题并非我们认为的交互制作投入大、利于用户互动、植入较好的用户激励方式的H5 可视化新闻产品。

1472436391-9890-cHkexZ2khDicLKwwDtp5k45rRGGQ

1472436392-5523-1Uia0MDnWjKH88lV6RibT1JjF5SA

1472436394-6570-UOfiaTicRiccl3VOJ8kyWw4j4yvg

在对20 名用户进行深入访谈的观点汇总中,发现他们选择“会去传播”和“喜欢阅读”这两个选题的原因,主要是“观点新颖,我认同”“内容有趣,吸引我看下去”“表现形式特别,吸引我”“角度好玩,跟别的不一样”。

而在PV 数相对较少的5 个专题中,除了因内容质量、选题热度、推荐位置高低带来的对PV、UV 乃至用户传播数据的影响,关于为什么不乐于评论和分享该类专题,用户给出的答案都是与阅读体验有关的。用户对相对兴趣不大的可视化新闻的反馈是“表现形式特别,但操作很烦琐”“操作好玩,但内容主题不鲜明”“加载速度慢,浪费流量不想看”“太多页,没有耐心看下去”。

1472436394-6675-BqOS0SyFCAuTianpyE7G7dhySd4Q

1472436395-3111-NpGsSdUwIeTQ5XMyPX6pTicX0tdg

1472436396-1142-lF47OwGc2ZkXtHNYeQCuUtO54LAg

2. 做可视化如果要保持一个初衷,那是什么?

形式新颖和技术过硬并非用户喜欢一个新闻可视化栏目的核心原因,对于炫技型的H5 页面形态的产品,可能H5 游戏公司或基于H5 页面的广告营销机构会做得更加细腻。因为他们没有时效性,更利于慢工出细活,且有更明确的商业考虑。而作为新闻类题材的可视化产品,一个明确直观的主题及与这个主题切合的、恰到好处的表现与交互至关重要。

包括我们之前制作的信息图、动画视频和H5 新闻专题在内,在目前国内各类平台制作的可视化新闻产品中,不乏存在增加用户阅读成本的情况。对信息图而言,目前主要的问题是部分策划并非是通过可视化去解构事件本身,而是简单地将信息或数据堆砌在一张图上。这更像是一种新闻插图,在信息图广泛流行时会出现这种情况。

信息图作为数据、信息或知识的可视化表现形式,在新闻报道中的使用应该是便于用户对新闻内容的理解,使新闻报道更加直观、生动。但是随着可视化题材的“遍地开花”,从大大小小的新闻机构到媒体官微,每天生产出一系列的“一张图读懂XXX”的“图形+ 文字”型新闻产品,却在一定程度上将内容复杂化。在对20 名典型用户代表进行深度访谈时,除了H5 交互页面外,我们也挑出20 张官方微博或微信公众号上转发的“一张图读懂XXX”类型的信息图,对选择“不想看”“看不下去”的用户进行提问。用户回答的原因主要集中于“看上去就像一张彩色长微博”“本来一百字看得懂的东西复杂化了”“看完这张图反而看不懂说的是什么了”。

此外,在对数据的梳理和把握、内容信息和主题的提取方面,如何让内容变得更加接地气,让用户看完后更方便去理解,减少用户的阅读成本,或许也是“可视化新闻”的初衷之一。

对于用动画做成的关于一个事件解释性报道的信息视频,用户的要求是“不能太长,3 分钟内”“配音、配乐要好玩,跟图形结合紧凑”“主题不能太严肃,里面要有一些梗”,同时有6 名用户表示对这类产品更喜欢在PC 端浏览,在手机上阅读时不想打开视频。

在H5 等动态可视化专题方面,用户的要求更高。接受访谈的用户除了跟信息图一样反馈“接受不了文字太多的伪可视化”,更侧重这个动态H5 新闻产品的交互性、趣味性和场景设置跟新闻内容的结合程度。同时,在技术层面,用户对动效设置、页面加载速度、页面流畅程度等方面均有要求。

这更加要求可视化新闻产品的制作团队必须是协同工作的。策划编辑、美术设计、前端技术同事应该是一个共同参与思维风暴,以做一个“新闻产品”的思路去共同策划、包装和制作的一个过程。这个过程最好还应包括对用户阅读动机的研究和用户反馈的及时把握,从而促进不断去摸索和理解用户的阅读需求,改进可视化新闻产品的阅读体验。

1472436396-2850-SCxbzloL8iay5tRqgqCZTUlDmD6Q

1472436397-1496-gJMC7A3jo0ZPiaAaeiawUQAIgB3Q

1472436398-3259-mibuMF0YO0f79icM9u6L6Hd2ekYw

1472436398-2460-kr1cUN4CEARiaSRrctxoHTezrW3Q

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

(0)
iouedioued
上一篇 2016-08-26
下一篇 2016-08-29

相关推荐

  • 《用户无障碍体验的可访问性设计》读书总结

    这本书与市场上其他的设计书不同之处在于该书作者关注于残障用户以及行动能力有限的用户,旨在利用可访问性设计的思维来改善互联网的设计,最终实现不同生理条件的用户都能够平等的体验到电子产品的乐趣。 什么是可…

    用户研究 2016-01-28
  • 如何保持交互与视觉的协调性

    转自微信号: 作者:小云子  我是UE / woshiue 我不想贬低文字的重要性,但也不想忽视视觉。两者是同等重要的交互设计元素。文字就是交互,但那些视觉元素(比如图标、菜单、图像等)才是用户实际上操作的东西。虽然…

    2015-03-30
  • 2016网页(H5)设计趋势

    有这样一句话来描述UX:

    “UX is about how we live. It’s about everything we do; it surrounds us.”

    (用户体验是我们如何生活,它时刻在我们身边。)

    2016-02-15
  • 创业还没听过在线Logo生成器? 那你就落伍了!

    创业还没听过在线Logo生成器? 那你就落伍了!创业的第一步 - Logo不论是创业或创建新的网站,踏出成功的关键第一步是设计出一个易于一般社会大众识别的logo,以传达企业或服务宗旨,打造企业的视觉形象。品牌Logo可…

    2016-10-17
  • 产品需求分析——《破茧成蝶》读书笔记

    这是一本很实在的书,没有很虚的理论,而是结合了国内互联网实际的案例,清晰明了地道出现实情况跟理想状态的不同,并且给出了很好的解决建议。适合刚入行的交互设计师以及产品经理阅读。 进入研究生阶段,大大小小…

    2015-03-05
  • 字体设计之字体性取向

    小编话:无论你是UI设计师还是平面设计师或是其他,在做设计时对字体的运用一定是多之又多的。有时候也会因为把握不好字体而使整个画面达不到自己预期的效果。今天给大家带来由alipayifed分享的字体设计之字的性取…

    2015-01-22
  • 从iOS 10设计指南变化看设计的新趋势

    改变:越来越像给设计师用的「设计指南」

    2016-09-07
  • 泛滥的移动产品设计模式

    如果你是一名移动产品设计师,你可能会同意这样的观点:参考借鉴别人的设计不算抄袭。这不仅是最佳的练习方法,也是一种设计模式,而且还符合业界主流的设计趋势,同时还能确保在用户熟悉的模式下来创建可用性的界…

    2016-10-18
  • 跟随大师的脚步—Alan Cooper谈《About Face 4》及UX设计的趋势与实践专访

      Alan Cooper的《About Face》是交互设计领域相当有影响力的经典之作。在这本书里,Alan Cooper描述了目标导向的设计方法(Goal-Directed Design),以及交互设计师在日常工作中必须掌握的各种知识与经验。在《Abo…

    2015-07-14
  • 《设计师要懂心理学》读书笔记

    语言简单明了案例通俗易懂,它可以让你的设计有理有据,而不会在视觉评审时,被人质疑为啥这样设计时,不知如何辩驳。

    2016-02-03