基于Web的大數(shù)據(jù)分析平臺交互設(shè)計研究

閆朝陽

摘要：文章首先從傳統(tǒng)網(wǎng)站和大數(shù)據(jù)分析平臺出發(fā)分析二者的特征，得出二者在功能、界面和內(nèi)容方面的交互設(shè)計異同點。然后以用戶為中心，分析了大數(shù)據(jù)分析平臺用戶群體的角色分類和需求特征，總結(jié)出五類用戶角色在基本型、期望型和興奮型需求中的交互體驗訴求。最后結(jié)合WEB服務(wù)和用戶的特征提出能更好指導(dǎo)大數(shù)據(jù)分析平臺交互設(shè)計的三類原則，并進行相關(guān)設(shè)計策略和案例的列舉。

關(guān)鍵詞：大數(shù)據(jù)網(wǎng)站設(shè)計交互設(shè)計

中圖分類號：TB47文獻標識碼：A

文章編號：1003-0069（2019）09-0094-04

引言

當今是一個數(shù)據(jù)爆發(fā)增長的時代。移動互聯(lián)網(wǎng)、移動終端和數(shù)據(jù)傳感器的出現(xiàn)，使數(shù)據(jù)以超出人們想象的速度快速增長。據(jù)調(diào)查機構(gòu)估測，數(shù)據(jù)數(shù)量一直在快速增加，這個速度不僅是指數(shù)據(jù)流的增長，而且還包括全新的數(shù)據(jù)種類的增多。對于海量并且瞬息萬變的大數(shù)據(jù)來說，存儲已然不是最終目標，如何從數(shù)據(jù)中獲得包括商業(yè)價值在內(nèi)的紅利，才是其真正的意義所在。

不同于過往針對數(shù)據(jù)庫的設(shè)計模式，大數(shù)據(jù)分析平臺的用戶逐漸從程序工程師演變?yōu)椤伴_發(fā)者+數(shù)據(jù)分析師+客戶業(yè)務(wù)員+管理者”分工協(xié)作的角色模式。交互方式也從程序語言對話指令式交互演變?yōu)椤拔谋究?按鈕+列表+N”配合各類感官反饋的自然式人機交互，設(shè)計原則逐漸向傳統(tǒng)的WEB服務(wù)靠近，但又體現(xiàn)出了大數(shù)據(jù)所帶來的特殊性。

一、與傳統(tǒng)Web交互設(shè)計的對比分析

大數(shù)據(jù)分析平臺作為一種基于w印的服務(wù)，隨著技術(shù)的完備和后臺包裝的完善，正漸漸具備更高的可用性和易用性，體現(xiàn)出更多親和力的特征。平臺本身的技術(shù)含量在逐漸增高，用戶感知到的技術(shù)難度在逐漸降低。若想進一步向傳統(tǒng)網(wǎng)站優(yōu)異的用戶體驗相看齊，可以借鑒許多傳統(tǒng)網(wǎng)站的交互設(shè)計原則和設(shè)計要素，例如導(dǎo)航欄的設(shè)計、可分類內(nèi)容的瀏覽、層次化的結(jié)構(gòu)、主頁的多功能入口等。但同時也要注意大數(shù)據(jù)技術(shù)為平臺所帶來的特殊性，以及用戶群體的不同導(dǎo)致的需求差異。

傳統(tǒng)WEB絕大多數(shù)服務(wù)于c端用戶，而現(xiàn)階段大數(shù)據(jù)分析平臺面向的則多為B端（企業(yè)）用戶。c端用戶使用Web服務(wù)的主要目的是滿足生活的需要，例如進行搜索信息、電商購物、旅行規(guī)劃、地圖導(dǎo)航等，從而滿足自身認知、消費和娛樂等方面的需求。企業(yè)用戶使用Web服務(wù)則是為了滿足一定的商業(yè)目的，各類操作行為具有明顯的價值利益導(dǎo)向。二者不僅在需求方面有明顯的區(qū)別，在功能實現(xiàn)邏輯、界面布局方式、內(nèi)容交互方式上也有實質(zhì)性的不同。

（一）功能實現(xiàn)邏輯

