前言：想要寫出一篇引人入勝的文章？我們特意為您整理了人機交互設計在可視化數據新聞中應用范文，希望能給你帶來靈感和參考，敬請閱讀。

摘要可視化數據新聞憑借其視覺化、交互式的特點成為如今新聞媒體常用的報道方式?；谕ㄓ眯?a href="http://m.cp2654.cn/lunwen/jhsjlw/190148.html" target="_blank">人機交互設計原則，創造性地提出人機交互設計原則在可視化新聞領域中的特殊性應用。并通過人機交互設計原則在我國可視化數據新聞中的應用分析，歸納總結出我國可視化新聞領域目前的不足之處和發展方向，為人機交互技術加值可視化數據新聞的閱讀體驗提供建議。

關鍵詞可視化；數據新聞；人機交互

1可視化數據新聞的概述

1.1可視化數據新聞的優勢

可視化數據新聞，是以數據為主要內容，對數據進行處理、過濾，最后可視化地展示數據并構成數據故事的一種新聞報道方式。不同于傳統新聞以文字記敘為主的展現方式，數據新聞更注重于對數據的視覺表達，可視化成為數據新聞報道中不可或缺的一部分[1]。近年來，物聯網、云計算、移動互聯等技術的興起與應用，隨之產生了數量巨大且類型多樣的大數據。面對如此龐大、復雜的數據時，在相關新聞報道中，借助信息可視化的報道方式毫無疑問地比文字描寫或者口頭敘述更易于讀者閱讀和理解。同時可視化數據新聞視覺化、交互式的表達方式，對比以文字為主的傳統新聞，在互聯網傳播中有著天然的優勢。

1.2可視化數據新聞的發展現狀

第一例可視化數據新聞報道可以追溯到2012年，《紐約時報》推出的特別報道《雪崩：特納爾溪事故》[2]。許多國外主流媒體紛紛開設了可視化數據新聞板塊，如《紐約時報》的“TheUpshot”、《衛報》的“DataStore”、彭博社的“VisualData”等。其中較為知名的交互式數據新聞作品有彭博社的“彭博億萬富翁指數”①，它的數據每日實時更新，讀者可以查詢到世界排名前500名富豪的最新資產狀況、產業分類等信息?！芭聿﹥|萬富翁指數”甚至已經超越了新聞作品的范疇，成為了一個可以供讀者查詢資料的工具[3]。與此同時，我國的可視化數據新聞領域也在與國外共同發展，較為知名的新聞板塊有：搜狐網的“數字之道”、財新網的“數字說”和新浪網的“圖解天下”[4]。但與國外常見的帶有交互式圖表的數據新聞相比，國內目前常見的數據新聞類型是靜態信息圖和H5交互動畫。靜態信息圖相較于交互式信息圖存在交互性、信息量、重復閱讀率不足的問題，而我國目前部分H5新聞也存在形式大于內容、可交互性較弱的問題。當媒體在制作依托網絡為媒介新聞作品時，有時容易不考慮人機交互設計原則，依然沿用傳統新聞報道的思維模式。這樣的新聞作品不符合受眾使用新媒體時，追求快速、隨意的碎片化閱讀方式，自然也達不到更廣泛的傳播率[5]。綜上所述，在這個大數據興起的時代，可視化數據新聞將會成為一種更加常態的新聞報道方式。但目前國內的可視化數據新聞還處于發展階段，提升可視化數據新聞的創新性和交互性，使可視化數據新聞朝著更加多元的方向發展，成為當前數據新聞從業者努力的目標。

1.3可視化數據新聞的傳播類型

