【纽约时报数据新闻可视化的交互设计策略分析案例6200字】

《纽约时报》数据新闻可视化的交互设计策略分析案例目录TOC\o"1-3"\h\u23687《纽约时报》数据新闻可视化的交互设计策略分析案例 123378第一节提示或强调的交互设计 211645第二节滚动呈现的交互设计 426889第三节探索数据的交互设计 61836第四节个性化呈现的交互设计 9即时性、互动性与参与性已经成为数字时代新闻业追求的新价值，数据新闻是互动新闻的重要组成部分，厄舍.互动新闻：黑客、数据与代码[M].郭恩强,厄舍.互动新闻：黑客、数据与代码[M].郭恩强,译.北京:中国人民大学出版社,2020:18.样本中大部分数据可视化为静态信息图，交互可视化共130组（27.3%）。交互操作方式即用户如何控制鼠标等交互设备来控制内容的呈现，分为4类：（1）鼠标悬停，（2）单击、滚动、拖动和缩放，（3）过滤、查询、选择，（4）个性化输入。功能也可分为4类：提示或强调、滚动呈现、探索数据、个人数据呈现。根据用户对内容进行控制程度大小来界定交互性高低，则上述4种功能的交互级别由低到高，更高级交互可能包含低级交互所涉及的操作方式和交互功能。为了保证类目之间的互斥性，本研究在编码时规定交互的功能以最高级的功能录入，因此编码数据并非指包含某一功能的可视化的总数，而是以该功能为最高级别功能的编码单元的总数。样本中交互设计的情况见表3-1，可见越复杂的功能通常需要用户进行越复杂的交互操作，以下将对4个功能逐一进行分析。表3-1交互功能及交互操作级别交叉表交互操作级别交互的功能无一级二级三级四级总计无347347显示或强调83588滚动呈现9110探索数据21223个体数据呈现99总计34783142211477程序修辞（proceduralrhetoric）一词最早由伊恩·博格斯特（IanBogost）在2007年提出。程序是指计算机的运作方式，驱动系统运行的方法、技术和逻辑；修辞是指有效的、有说服力的表达。程序修辞是一种说服性地使用程序的实践，是运用计算机程序的互动过程进行说服的方法，且并不一定要求复杂的互动性。BogostI.PersuasiveGames:theexpressivepowerofvideogames[M].Cambridge:TheMITPress,2007:2-3,42.有学者提出，数据可视化进行程序修辞包括三种技巧：（1）默认视图（defultviews），在初始视图中进行观点呈现或解释；（2）固定比较（fixedcomparisons），默认强调一些信息作为参照，以便与其他值进行对比；（3）过滤（filtering），通过搜索栏或菜单等，根据用户的偏好来呈现数据。HullmanJ,DiakopoulosN.VisualizationRhetoric:FramingEffectsinNarrativeVisualization[J].IEEETransactionsonVisualization&ComputerGraphics,2011(12):2231-2240.本研究将根据该分类对样本中的数据可视化进行分析，并在此基础上补充“固定顺序”和“信息输入与反馈”两种，结合特定交互设计进行分析。一类交互设计策略可能同时具备多种程序修辞的技巧，以下只分析在一类交互设计中最主要的。BogostI.PersuasiveGames:theexpressivepowerofvideogames[M].Cambridge:TheMITPress,2007:2-3,42.HullmanJ,DiakopoulosN.VisualizationRhetoric:FramingEffectsinNarrativeVisualization[J].IEEETransactionsonVisualization&ComputerGraphics,2011(12):2231-2240.第一节提示或强调的交互设计根据上文提及四类交互操作方式的复杂性，可分别将交互级别界定为一级（83，68.6%），二级（14，11.6%），三级（22，18.2%），四级（11，9.1%）复杂程度由低到高。通过鼠标悬浮提示细节或强调数据是最简单的交互形式，对记者而言更容易达到日常发布新闻的时间要求。具有交互性的样本中仅提供鼠标悬停的达68.6%，更高级别的交互设计中通常也包含鼠标悬浮交互，因此鼠标悬浮已成为可视化交互设计的一种常规。一、提示数据：锚定或接递提示数据是指鼠标悬停至某些元素时显示对应的具体数值，比如在数据类别较多的折线图中，鼠标悬停在某一个时间点，出现提示标签（ToolTips），显示对应的具体值。是否提供具体数据由受众鼠标控制，保证了整体设计的简洁。如图3-1，表示近几十年来，居住在城市社区的老人的比例下降，具体年份和比例数值隐藏，只在鼠标悬停时显示。根据表3-2，在非交互可视化中，41.3%显示所有数据，即在静态信息图上标出了所有数据的具体值；而在交互可视化中，这一比例为64.5%，比前者高出约22个百分点。因此具有交互性的可视化更倾向于显示所有数据的具体值，而非仅显示数据的趋势或标注部分值。表3-2数据显示精细度及可视化交互性分布交互性精细度非交互可视化交互可视化显示所有数据14778显示趋势或部分数据20943数据可视化可视为一种多模态话语。罗兰·巴特归纳了多模态语篇语篇里图文关系的三种模式：锚定（anchor），文本支持图像；说明（illustration），图像支持文本；接递（relay），图文互补。曾方本.多模态符号整合后语篇意义的嬗变与调控——兼论从语言语篇分析到多模态语篇分析转向时期的若干问题[J].外语教学,2009,30(06):28-32.在显示细节的交互可视化中，鼠标悬浮后显示的具体数值等信息与图像的关系模式是锚定或接递。锚定即通过文本数字来支持图像阅读，即便没有鼠标悬浮，也可正常阅读，通过鼠标悬浮提供了更多信息；接递即进行图文互补，为了实现简洁的效果，在初始视图上隐藏必要信息，在鼠标悬浮之后显示，数字文本和图像缺一不可。曾方本.多模态符号整合后语篇意义的嬗变与调控——兼论从语言语篇分析到多模态语篇分析转向时期的若干问题[J].外语教学,2009,30(06):28-32.图3-1居住在城市的老年人比例下降/2020/01/24/upshot/myth-urban-boomer.html?searchResultPosition=21/2020/01/24/upshot/myth-urban-boomer.html?searchResultPosition=21但是，通过交互将部分信息隐藏，如果用户不主动操作进行查看，就会忽视信息，可能难以保证传播效果。《纽约时报》图形部门的华裔图形编辑谢亚奇（ArchieTse）曾表示，读者会错过隐藏在鼠标悬浮中的信息，应当尽量将更多的信息直接呈现。蒋金.记者手记：《纽约时报》图表团队如何用技术讲故事[EB/OL].(2016-05-18)[2021-01-06]./article/20160518-notes-infographic/.二、强调数据：提供默认视图强调数据是指通过高亮、标出等方式，让图像中的某些信息突出显示，与上文的提示数据可能是同时存在的两种功能。当鼠标悬浮于某个元素，该元素变成更鲜明的色彩，以突出鼠标悬浮处的元素，是呈现类别较多数据时保证视觉简洁的常规手段。如图3-2左图，通过多条折线显示了多个国家新冠肺炎死亡情况，当鼠标悬停时折线高亮显示，使用户可清楚地看到某一特定国家的数据。通过悬浮强调数据，在保证清晰的前提下，纳入了更多类别间的比较，丰富了图像信息。但此类可视化通常在交互操作发生前默认强调部分信息，使用了“默认视图”程序修辞技巧。如图3-2右图，即为交互发生之前的默认视图，高亮显示了美英等国的情况，其它大多数国家则以灰色线条隐藏起来，只有当鼠标悬停其上时才会隐藏默认视图。图3-2鼠标悬浮突出强调示例/interactive/2020/03/21/upshot/coronavirus-deaths-by-country.html/interactive/2020/03/21/upshot/coronavirus-deaths-by-country.html默认视图可能隐含着数据记者对信息的把关及重要性排序，默认突出显示的信息更能引起用户关注。排序可能由数据本身决定，也可能出于记者在日常新闻生产中形成的新闻价值判断，比如显示最异常的数据，还可能加入记者的个人观点，比如认为某些地区的数据比其它地区更重要，优先显示，导致强化精英的中心地位，忽视边缘群体。第二节滚动呈现的交互设计样本中2.1%的交互可视化最高级别功能为滚动呈现，随着用户滚动鼠标滚轮，图形不断发生变化，呈现事件的变化过程或数据间的比较。通过滚轮驱动，用户以线性的方式同时阅读文字和图像信息，在程序规定的固定阅读顺序下，可能被框定思维，潜移默化接受某些观点，本研究将这种程序修辞技巧称为“固定顺序”。一、图像主导的线性阅读滚动呈现的可视化通过鼠标滚轮驱动不断变化，实际是以动画和文字引导用户线性阅读，与其它交互可视化相比，此类交互只提供唯一读图方式。如图3-3，通过树状图展现了两套医疗保健政策导致的不同情况，随着用户滚动鼠标，树状图中每一部分的面积也在发生变化，同时屏幕中出现的文字说明也在不断变化。图3-3动态呈现示例/interactive/2019/10/31/upshot/medicare-for-all.html?searchResultPosition=51/interactive/2019/10/31/upshot/medicare-for-all.html?searchResultPosition=51由于图形占据整个浏览页面的当前阅读区域，几乎可全屏显示，实现了交互操作可控制区域的最大化，且部分具有该功能的交互设计会同时允许鼠标悬浮，因此本研究认为此类可视化的交互性高于鼠标悬浮。滚动的线性读图方式与用户滚轮浏览普通网页存在两点主要区别。一是数据可视化与数据新闻的关系发生变化。传统新闻或非此类形式的数据新闻中，图片往往以嵌入文本的形式出现，但此类滚动可视化则将文本嵌入图片，通常文本不提供额外信息，而是附着于图片。可视化与数据的关系由部分与整体转变为同一关系，即数据可视化等于数据新闻，图像统摄可视化文本意义。张超张超.释放数据的力量：数据新闻生产与伦理研究[M].北京:中国人民大学出版社,2020:161.一些数据记者认为，复杂的交互“令人分心”，是“有时无法获得回报的大笔投资”，除非比滚动更复杂的交互在各方面都是合理的，否则不应使用滚动之外的其它交互。AndersonB,Borges-ReyE.EncodingtheUX:userInterfaceasasiteofencounterbetweendatajournalistsandtheirconstructedaudiences[J].DigitalJournalism,2019,7(9):1253-1269.《纽约时报》图形编辑谢亚奇也曾表示，如果可视化中需要动画，要设计为在用户滚动时触发，如果让用户做除了点击或滚动以外的操作，可能出现意外。TseA.“WhyWeAreDoingFewerInteractives.”Presentationatthe2016MalofiejInfographicsWorldSummit.[EB/OL].(2016-05-22)[2021-01-06]./archietse/malofiej-2016.即滚动是能既不对用户隐藏信息又简捷的最优交互方式。AndersonB,Borges-ReyE.EncodingtheUX:userInterfaceasasiteofencounterbetweendatajournalistsandtheirconstructedaudiences[J].DigitalJournalism,2019,7(9):1253-1269.TseA.“WhyWeAreDoingFewerInteractives.”Presentationatthe2016MalofiejInfographicsWorldSummit.[EB/OL].(2016-05-22)[2021-01-06]./archietse/malofiej-2016.二、固定顺序的交互幻象滚动阅读的可视化交互性强于鼠标悬浮提示或强调的交互。但交互性强不等于用户拥有自主权，此类交互赋予用户最低的自主权。用户只能滚动鼠标驱动可视化按照唯一的顺序动态呈现，除非附加了其它交互功能，否则不能自由阅读感兴趣的信息，无其它读图方式可选。交互可视化成为用户实时驱动的动画，线性呈现的内容为用户思考问题规划了明确的、特定的思路，本研究将此类程序修辞技巧称为“固定顺序”。“固定顺序”设定了用户阅读的路径，通过附于图像的文本锚定了图像的意义，使用户将注意力集中在全屏显示的动态可视化上，并随着图像变化和文本的解释，按照设定的思路去理解数据。这一过程中除了暂停与继续，没有选择阅读支线的可能，可能导致用户思维被框定，从而潜移默化地接受隐含的观点。滚动的操作方式具有较强的“家长式作风”，即以假定的用户利益为出发点，使用预先设定的规则为用户做出决定，且用户是无意识的，因此只是“交互的幻象”。在形式上，在用户无意识、未主动点击的情况下触发元素动态呈现，一定程度上剥夺了用户探索的权利；AppelgrenE.AnIllusionofInteractivity[J].JournalismPractice,2018,12(3):308-325.在内容上，通常伴随文本的动态变化，解释数据变化的同时，可能传达制作者的观点。AppelgrenE.AnIllusionofInteractivity[J].JournalismPractice,2018,12(3):308-325.第三节探索数据的交互设计低交互性的数据新闻是记者将数据中的事实或规律呈现为图像和文本，告知用户，而探索数据的交互设计则将探索的过程传递给了用户，鼓励用户触发交互机制，发现数据中的规律或自行获取感兴趣的数据。17.7%的交互可视化允许用户对数据进行探索，如过滤、排序、通过调节变量大小观察变量间关系等，可强化新闻接近性，提供有针对性的信息。张超.释放数据的力量：数据新闻生产与伦理研究[M].北京:中国人民大学出版社,2020:151.一、解释或探索数据有学者提出，数据新闻可以分为解释型和探索型，解释型指数据记者用可视化展示发现的信息，探索型是让用户发现和分析信息，自己得出结论。YoungML,HermidaA,Fulda[J].WhatMakesforGreatDataJournalism?[J].JournalismPractice,2018,12(1):115-135.但本研究认为，YoungML,HermidaA,Fulda[J].WhatMakesforGreatDataJournalism?[J].JournalismPractice,2018,12(1):115-135.第一类引导用户在特定机制下发现数据中的规律或关系，突出“解释”性。通过程序机制鼓励用户触发交互组件，并给予即时反馈，让用户发现数据的规律或关系等。如图3-4，为了说明新冠病毒可能的致死情况，设计了“感染率”和“致死率”两个自变量，用户可随意拖动两变量对应的橙色滑块，改变变量值，同时下方文字和排序也随之改变，给出新冠肺炎的预计死亡人数，以及在主要致死疾病中的排序，直观说明了感染率、致死率和死亡人数三者间的关系。第二类是提供可视化的数据库，让用户自行发现数据，按需获取信息，得出结论，突出“探索”性。此类可视化将与事件相关的数据进行结构化整合，形成可视、交互的数据库，用户可进行过滤、查询等操作，尊重用户偏好。图3-4探索数据规律的可视化示例/interactive/2020/03/16/upshot/coronavirus-best-worst-death-toll-scenario.html/interactive/2020/03/16/upshot/coronavirus-best-worst-death-toll-scenario.html如图3-5，提供了可查询、缩放的详细街区地图，不同颜色表示不同收入水平，展示了不同地区贫困儿童的预期成年家庭收入，左上方为人种分类，右上方提供了查询功能，允许用户查询某个特定地区。图3-5按需获取数据的可视化示例/2018/10/01/upshot/maps-neighborhoods-shape-child-poverty.html?searchResultPosition=16/2018/10/01/upshot/maps-neighborhoods-shape-child-poverty.html?searchResultPosition=16探索数据的方式提供了丰富的新闻阅读体验，使用户在网页上停留更久。网站停留时间（time-on-site）作为一种网络计量指标，可以向广告商证明网页广告收费的合理性，对媒体管理者而言，网站具有“黏性”可以同时实现新闻的工作目标和商业目标。厄舍.《纽约时报》是怎么做新闻的[M].厄舍.《纽约时报》是怎么做新闻的[M].徐芳芳,译.上海:上海译文出版社,2019:195.二、固定比较与过滤探索的交互不但发挥了用户的主观能动性，也通过直接发布数据库，将全部数据提供给用户，让用户理解了数据记者组织、分析数据的逻辑，提高报道的可信度。FinkK,AndersonCW.DataJournalismintheUnitedStates:Beyondthe“usualsuspects”[J].JournalismStudies,2015,16(4):467-481.传统新闻将观点、选择隐藏在文本中传递给受众，探索交互则将观点、选择隐藏在了数据库的设计中。程序修辞策略主要表现为“固定比较”和“过滤”两种。此外，“默认视图”等也有体现，此处不再进行分析。FinkK,AndersonCW.DataJournalismintheUnitedStates:Beyondthe“usualsuspects”[J].JournalismStudies,2015,16(4):467-481.“固定比较”指默认强调一些数据作为参照，以便与其他数据进行对比。HullmanJ,DiakopoulosN.VisualizationRhetoric:FramingEffectsinNarrativeVisualization[J].IEEETransactionsonVisualization&ComputerGraphics,2011(12):2231-2240.HullmanJ,DiakopoulosN.VisualizationRhetoric:FramingEffectsinNarrativeVisualization[J].IEEETransactionsonVisualization&ComputerGraphics,2011(12):2231-2240.例如上图3-4所示的案例，就使用了“固定比较”的程序修辞方法，以心脏病等常见病作为默认参照，来说明新型传染病对人类的危害，同时让用户理解通过佩戴口罩、隔离等降低感染率的意义，例如当感染率为20%，致死率为0.7%，新冠肺炎死亡人数将上升至第三位，仅次于心脏病和癌症。“过滤”是指通过搜索栏或菜单等，根据用户的偏好来呈现数据，HullmanJ,DiakopoulosN.VisualizationRhetoric:FramingEffectsinNarrativeVisualization[J].IEEETransactionsonVisualization&ComputerGraphics,2011(12):2231-2240.HullmanJ,DiakopoulosN.VisualizationRhetoric:FramingEffectsinNarrativeVisualization[J].IEEETransactionsonVisualization&ComputerGraphics,2011(12):2231-2240.例如上图3-5所示案例，数据按照人种分类，分为白人、黑人、亚洲人，数据库的组织方式是数据记者决策的结果，用户只能在此框架下进行一步步选择去探索数据。第四节个性化呈现的交互设计1.9%的交互可视化允许用户输入或选择个人相关数据，并给出特定反馈。与探索数据的交互区别在于，选择或输入的数据是个人信息，伴随个人行动产生的，例如个人收入、个人通勤时长等，而不仅查看感兴趣的某一部分数据。将宏观与微观结合，在新闻价值上着重强调了接近性，蕴含着“信息输入与反馈”的程序修辞技巧。一、宏观和微观视角的连接数据新闻中，数据源有时是大量个体数据的集和，以此发现特征、规律，报道宏大的公共议题，个性化呈现的交互设计则在总体和个人之间搭建了桥梁，使受众看到宏大的现实如何影响个体，或个体如何参与构建现实，实现宏观视角和微观视角的连接，厄舍.互动新闻：黑客、数据与代码[M].郭恩强,厄舍.互动新闻：黑客、数据与代码[M].郭恩强,译.北京:中国人民大学出版社,2020:207.图3-6个体数据呈现的可视化示例/interactive/2019/08/01/upshot/are-you-rich.html?searchResultPos