一個功能的實現(xiàn)邏輯取決于完成一個任務(wù)或解決一個問題需要進行的步驟。傳統(tǒng)WEB服務(wù)由于其所要解決問題本身的簡易性，使得功能實現(xiàn)起來較為簡單。例如淘寶網(wǎng)的商品瀏覽功能，用戶只需簡單地滑動鼠標滾輪，便可以上下瀏覽琳瑯滿目的各類商品，想實現(xiàn)下一步的購買功能，只需在商品詳情頁點擊購買按鈕，確認地址信息和商品信息，輸入支付密碼便可以完成從瀏覽到購買的任務(wù)。大數(shù)據(jù)分析平臺則存在各式各樣的任務(wù)，包括數(shù)據(jù)清洗、數(shù)據(jù)集制作、策略配置等復(fù)雜過程。其所處理的是商業(yè)數(shù)據(jù)或用戶數(shù)據(jù)，這都是價值和安全性要求都極高的數(shù)據(jù)，需要操作人員對各個步驟都嚴格操作，以防出現(xiàn)錯誤。同時功能的實現(xiàn)具有一定的實驗性和風險性，需要對數(shù)據(jù)反復(fù)進行不同方式的分析，最終才能得到一個滿意的結(jié)果。

（二）界面布局方式

功能決定了界面所搭載的信息內(nèi)容和所需要的圖標按鈕等操作媒介，這些內(nèi)容的分布方式則是取決于用戶對內(nèi)容的識別方式和使用習慣。傳統(tǒng)的WEB服務(wù)常采用信息輸出導(dǎo)向的布局方式：

1.頂部大圖Banner配合簡單的柵格來加強視覺表現(xiàn)力，圖片上通過疊加文字標題和簡單的信息摘要能夠輕松地吸引用戶的注意力，也能夠很好地滿足響應(yīng)式設(shè)計的需要;

2.單頁設(shè)計配合單欄布局，比較適合主題集中且內(nèi)容固定的網(wǎng)站，需要對留白和內(nèi)容密集度進行良好的控制，否則會對用戶帶來混亂和局促不安的體驗;

3.F式布局，因為用戶常常習慣先從左到右閱讀，然后向下移動，再繼續(xù)從左到右閱讀，這種布局滿足用戶的心理模型和行為模式，因此比較容易獲得用戶的理解和認可。

在上述三種經(jīng)典的傳統(tǒng)網(wǎng)站頁面布局方式基礎(chǔ)上，大數(shù)據(jù)分析平臺為適應(yīng)大規(guī)模數(shù)據(jù)、多功能模塊和多線程工作模式常采用下列兩種布局方式：

1.信息輸入與輸出相平衡的列式布局配合全局導(dǎo)航，通過兩欄、三欄或者四欄的布局來對信息和功能進行區(qū)隔，如圖1。這首先是因為該類平臺信息本身的專業(yè)化程度比較高，其次是因為該類平臺用戶群體中的權(quán)限角色較多、且任務(wù)分工較為明確。每一類角色用戶進入個特定特面中之后都有可能具備不同的目的，例如在項目中心頁便有查看、監(jiān)督、錄入、處理和管理等交互目的，如圖2。在策略詳情頁則有添加數(shù)據(jù)源、配置分析策略、設(shè)計可視化方式等交互目的，如圖3。

2.卡片式布局，如圖4。與列式布局的原理相同，雖然不如前者的層次展示清晰明了但是符合用戶視線從上到下、從左到右的行為模式。瀏覽體驗較為快捷，同時每一個卡片可以展示內(nèi)容較長的菜單或擁有次級文字內(nèi)容的標題。

（三）內(nèi)容交互方式