以疫情相關報道為例，與疫情相關的新聞往往會涉及人數、時間、日期等數據，信息可視化在數據新聞報道中起到了至關重要的作用。疫情期間可視化數據新聞的報道形式一般分為3類：靜態信息圖、動畫視頻（動態信息圖）和交互式信息圖[6]?！侗本┤請蟆肺⑿殴娞栐谝咔槠陂g開設“一圖讀懂”板塊，常用于對疫情傳播鏈間人物關系的說明。時間線、人物關系圖的運用使圖表的邏輯清晰明了，讀者可以清晰地了解到疫情傳播的始末②。動畫視頻也是媒體常用的報道形式，例如《人民日報》在嗶哩嗶哩中發布的視頻“【上海16個區社會面清零】這組曲線，來之不易！”③。視頻中激情昂揚的背景音樂牽動著觀眾隨著動態曲線起伏的心情，每到關鍵節點還會顯示解說字幕。視頻在信息層面展現了抗疫的成果，還使觀眾在情感層面體會到了抗疫成果的來之不易。但在互聯網傳播中，交互式圖表可以傳播比靜態圖表更多的信息量，其中延伸出的關聯性內容也常包含動畫視頻。最重要的是交互式圖表給讀者帶來極大的自主性，讀者可根據自身的需求選擇主動接收個性化的內容，這與強調個體參與的互聯網理念不謀而合。但交互式圖表更適合展示復雜且難以理解的信息，若僅展示簡單且易于理解的信息，則會大大降低圖表的交互性[6]。

2可視化數據新聞中的人機交互設計原則與應用價值

2.1可視化數據新聞中的人機交互設計原則

在分析交互式圖表案例前，我們有必要明確在交互式可視化數據新聞中將會應用的人機交互設計原則。關于人機交互設計原則，許多學者都提出過不同的看法。本文將基于馬里蘭大學計算機科學系教授BenShneiderman在《用戶界面設計：有效的人機交互策略》一書中提出的“用戶界面設計8條黃金法則”，探討這8條人機交互設計原則在可視化數據新聞領域中的轉化性運用。2.1.1用戶界面設計的8條黃金法則?！坝脩艚缑嬖O計8條黃金法則”的詳細解釋為：1）保持設計一致性：用戶界面在菜單、提示以及幫助信息上使用一致的術語且在頁面上使用統一的顏色、布局；2）允許使用快捷鍵：系統應允許專家用戶使用快捷鍵從而減少交互的次數、提升交互的效率；3）提供信息反饋：系統對于用戶執行的每一個操作都應提供反饋；4）設計對話，提示用戶任務結束：系統應通過對話明確告知用戶任務執行的狀態，并引導指示用戶進行下一步操作；5）預防錯誤和簡單的糾錯功能：系統應能夠報錯，并提供簡單、有建設性的處理方法；6）允許動作回退：系統應允許用戶在交互過程中撤銷自己的操作；7）用戶應掌握控制權：用戶應掌握對系統的控制權，而不是響應系統的操作；8）減輕短期記憶的負擔：界面設計應盡量簡潔且界面信息保持適當的層次結構，以減輕用戶短期記憶的負擔[7]。2.1.2可視化數據新聞的閱讀模式與人機交互設計原則。用戶在閱讀可視化數據新聞時往往會經歷4個階段（如圖1所示）：可視化-交互-理解-感動/反思，即用戶先被可視化的視覺效果吸引從而對新聞產生興趣，接著用戶通過交互探索新聞內容，然后用戶理解新聞所傳達的含義，最后用戶在情感上受到觸動。這4個階段分別對應著用戶的視覺層、行為層、認知層和情感層，而人機交互設計原則在這4個層面中直接作用于行為層，發揮承前啟后的作用，起到了促進用戶在視覺層上的被吸引和認知層上的理解的作用。將“用戶界面設計8條黃金法則”對應于用戶閱讀可視化數據新聞的4個階段，法則中的第1條和第8條對應可視化數據新聞在視覺層的人機交互設計原則，第2、6、7條對應行為層的設計原則，第3、4、5條則對應認知層的設計原則。由此，筆者將“界面設計8條黃金法則”應用于可視化數據新聞，創造性地歸納出可視化新聞領域中的人機交互設計原則（如表1所示）：1）視覺層：可視化新聞的設計應當美觀且遵循統一的規范，從而使可視化內容對用戶產生視覺吸引；2）行為層：可視化新聞應當具備較強的可交互性且給予用戶充分的交互控制權，從而延展數據新聞的探索性；3）認知層：可視化新聞應及時提供反饋信息并引導用戶操作，從而促進用戶對新聞內容的理解。從上文中可以得知，人機交互設計原則中行為層的交互性強弱對用戶理解新聞內容起到了至關重要的作用。那么，在可視化交互中有什么標準能夠評判交互性的強弱？在這里筆者引入BenShneiderman在《用戶界面設計：有效的人機交互策略》一書中提出的另一個設計原則：可視化中的“7個基本任務”。用戶在可視化交互中通常會執行7個基本任務：概覽任務、縮放任務、過濾任務、按需細化任務、關聯任務、歷史任務和提取任務[7]。在后文中，筆者將以這7個基本任務為標準，分析可視化數據新聞案例對人機交互設計原則的應用。

