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

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

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的核心功能。根据逻辑和重要性控制在5个以内,通过视觉表现用户的当前位置,页面之间的切换快速又不容易迷失,简单高效。 桌面式:类似于手机桌面各个应用入口的导航方式…

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

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

    2015-07-14
  • 好的人机交互设计(UX)评判标准的四个原则

    一些设计的基本原则往往是通用的,甚至可以说放之四海皆准的,例如优先级、一致性、界面的隐喻等等,好的设计都需要考虑到这些问题,甚至再更广的范围内也同样适用,而不仅仅是交互设计范畴。 一个设计师&产品…

    2015-04-14
  • 【译文】产品的行为设计关键四步

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

    2016-02-21
  • 交互设计与心理学的关系

    具体联系什么的大家看专业书籍吧,我从另一个角度说一下我的理解吧。 每个学科/专业的产生都是有它的历史使命的,为什么一定是这个时候,为什么一定诞生在这个领域,为什么会如此发展······类比一下其它学科/专业,…

    交互设计 2015-09-11
  • 设计效果评估及产品迭代-有理有据做设计

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

    2017-03-08
  • 对话界面的现在与未来

    计算机与人类并不使用同一种语言。所以为了之间的交互成为可能,我们依赖于图形化的用户界面(GUIs)。但是GUIs同样有着天然的屏障:人们必须去学习如何使用他们。他们不得不去学习一个汉堡icon隐藏着一个菜单,这是一个button触发一个操作。但是随着技术的发展,语言识别和处理效率的提高改善,我们当前的交互方式正在变得更直观,简单而又高效-通过对话界面

    2016-07-20
  • pt 、px 、dp 、dpi 、ppi 解析

    帮助像我一样的新手渣渣理解其中的换算原理。希望这篇解析能解决大家对pt、px、dp、dpi、ppi的困惑。

    2016-07-01
  • 是不是该考虑加入动态交互了?

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

    2015-03-21
  • 设计师接活报价公式

    要怎么报价呢?

    设计理论 2016-10-19