界面內(nèi)容信息和用戶之間的交互主要分為輸入與輸出兩大類，簡單說就是內(nèi)容的錄入和反饋信息的呈現(xiàn)。網(wǎng)站比較傳統(tǒng)的交互方式是以鍵鼠組合為主，通過鼠標的單擊、滑動和鍵盤的打字、命令快捷鍵來完成輸入的交互，網(wǎng)站則常常通過靜態(tài)圖片和文字組合的方式來完成信息的反饋呈現(xiàn)。區(qū)別于傳統(tǒng)的網(wǎng)站服務(wù)，大數(shù)據(jù)分析平臺的內(nèi)容信息以數(shù)據(jù)為主，數(shù)據(jù)本身可以是靜態(tài)的也可以是動態(tài)的。研究表明，用戶對于文字文本的內(nèi)容，讀過一遍只能記住20%，而對于圖片和圖像，看過一遍后能夠記住80%。數(shù)據(jù)可視化是大數(shù)據(jù)分析平臺最需要的信息輸出方式，結(jié)合動態(tài)的數(shù)據(jù)導(dǎo)入，可以為用戶提供科學易懂的結(jié)論。因此，可視化的交互是大數(shù)據(jù)分析平臺內(nèi)容設(shè)計的核心。這種交互方式與傳統(tǒng)網(wǎng)站相比會有更多的控件交互顯示狀態(tài)，也會增加更多Pc端的交互動作，例如雙擊、左右滑動、上下滑動、拖拽和放大縮小等，而不僅僅是單擊、選中、懸浮和離開這四類交互狀態(tài)。

二、用戶需求特征分析

（一）用戶群體角色劃分

以用戶為中心是當前各類設(shè)計師最為關(guān)注的一點。大數(shù)據(jù)分析平臺目前所面向的用戶并非c端消費者，而多為B端企業(yè)用戶。相比于c端用戶利用興趣進行社交互聯(lián)的特征，企業(yè)用戶是依靠項目式的工作和企業(yè)中的職級來進行“連接”的。因此大多數(shù)B端產(chǎn)品都有多租戶管理系統(tǒng)的設(shè)計，不同用戶之間緊密合作，最終完成一個完整的項目。

根據(jù)對銀聯(lián)智慧、平安科技和騰訊云等多家互聯(lián)網(wǎng)企業(yè)的調(diào)查研究，可以將對大數(shù)據(jù)有需求的用戶群體分為分析方和商業(yè)決策者（客戶）兩大類，前者包括管理者、開發(fā)人員、運營人員和業(yè)務(wù)人員四類，如圖5。開發(fā)人員負責開發(fā)編寫各類分析工具和策略函數(shù);運營人員專注于數(shù)據(jù)本身，自行探索數(shù)據(jù)，從而從數(shù)據(jù)中發(fā)掘有價值的信息;業(yè)務(wù)人員利用現(xiàn)有的工具和函數(shù)對數(shù)據(jù)和業(yè)務(wù)進行分析，主要目的是與運營人員和客戶等多個相關(guān)方進行對接。求助于分析方的商業(yè)決策者則根據(jù)大數(shù)據(jù)分析的結(jié)果進行最終商業(yè)行為的選擇，其各類行為均以商業(yè)價值為導(dǎo)向。

（二）用戶需求特征

根據(jù)KAN0模型，如圖6。需求可以劃分為5類，M代表Must-have，是基本型需求;L代表Linear，是期望型需求;E代表Exciter，是興奮型需求;R代表Reverse，是相反的需求;Q代表Questionable，是可疑的結(jié)果;I代表lndifferent，是無關(guān)緊要的。本文主要關(guān)注能夠代表用戶80%需求的M、L、E三類需求，并對其進行詳細的分析和設(shè)計。

1.基本型需求

這是用戶認為產(chǎn)品“必須有”的屬性或功能。在五類用戶角色中，開發(fā)人員和運營人員是擁有基本型需求最多的，他們的使用場景多為對數(shù)據(jù)進行分析處理的過程。這些人員往往來自多種專業(yè)背景，包括計算機、統(tǒng)計學、經(jīng)濟學和管理學等。這種專業(yè)背景帶來的是習慣性的“偏科”，例如有些用戶會長于程序語言而不擅長數(shù)據(jù)統(tǒng)計，反之亦然。大數(shù)據(jù)分析平臺是需要用戶綜合的分析能力，“偏科”帶給用戶的是對不擅長方面的畏懼感。每次操作進行到該步驟都會有不安全的體驗。因此需要通過設(shè)計來對這種不好的體驗進行消解或弱化。

2.期望型需求

