交互四策略在數(shù)據(jù)駕駛艙設(shè)計(jì)的應(yīng)用
通過建設(shè)數(shù)據(jù)駕駛艙,能夠讓管理者從龐大的數(shù)據(jù)中快速獲取信息,掌握運(yùn)營動(dòng)態(tài)。本文以融資平臺(tái)數(shù)據(jù)駕駛艙為例,總結(jié)在設(shè)計(jì)實(shí)踐中如何靈活運(yùn)用Giles Colborne提出的交互設(shè)計(jì)四策略,快速完成可靠的數(shù)據(jù)大屏設(shè)計(jì)方案。
背景
在全國范圍內(nèi)推行和落實(shí)促進(jìn)中小企業(yè)發(fā)展政策的背景下,各地政府已經(jīng)搭建起各具特色的中小企業(yè)融資服務(wù)平臺(tái)。隨著運(yùn)營業(yè)務(wù)的不斷深入,承載著企業(yè)、銀行和政府等多方用戶海量數(shù)據(jù)的融資平臺(tái),面臨著數(shù)據(jù)分散割裂、數(shù)據(jù)價(jià)值未被充分挖掘的問題。通過建設(shè)數(shù)據(jù)駕駛艙,有利于管理者從龐大而復(fù)雜的數(shù)據(jù)中快速獲取所需信息,全面掌握運(yùn)營動(dòng)態(tài),實(shí)時(shí)高效地控制和決策。
本文以融資平臺(tái)數(shù)據(jù)駕駛艙為例,以統(tǒng)計(jì)全平臺(tái)運(yùn)營數(shù)據(jù)為目標(biāo),從框架層、表現(xiàn)層的角度,講述在設(shè)計(jì)實(shí)踐中如何靈活運(yùn)用Giles Colborne提出的交互設(shè)計(jì)四策略,快速完成可靠的數(shù)據(jù)大屏設(shè)計(jì)方案。
策略一:刪除
刪除是指刪除不必要的地方,直至不能刪除為止。目的是減少對(duì)用戶的干擾項(xiàng),避免分散注意力,讓用戶的注意力集中在核心的部位。
數(shù)據(jù)駕駛艙是內(nèi)嵌于用戶端系統(tǒng),系統(tǒng)的常規(guī)核心內(nèi)容區(qū)域和一二級(jí)導(dǎo)航之間存在分隔區(qū)域,用于提高白色區(qū)域之間的層次感。但由于數(shù)據(jù)駕駛艙的底色選用了暗色,和導(dǎo)航之間本身帶有很好的區(qū)分度,層級(jí)上沒有下鉆需求,再加上為了更好地實(shí)現(xiàn)多屏幕尺寸自適應(yīng)顯示效果,刪除常規(guī)內(nèi)容區(qū)域的間隔區(qū)域和間隔內(nèi)的面包屑導(dǎo)航,必要時(shí)支持雙擊駕駛艙進(jìn)入或退出全屏展示,從而擴(kuò)展數(shù)據(jù)大屏的展示空間,提供更為沉浸式的數(shù)據(jù)監(jiān)控視覺體驗(yàn)。
策略二:組織
組織是指按照有意義的標(biāo)準(zhǔn),把所需的元素按照一定的規(guī)律劃分成組。組織分類是加快用戶閱讀效率的方式之一,也是一種常見的簡化設(shè)計(jì)方法。
合理分塊。在有限的展示區(qū)域里,把單個(gè)版面的信息分成主次分明的若干個(gè)板塊,板塊數(shù)量控制在“7±2”的范圍內(nèi),因?yàn)檫@是人的大腦中瞬間能夠記住的最大數(shù)目,分塊數(shù)量越少,用戶記憶的負(fù)擔(dān)越少。
分類標(biāo)準(zhǔn)。清晰的分類標(biāo)準(zhǔn)呈現(xiàn)邏輯清晰的數(shù)據(jù)脈絡(luò)。圍繞著融資審批的貸前貸中貸后業(yè)務(wù)流程,我們可以從發(fā)布、申請、受理、審核、授信、放款等環(huán)節(jié)設(shè)置統(tǒng)計(jì)點(diǎn)。此外,也可以從企業(yè)、機(jī)構(gòu)等用戶角色的角度來統(tǒng)計(jì)入駐平臺(tái)數(shù)據(jù)。
色標(biāo)指引。利用每個(gè)分組的大標(biāo)題引導(dǎo)用戶識(shí)別組與組之間的順序和聯(lián)系,注意大標(biāo)題和小標(biāo)題之間的視覺分量,便于用戶快速理解各板塊的主次關(guān)系。
大小和位置。在一個(gè)分組中,往往存在包含與被包含的關(guān)系,機(jī)構(gòu)包括銀行、投資、擔(dān)保等機(jī)構(gòu),在排布時(shí)總的數(shù)據(jù)要大于分的數(shù)據(jù)。而相似的數(shù)據(jù)則遵從就近原則,業(yè)務(wù)類、排名類數(shù)據(jù)都有各自的統(tǒng)計(jì)特征,擺放位置自然也靠近一些。
策略三:隱藏
隱藏部分信息是一種低成本且能有效簡化信息的方法,我們需要權(quán)衡哪些信息可以隱藏。
過量的數(shù)據(jù)適度隱藏。我們剛獲得的數(shù)據(jù)統(tǒng)計(jì)指標(biāo)往往是龐大而復(fù)雜的,可能只經(jīng)過一次粗略處理。在設(shè)計(jì)過程中,受限于終端的展示區(qū)域面積,同時(shí)考慮到數(shù)據(jù)駕駛艙一目了然的設(shè)計(jì)理念,將大量的數(shù)據(jù)塞進(jìn)一個(gè)界面里,即時(shí)能滾動(dòng)查看全部數(shù)據(jù),其查閱體驗(yàn)也是不夠理想。此時(shí)可以考慮把數(shù)據(jù)切割為幾個(gè)大門類,通過切換組件實(shí)現(xiàn)門類之間的頁面跳轉(zhuǎn),既達(dá)到了單個(gè)頁面信息量簡化的目的,又使數(shù)據(jù)統(tǒng)計(jì)框架更為清晰。
不同角色看不同區(qū)域的數(shù)據(jù)。系統(tǒng)根據(jù)用戶單位所屬區(qū)域和層級(jí)的不同,自動(dòng)統(tǒng)計(jì)并反顯相應(yīng)區(qū)域的匯總數(shù)據(jù),權(quán)限范圍以外的數(shù)據(jù)將被隱藏,實(shí)現(xiàn)數(shù)據(jù)層級(jí)化管理,嚴(yán)格保障信息安全。
策略四:轉(zhuǎn)移
轉(zhuǎn)移指把功能或任務(wù)放在合適的設(shè)備或平臺(tái),發(fā)揮最大價(jià)值。
在系統(tǒng)初步規(guī)劃階段,需求方容易落入“多就是好,好就是多”的誤區(qū),認(rèn)為功能豐富的系統(tǒng)是好系統(tǒng)。但任何設(shè)備或平臺(tái)都有各自的長處和短處,在規(guī)劃功能時(shí)需綜合考慮設(shè)備的優(yōu)點(diǎn)和平臺(tái)的定位,把功能轉(zhuǎn)移到能發(fā)揮其優(yōu)點(diǎn)的地方,才是設(shè)計(jì)的最優(yōu)解。數(shù)據(jù)駕駛艙的定位是展示平臺(tái)全局?jǐn)?shù)據(jù),展示性大于功能性,因此要減少在數(shù)倉上面的操作,而對(duì)于導(dǎo)出等功能,安放在數(shù)據(jù)量更為全面的后臺(tái)運(yùn)營端更為合適。
總結(jié)
利用交互設(shè)計(jì)四策略,我們可以有效梳理數(shù)字駕駛艙各數(shù)據(jù)維度之間的內(nèi)在邏輯,較為快速地構(gòu)建起展示大屏的應(yīng)用層基本框架。通過思考數(shù)據(jù)與數(shù)據(jù)、數(shù)據(jù)與人、設(shè)備與人之間的關(guān)系,做出合理的設(shè)計(jì)決策,創(chuàng)造友好的用戶體驗(yàn)。通過建設(shè)數(shù)據(jù)駕駛艙,分解、量化了融資平臺(tái)各項(xiàng)運(yùn)營指標(biāo),以圖表的方式,直觀展示平臺(tái)運(yùn)營的實(shí)際情況,改變管理者傳統(tǒng)的工作調(diào)研和匯報(bào)方式,實(shí)時(shí)獲取機(jī)構(gòu)入駐概況、融資實(shí)況、融資效率、融資排名等數(shù)據(jù),助力管理者全天候、全方位、全過程地掌握運(yùn)營動(dòng)態(tài)、把握運(yùn)營方向,做出有效的運(yùn)營決策。
本文由 @萬里vali 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)許可,禁止轉(zhuǎn)載
題圖來自 Unsplash,基于 CC0 協(xié)議
該文觀點(diǎn)僅代表作者本人,人人都是產(chǎn)品經(jīng)理平臺(tái)僅提供信息存儲(chǔ)空間服務(wù)。
- 目前還沒評(píng)論,等你發(fā)揮!