2.2可視化數據新聞交互性提升的意義

作為交互式信息圖表，提升圖表的交互性是必不可少的，那么交互性的提升對于可視化數據新聞有什么意義？筆者認為可以從以下3點進行分析[2]。2.2.1有利于讀者更好地理解數據故事。數據新聞常常具有信息量豐富和邏輯復雜的特點，良好的交互性能夠幫助讀者更好地分析與推理數據。當信息適合用感知的方式了解時，將信息通過可視化的方式傳達給讀者能幫助讀者更快地感知信息。良好的交互性意味著，設計師在設計可交互數據新聞時可以人為加強可視化中原始的感知信號（如顏色、形狀等），幫助讀者更快地完成對可視化模式的識別，從而迅速建立起以目標或任務為導向的分析推理方式。讀者閱讀可視化數據新聞時以上步驟的耗時越短，新聞內容就越容易被人理解。2.2.2提升讀者在新聞閱讀中的自主性。良好的交互性可以轉換新聞閱讀的方式，當新聞的閱讀方式從作者導向型轉變為讀者導向型時，讀者在新聞閱讀中的自主性便大大提升。在傳統的新聞生產、報道環節中，讀者常常處于一個被動的位置，讀者是已經被生產者既定好內容的新聞的接收者。但在可視化數據新聞中，交互式的介入使讀者可以自主地選擇感興趣的新聞內容并用符合自身習慣的方式閱讀新聞。從這個角度出發，讀者在閱讀的過程中就成為了新聞生產的參與者，處于主動位置有利于激發讀者對新聞的興趣感，從而促進讀者對二次傳播新聞的主動性。2.2.3延展數據新聞的探索性。信息可視化展示的往往不是用戶已知的數據和它們之間的規律，而是使用戶通過了解新數據從而得出新發現。良好的交互性有助于讀者在陌生且大量的數據中探索自己感興趣的信息，并加以分析理解。當人遇到自己不熟悉的信息時，常會采取拓展性的認知方式。在可視化數據新聞中添加延伸的關聯性內容，既擴大了數據新聞的容量使一篇新聞報道可以同時傳達多方面的信息，也滿足了讀者拓展性探索信息的需求。良好的交互性通過給讀者帶來極具新鮮感的探索性體驗，可以有效地延長讀者的瀏覽時間，提升讀者對媒體的用戶黏性。

3案例分析：人機交互設計原則在疫情可視化數據新聞中的應用

3.1“疫情地圖”：疫情期間可視化數據新聞報道案例