這是產(chǎn)品提供超出用戶期望越多，用戶的滿意度越好的需求，這類需求的使用場景多集中在對平臺數(shù)據(jù)進行存儲和展示的部分。五類用戶角色中商業(yè)決策者、管理者和業(yè)務(wù)人員是對這部分功能查看和操作最多的。經(jīng)常與人打交道的性質(zhì)及商業(yè)屬性導(dǎo)致他們對大數(shù)據(jù)往往不了解，甚至對“機器”也不了解。因此會存在數(shù)據(jù)加密技術(shù)本身很安全但用戶仍然擔心數(shù)據(jù)泄漏、數(shù)據(jù)處理速度已然很快但用戶仍然嫌棄結(jié)果呈現(xiàn)的速度等問題，需要通過設(shè)計良好的平衡技術(shù)本身的限制與用戶預(yù)期之間的代溝。

3.興奮型需求

這是不被用戶過分期望的需求，即使在期望不被滿足時，用戶也不會因此表現(xiàn)出明顯的不滿意。滿足用戶興奮型需求的意義在于其一旦得到滿足，用戶表現(xiàn)出的滿意度是非常高的。各類用戶角色都會或多或少存在這類比較具備情感色彩的需求，它體現(xiàn)在用戶在使用平臺的全生命周期中。用戶使用平臺時間越久，這種訴求會越明顯。

三、交互設(shè)計原則

大數(shù)據(jù)分析平臺作為一種Web服務(wù)，首先要滿足基本的可用性和易用性原則。同時根據(jù)平臺異于傳統(tǒng)網(wǎng)站的特殊性和用戶群體三類需求的特征，其交互設(shè)計應(yīng)滿足以下原則：

（一）安全性原則

大數(shù)據(jù)分析平臺由于所處理的數(shù)據(jù)規(guī)模巨大、技術(shù)復(fù)雜，往往會出現(xiàn)各類安全問題，既有外部攻擊，也有內(nèi)部泄露;既有技術(shù)漏洞，也有管理缺陷;既有新技術(shù)新模式觸發(fā)的新風險，也有傳統(tǒng)安全問題的持續(xù)觸發(fā)。從上文的基本型和期望型需求分析中也可以看出安全性的重要性，因此安全性是大數(shù)據(jù)分析平臺交互設(shè)計的首要原則。

通過交互流程和UI優(yōu)化，設(shè)計師能夠讓用戶盡可能地規(guī)避一些潛在的安全問題，即使這個過程中可能會產(chǎn)生體驗上的障礙和不適。

1.首先對不同內(nèi)容或不同功能的交互界面應(yīng)該進行差異化設(shè)計

參考Google的賬號登錄流程，用戶在兩個不同的頁面分別輸入賬號和密碼信息，兩個界面并非只是更改了輸入框的標簽信息，而是在頁面布局、交互空間、功能按鈕分別進行了差異化設(shè)計，來吸引用戶的注意力，讓用戶保持緊張和專注。這類設(shè)計思維在數(shù)據(jù)處理的關(guān)鍵界面能起到重要的作用，例如在數(shù)據(jù)源增添、修改和刪除的界面，由于其會影響到全局的系統(tǒng)，因此將不同重要程度的信息進行分拆，安排在不同的界面進行操作，會讓用戶的操作體驗更有安全感。

2.其次是向用戶展示交互的關(guān)鍵流程

這不僅是導(dǎo)航方式的一種便捷化變體，也是滿足用戶心理模型中的可預(yù)測性。由于大數(shù)據(jù)分析的業(yè)務(wù)邏輯較為復(fù)雜，交互操作的流程往往比傳統(tǒng)的服務(wù)會多出很多步，一個步驟式或進度條式的流程信息展示會讓用戶明白自身所處的場景，配合對各步驟信息的校驗和提示，用戶能夠很安心地在最后一步點擊“提交”按鈕。這樣便不會由于單個頁面承載過多的功能和信息，導(dǎo)致用戶心理壓力過大，從而產(chǎn)生威脅系統(tǒng)安全的誤操作。

（二）時效性原則

最新的數(shù)據(jù)總是獲取商業(yè)信息、挖掘商業(yè)價值的第一手材料，這就需要數(shù)據(jù)的動態(tài)更新和實時變化，其中涉及的便是頁面的緩存、加載和刷新等交互方式。這類交互經(jīng)常不是用戶能夠直觀看到的，但是會影響交互流程的流暢度，尤其是針對大數(shù)據(jù)這類規(guī)模巨大的數(shù)據(jù)集。

