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

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

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

相关推荐

  • 是不是该考虑加入动态交互了?

    本文转载自:阿西博客 原始链接:是不是该考虑加入动态交互了? 一个优秀的APP交互动画不仅仅是炫,而且要实用,有的还要考虑手机的性能等因素,所以想做一个好的交互不并容易,今天就带你来见识一下什么叫洋气范儿…

    2015-03-21
  • 吃你自己的狗粮 - Eating your own dog food

    Eating your own dog food 直译为“吃你自家的狗粮”,亦略称为dogfooding,是一句英语俚语,常用于描述公司(尤指软件公司)使用自己生产的产品这一情况.

    2016-06-28
  • 字体设计之字体性取向

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

    2015-01-22
  • 设计效果评估及产品迭代-有理有据做设计

    近期关注了几篇关于考核产品效果的文章,话题都是围绕如何权衡“数据指标”和“用户体验”。本人更认可的是Facebook总监的说法“ 数据目标是很有用的,但它和用户体验不应陷入永久的竞争对立局面 ”。在我们评估设计效果…

    2017-03-08
  • 搞定设计版本控制!一份超详细的 Sketch git 插件使用指南

    一份超详细的 Sketch git 插件使用指南

    2016-05-31
  • 【译文】产品的行为设计关键四步

    我们选择一种独特的行为路径去设计产品,利用最新的行为学研究成果,去构建有效、有趣的用户体验,帮助用户最省事的获得最大的收获。我们尝试理解用户接收信息、做出决策和采取行动背后的心理学原因,事实证明,这…

    2016-02-21
  • 『交互设计经验分享』信息交互设计金字塔法则

    本文由卓衡科技运营总监刘鹏分享。文中刘鹏讲述了他们在创业过程中总结出的交互设计的金字塔法则。 金字塔方法这个说法来源于美国著名的现代管理咨询公司麦肯锡。大致的意思就是:任何事情都能归纳出一个中心点,而…

    2015-01-27
  • 交互设计延伸阅读:格式塔心理学5项法则的学习与思考

    格式塔心理学5项法则的学习与思考 最近在整理交互设计七大定律,发现了这篇老文,内容很精彩,翻译下与大家分享。 最近在整理交互设计七大定律,文章要系统的看。 目录:【交互设计七大定律】关于交互设计法则“除非…

    交互设计WiKi 2015-08-27
  • 创业还没听过在线Logo生成器? 那你就落伍了!

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

    2016-10-17
  • 如何保持交互与视觉的协调性

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

    2015-03-30