自新冠肺炎疫情暴發以來，各大網絡媒體紛紛制作交互式信息圖進行疫情數據新聞的實時報道，“疫情地圖”成為網民在線查詢信息，開展自我防護措施的重要工具[8]。“疫情地圖”是疫情實時動態報道的簡稱，依托于網絡媒體可交互的天然優勢，頁面中的圖表通常為可交互的動態圖表，交互式動態圖表有利于用戶自主探索，選擇自己需要的數據內容。在搜索引擎“百度”中輸入“疫情地圖”字樣，從搜索結果中可以找到許多網絡媒體或平臺制作的疫情實時動態報道。其中較為知名的為新浪新聞、百度和丁香醫生制作的“疫情地圖”。從疫情實時動態報道的主體交互式信息圖來看，各媒體或平臺選取的圖表和采用報道形式基本一致，但不同媒體或平臺都有與自身定位相符的特點。新浪網旗下擁有中國最大的社交媒體平臺之一——新浪微博，新浪新聞“疫情地圖”區別于其他“疫情地圖”的顯著特點是部分交互式圖表擁有單獨的分享控件，用戶可自主選擇感興趣的內容生成圖片海報并保存分享。用戶還可以點擊頁面右上角“抗疫頻道”交互控件，跳轉頁面至新浪新聞App“抗疫”板塊，閱讀疫情相關新聞④。百度“疫情地圖”的頁面視覺效果是所有案例中最統一、簡潔的，大幅的藍綠色背景緩解了用戶面對疫情新聞的恐慌感，且藍綠色的背景與使用紅色展示的重要信息在色彩上形成了對比關系，有助于用戶更高效地獲取感興趣的信息。作為搜索引擎，百度在展示關聯的疫情新聞時采用了時間軸的形式，有利于用戶有序地理清相關事件的發展狀況⑤。丁香醫生“疫情地圖”在基礎板塊外還有一些與醫藥相關的收費服務和關聯性信息。丁香醫生比傳統新聞媒體對讀者更具有親和力。截至2022年5月26日，網頁版丁香醫生“疫情地圖”瀏覽量已超過46億次。但丁香醫生制作的“疫情地圖”存在頁面功能分區略顯混亂的問題，且部分服務帶有盈利性質⑥。

3.2“疫情地圖”中人機交互設計原則應用的分析