1.緩存是用戶等待過程中“看不見”的交互設(shè)計，是把已經(jīng)加載過的數(shù)據(jù)存儲在瀏覽器中，并在下次需要重復(fù)使用的時候，直接獲取本地數(shù)據(jù)。利用這種方式，用戶在獲取數(shù)據(jù)的過程中便可以對頁面進行操作，等待新數(shù)據(jù)時還可以查看舊數(shù)據(jù)，無需長時間面對空白的界面，使界面更具有“可操作性”與“可用性”，從而減輕了獲取數(shù)據(jù)這一動作的大小和時間長短，增強了用戶體驗。

2.加載是用戶等帶過程中“看得見”的交互設(shè)計，網(wǎng)絡(luò)環(huán)境的好壞和數(shù)據(jù)量的大小都會直接影響加載的時間。用戶會隨著加載時間的延長逐漸變的焦慮和煩躁，為了避免這類不好的體驗，需要向用戶及時反饋頁面的狀態(tài)。如果界面的等待時間是已知的或是可預(yù)估的，那么可以利用進度條傳遞給用戶可感知的時間，能夠有效降低用戶的跳出率，提高用戶黏性。如果界面的等待時間是不確定的，可以利用樣式豐富的加載動效來填補等待的間隙。這不僅能夠轉(zhuǎn)移用戶的注意力，還可以告知用戶頁面正處于“健康”的加載狀態(tài)，避免用戶產(chǎn)生操作失敗的感覺。需要注意的是，加載動效不應(yīng)過度設(shè)計，否則不僅會降低人機交互的流暢度，還會讓用戶對平臺產(chǎn)生不專業(yè)、不專注的體驗感受。

（三）情感化原則

設(shè)計師的關(guān)注點不能僅僅落在物理對象上，用戶自身的情感是更為關(guān)鍵的設(shè)計對象。在對大數(shù)據(jù)分析平臺用戶群體調(diào)研過程中搜集到最多的使用體驗關(guān)鍵詞是冷酷的科技性、嚴肅的邏輯I生和商務(wù)的操作性等。不能說這些體驗是負面的反饋，但僅僅這樣的設(shè)計很難保證用戶能夠長期開心、愉悅地使用平臺進行高強度的大數(shù)據(jù)分析工作。

情感化設(shè)計的創(chuàng)始人唐納德.諾曼將其拆分為三個維度，如圖7。包括本能層面、行為層面和反思層面，對應(yīng)到網(wǎng)站交互設(shè)計中分別對應(yīng)著界面的UI設(shè)計、流程設(shè)計和思維設(shè)計。通過交互設(shè)計的手段賦予冷冰冰的科技產(chǎn)品以情感，再通過情感去建立平臺與用戶長期穩(wěn)定的關(guān)系。

1.本能層面的設(shè)計是關(guān)乎大數(shù)據(jù)分析平臺——涉及眾多數(shù)據(jù)可視化的功能——整體視覺形象的設(shè)計，也是帶給用戶第一印象和最直觀體驗的設(shè)計，要求設(shè)計師能夠制訂-一致性的、具有親和力的視覺語言，讓數(shù)據(jù)、分析工具和項目管理不再顯得乏味無趣。但同時又不能忽視科技性、商務(wù)性等用戶的原始體驗習慣，因為情感化是在功能易用和高效的基本型需求基礎(chǔ)上所打造的期待型或興奮型需求。

在整體視覺原則的指導(dǎo)下是對內(nèi)容信息的設(shè)計。用戶對靜態(tài)的信息是不敏感的，需要針對靜態(tài)的部分進行差異化的控件設(shè)計。例如窗體這一控件，可以利用詳情窗體對大量信息進行分類聚合，雙擊便可以修改具體模塊或分類的項目名稱和顏色標簽;表單窗體則可以為顏色與留白相間的設(shè)計，便于滿足用戶橫向閱讀的行為習慣。同時對于信息承載壓力較大的關(guān)鍵分析界面，交互層面的信息動態(tài)設(shè)計更是必不可少的。數(shù)據(jù)概覽窗體是動態(tài)信息最多的部分，正常狀態(tài)、懸浮狀態(tài)和點擊狀態(tài)都應(yīng)有不同的數(shù)據(jù)內(nèi)容和展示方式的改變，例如正常狀態(tài)為整體數(shù)據(jù)的概覽，懸浮狀態(tài)則對單點數(shù)據(jù)進行高亮放大展示，同時展示摘要的數(shù)據(jù)信息，點擊后則可以通過浮窗疊層展示不同的數(shù)據(jù)詳情，易于進行對比分析。

2行為層面的設(shè)計是針對用戶想要做的事情和目標之間可能存在的全部行為和方案進行設(shè)計。辛向陽教授將人與機器系統(tǒng)的交互分解為五個要素，分別為用戶、行為、目標、場景、媒介。在一定的場景中，用戶通過某種媒介進行特定的行為，從而完成一定的目標，這便是一個完整的交互過程，對行為的設(shè)計是交互設(shè)計的本質(zhì)。針對大數(shù)據(jù)分析平臺復(fù)雜的信息架構(gòu)，一方面要通過輕薄的交互層級來避免用戶過于深陷一個復(fù)雜的交互流程中，從而減少對高科技的恐懼;另一方面可以利用豐富的交互手勢來實現(xiàn)強大且有趣的功能。由于大數(shù)據(jù)分析平臺是基于網(wǎng)站的，因此可以將手勢轉(zhuǎn)化為鼠標的操控，例如通過拖拽預(yù)制的策略集（分析工具）來代替原始的指令輸入式交互，如圖8。增加便捷性的同時，可以讓用戶體驗到大數(shù)據(jù)分析可以像拼積木般有趣。

3.反思層面的設(shè)計是關(guān)注用戶長期使用產(chǎn)品所獲得的情感，對應(yīng)的是用戶興奮型的需求。大數(shù)據(jù)分析平臺需要用戶仔細查看菜單選項，學習其中特定的功能，甚至系統(tǒng)地學習整個平臺的運作規(guī)律，而這就是反思發(fā)揮作用的地方。不同于傳統(tǒng)的網(wǎng)站服務(wù)，大數(shù)據(jù)分析平臺具有很高的技術(shù)含量和使用難度，用戶長期使用會不斷解鎖新的分析工具和數(shù)據(jù)可視化方式，從而發(fā)現(xiàn)數(shù)據(jù)新的價值。因此大數(shù)據(jù)分析平臺具備一定的“教育”屬性，同時用戶的適應(yīng)和成長周期會遠大于傳統(tǒng)的網(wǎng)站服務(wù)。將用戶一步步的成長利用反饋的方式傳遞給用戶，其中既包括正反饋（例如用戶的分析進程平穩(wěn)），也包括負反饋（例如系統(tǒng)不能執(zhí)行用戶的分析指令）。反饋交互的接觸點有很多，既可以設(shè)計在整體的交互流程中，例如用戶在開始或結(jié)束一段完整的操作時可以通過1言息彈窗的方式來完成;也可以在眾多的微交互中對特定的交互操作設(shè)計輔助的信息提示，例如當用戶突破了某種規(guī)則或者切換了過往習慣的分析模式時進行反饋。

不同于傳統(tǒng)的以文本信息為主導(dǎo)的反饋，數(shù)據(jù)和項目導(dǎo)向的大數(shù)據(jù)分析平臺需要以數(shù)據(jù)信息為主導(dǎo)進行反饋，例如用戶成功分析了大量的數(shù)據(jù)，獎勵式的統(tǒng)計數(shù)據(jù)會帶給用戶一定的成就感和幸福感。

結(jié)語

大數(shù)據(jù)作為一種新型技術(shù)，有著極大的發(fā)展前景，各類大數(shù)據(jù)分析平臺如雨后春筍一般涌入市場。這些平臺同質(zhì)化嚴重，缺乏設(shè)計亮點，同時也因忽略對用戶體驗的關(guān)注所產(chǎn)生了各類型需求滿足不周的問題。對于B端產(chǎn)品來說，只有同時滿足業(yè)務(wù)與用戶的需求，才可以說是一個好的產(chǎn)品。高技術(shù)化的屬性和用戶體驗之間的代溝亟待交互和體驗設(shè)計師去關(guān)注，只有在平衡科技與體驗、在結(jié)合新技術(shù)與用戶的行為習慣的基礎(chǔ)上，才能設(shè)計出體驗更好的大數(shù)據(jù)分析平臺。