作為交互式信息圖，“疫情地圖”應滿足信息可視化中的人機交互設計原則，只有這樣用戶才能獲得更好的交互體驗從而促進用戶對新聞內容的接收、理解，最后達到良好的傳播效果。但據前文所說，目前我國的可視化數據新聞產業在交互式信息圖方面對比國外相關產業還處于發展階段，因此在以上3個“疫情地圖”中，暫無能夠完全滿足人機交互設計原則的案例。接下來筆者將根據信息可視化中的“7個基本任務”對以上案例進行逐一分析，并指出各案例目前存在的優劣。從概覽任務角度出發，3個案例都滿足用戶執行概覽任務的需求。但丁香醫生“疫情地圖”相較于其他3個案例，沒有將概覽數據表單放在頁面的頂部，用戶在進入頁面后無法一目了然地看到所有數據的概覽狀況，降低了疫情實時動態播報的高效性。從縮放任務的角度出發，3個案例都存在或多或少的不足之處。在丁香醫生“疫情地圖”中用戶無法執行縮放任務，只能按照既定的尺寸和時間區間查看所有圖表的數據，圖表的交互性大大降低。在百度的“疫情地圖”中，用戶在部分交互式折線圖中可以選擇2種時間分類改變時間橫軸，從而執行有限的縮放任務。用戶在新浪新聞“疫情地圖”中執行縮放任務的自由度在3個案例中相對最高。用戶在部分交互式折線圖中可以選擇3種分類改變時間橫軸，查看不同時間區間內的疫情趨勢。同時在交互式世界地圖中，用戶可以通過鼠標滾輪實現地圖的放大縮小，較為靈活地執行縮放任務。從過濾任務角度出發，除丁香醫生“疫情地圖”以外，其他2個案例均可以滿足用戶執行過濾任務的需求。具體表現為，在交互式折線圖中用戶可以通過點擊圖例過濾掉自己不感興趣的條目，從而使圖表更加簡潔直觀，以便于更高效地理解自己感興趣的數據信息。從按需細化角度出發，3個案例都滿足用戶執行按需細化任務的需求。按需細化任務在“疫情地圖”中通常有兩種執行方式：1）點擊交互式地圖和交互式數據表單上感興趣的區域，隨后跳轉頁面了解詳情；2）對交互式數據表單上感興趣的條目的數據，進行升序或降序排列展示。在以上3個案例中，百度和新浪新聞的“疫情地圖”均能滿足這兩種執行方式，而丁香醫生的“疫情地圖”無法執行對特定數據進行升降序的操作，降低了一部分按需細化任務的交互性。從關聯任務角度出發，3個“疫情地圖”中暫無能夠執行關聯任務的案例。在人機交互中，關聯任務的定義是可視化應通過視覺顯示，使用戶能夠發現數據集合內的條目或組之間的聯系。根據定義來分析，關聯任務在疫情相關的數據新聞內更適合被使用在人物關系圖中。但3個“疫情地圖”展示的數據中，暫無涉及具有明顯關聯關系的數據，因此無法執行關聯任務也情有可原。從歷史任務的角度出發，在3個案例中用戶都可以執行有限的歷史任務。以交互式信息表單為例，用戶在3個案例中都可以選擇展開特定條目的詳情信息，并在查閱完畢后選擇收起詳細信息。但是當用戶展開整個數據表單隱藏的部分后，卻無法再次收起被展開的部分，只有百度“疫情地圖”中的部分表單可以執行這項歷史任務。無法再次收起的數據表單在某些情況下降低了用戶的閱讀體驗，在用戶不需要獲取如此大量的信息時，用戶需要花費大量時間滾動屏幕以到達下一板塊，極大地降低了用戶的閱讀流暢性和再次探索此圖表之前的數據的欲望。從提取任務的角度出發，有部分案例可以滿足用戶執行提取任務的需求。百度“疫情地圖”允許用戶通過鼠標右鍵復制相關數據，從而達到保存數據的目的。在新浪新聞“疫情地圖”中，絕大部分交互式圖表都支持用戶在選擇自己感興趣的數據后將它們生成可視化海報，樣式精美的可視化海報既能滿足用戶分享數據的需求，還增加了新浪新聞的辨識度，從而達到更好的傳播效果。丁香醫生“疫情地圖”不但沒有預設的可執行提取任務的功能，且不支持復制操作，大大降低了“疫情地圖”的交互性和可傳播性。綜上所述，對比3個案例，新浪新聞“疫情地圖”的交互性在3個案例中相對最好，而丁香醫生“疫情地圖”在交互性上存在較多的提升空間。良好的交互性對于可視化數據新聞來說十分重要，良好的交互性提升了用戶的閱讀體驗感，不僅起到促進用戶理解數據、提高深度探索興趣的作用；還可以促進用戶傳播新聞的主動性，為媒體帶來更多的流量和傳播率，達到媒體-用戶雙方雙贏的最佳效果。

4人機交互技術應用于可視化數據新聞的未來

以上本文以“疫情地圖”為例，分析了人機交互設計原則在可視化數據新聞中的應用，但對于人機交互技術在可視化數據新聞中的應用并無詳細的分析說明。隨著科學技術的發展人機交互技術會朝著高科技化、自然化、人性化這幾個方面發展。沉浸式的多感官交互新聞會成為未來發展的趨勢，例：央視網VR新聞頻道。VR新聞作為交互式新聞的成熟發展形式，其在設計制作時是否依然符合當前的人機交互設計原則？VR新聞極高的交互性是否能更好地促進用戶對新聞的認知和理解？是否能在傳播中取得更佳的傳播效果？這些疑問在未來顯然值得進行更進一步地研究。但無論是現在還是未來，交互式新聞的出現都給傳統新聞從業者帶來了全新的挑戰。在交互式新聞制作中，從業者需要具備全新的思維方式和多種綜合能力，多種職業人員共同協作也會成為未來新聞團隊的發展趨勢[9]。

作者:陳詩怡 呂燕茹 單位:北京工商大學傳媒與設計學院