紅點(diǎn)獎(jiǎng)作品揭秘,帶你了解AI時(shí)代的可視化設(shè)計(jì)

2021-9-16    ui設(shè)計(jì)分享達(dá)人



引言


隨著AI技術(shù)在工業(yè)、交通、醫(yī)療、應(yīng)急等to B、to G(政府)場(chǎng)景中廣泛應(yīng)用,呈現(xiàn)了今天“行業(yè)智能”遍地開(kāi)花的局面。但在AI技術(shù)的應(yīng)用推廣中存在著一個(gè)普遍現(xiàn)象:AI技術(shù)復(fù)雜難以理解,和客戶溝通成本高。其根本原因是:通??蛻魧?duì)技術(shù)了解有限,使得AI技術(shù)與業(yè)務(wù)場(chǎng)景應(yīng)用間存在明顯的信息鴻溝。

面對(duì)這些問(wèn)題,作為設(shè)計(jì)師我們能做些什么呢?


對(duì)于設(shè)計(jì)師來(lái)說(shuō),我們的任務(wù)就是把復(fù)雜變得清晰簡(jiǎn)單而且美,所以我們應(yīng)該成為企業(yè)和客戶之間溝通的“架橋人”。通過(guò)設(shè)計(jì)的方法,把無(wú)形的、復(fù)雜的技術(shù),通過(guò)有形的、可視化的方式展示出來(lái),讓客戶更直觀、清晰的感受到AI技術(shù)能力,看得懂其在業(yè)務(wù)場(chǎng)景中產(chǎn)生的價(jià)值。


下面我們就以“應(yīng)急管理-森林火災(zāi)智能監(jiān)測(cè)解決方案”為例,介紹下我們的設(shè)計(jì)思路。同時(shí),我們的設(shè)計(jì)方案也得到行業(yè)認(rèn)可,獲得了2020年Red Dot Award國(guó)際設(shè)計(jì)大獎(jiǎng)。

(1-2020 Red Dot Award)

(2-《森林火災(zāi)智能監(jiān)測(cè)解決方案》)


正文


森林火災(zāi)等災(zāi)害一直以來(lái)嚴(yán)重威脅著人們的生命和財(cái)產(chǎn)安全,百度與國(guó)家應(yīng)急管理部成立“人工智能聯(lián)合創(chuàng)新實(shí)驗(yàn)室”,開(kāi)展應(yīng)用技術(shù)攻關(guān),希望能結(jié)合AI技術(shù),以輔助風(fēng)險(xiǎn)評(píng)估、應(yīng)急管理決策等。

 

在森林火災(zāi)監(jiān)測(cè)中應(yīng)用到的技術(shù)有 “遙感影像智能解譯、現(xiàn)場(chǎng)態(tài)勢(shì)與輿情智慧感知、安全類(lèi)視頻智能分析、邊緣計(jì)算+AI、5G+人工智能、監(jiān)管與救援智能裝備、區(qū)塊鏈、深度學(xué)習(xí)等”,這些技術(shù)名詞復(fù)雜難懂,怎么讓沒(méi)有技術(shù)基礎(chǔ)的客戶快速理解它們的價(jià)值呢?

 

接下來(lái)我們將從“轉(zhuǎn)換視角,營(yíng)造情景,信息可視”三個(gè)維度分享設(shè)計(jì)過(guò)程。


一、轉(zhuǎn)換視角,建立共鳴


站在客戶視角,聚焦客戶關(guān)注的核心問(wèn)題,通過(guò)情景把內(nèi)容有序組織起來(lái),快速與客戶建立共鳴,有效降低內(nèi)容理解難度。


1、離客戶再近一些

在任何項(xiàng)目中充分了解目標(biāo)客戶都是首先任務(wù)。B/G端客戶的需求是非常明確的,他們最看重AI技術(shù)對(duì)業(yè)務(wù)的價(jià)值?!翱蛻簟边@個(gè)稱呼的背后包含了諸多角色,有技術(shù)人員、業(yè)務(wù)人員、決策領(lǐng)導(dǎo)層等,他們對(duì)AI技術(shù)的了解各不相同,我們需要讓各角色都能快速的理解、看得懂真正有價(jià)值的內(nèi)容。


2、玩轉(zhuǎn)業(yè)務(wù)

森林火災(zāi)監(jiān)測(cè)是一個(gè)非常復(fù)雜的過(guò)程,監(jiān)測(cè)訴求從全球到城市,從火災(zāi)全貌到火災(zāi)局部,監(jiān)測(cè)場(chǎng)景包括火點(diǎn)識(shí)別、火情趨勢(shì)推演、救援指揮等多個(gè)場(chǎng)景,影響火災(zāi)的地理環(huán)境因素包括危險(xiǎn)源、居民區(qū)、水源、道路等,氣候因素包括天氣、風(fēng)力、溫度等,救援因素包括設(shè)備和物資等。

(3-思路框架)


3、產(chǎn)品架構(gòu)可以不那么復(fù)雜

以業(yè)務(wù)邏輯為基礎(chǔ),客戶需求為核心,聚焦技術(shù)可以帶來(lái)的業(yè)務(wù)價(jià)值。我們搭建了一個(gè)覆蓋森林火災(zāi)智能監(jiān)測(cè)全流程的解決方案。它可以精準(zhǔn)識(shí)別全球森林火災(zāi)并自動(dòng)報(bào)警,全方位監(jiān)測(cè)火災(zāi)數(shù)據(jù),智能推演火災(zāi)蔓延趨勢(shì)、自動(dòng)規(guī)劃救援路線、實(shí)時(shí)監(jiān)控救援人員和物資情況,多維度智能輔助救援決策,滿足不同機(jī)構(gòu)的監(jiān)測(cè)訴求,讓客戶從方案中感受到AI技術(shù)的強(qiáng)大。


轉(zhuǎn)換視角,有序組織內(nèi)容,使產(chǎn)品架構(gòu)符合客戶心理,讓客戶能快速的理解、看得懂。

(4-產(chǎn)品架構(gòu))


二、營(yíng)造情景,構(gòu)建信任


真實(shí)還原場(chǎng)景,營(yíng)造身臨其境的視覺(jué)感受,通過(guò)場(chǎng)景代入加強(qiáng)客戶對(duì)技術(shù)的信任和深入了解的意愿。


1、身臨其境的震撼效果

三維立體場(chǎng)景,不但能滿足更多維度的數(shù)據(jù)呈現(xiàn),同時(shí)給觀看者帶來(lái)身臨其境、掌控一切的感受。利用3D建模打造接近于真實(shí)地貌特征的虛擬場(chǎng)景空間,在光影效果呈現(xiàn)上,模擬日光的光照效果,使場(chǎng)景更加真實(shí)。

(5-全球場(chǎng)景)

(6-國(guó)家場(chǎng)景)

(7-火災(zāi)局部場(chǎng)景)


利用晨昏線、雪線、綠地的變化,表現(xiàn)季節(jié)、晝夜對(duì)于火災(zāi)的影響。

(8-火災(zāi)受季節(jié)影響)


2、像電影一樣的觀看體驗(yàn)

通過(guò)鳥(niǎo)瞰、環(huán)繞、穿行等鏡頭把從全球、國(guó)家到火災(zāi)局部的多個(gè)場(chǎng)景串聯(lián)起來(lái),清晰表達(dá)空間關(guān)系,帶著客戶更自然流暢的逐步深入體驗(yàn)。

(9-鏡頭轉(zhuǎn)換)


3、扣人心弦地氛圍營(yíng)造

通過(guò)色彩基調(diào)和煙霧等特效的處理,營(yíng)造森林火災(zāi)和救援現(xiàn)場(chǎng)危急、緊迫的氣氛,調(diào)動(dòng)觀看者的情緒,并留下深刻印象。

(10-顏色設(shè)定)

(11-緊迫氛圍營(yíng)造-1)

(12-緊迫氛圍營(yíng)造-2)

(13-緊迫氛圍營(yíng)造-3)


三、信息可視,清晰傳達(dá)

提煉核心內(nèi)容,借助圖形化手段,讓客戶以最直觀的方式理解信息,大幅度降低內(nèi)容理解門(mén)檻。


1、大膽地隱藏冗余內(nèi)容

面對(duì)龐雜的信息,去粗取精,提煉各場(chǎng)景的核心內(nèi)容,避免冗余信息阻礙內(nèi)容有效傳達(dá)。話術(shù)語(yǔ)言不單要簡(jiǎn)單易懂,還要嚴(yán)格控制文字長(zhǎng)度,保證內(nèi)容可以被快速掃描和理解。

(14-內(nèi)容設(shè)計(jì))


2、給產(chǎn)品一個(gè)穩(wěn)定的布局

遵守人的閱讀習(xí)慣,強(qiáng)化主、次信息;統(tǒng)計(jì)數(shù)據(jù)浮于場(chǎng)景之上,形成內(nèi)容上的空間感,又保證較高的擴(kuò)展性。統(tǒng)一各視圖的排版規(guī)則,穩(wěn)定的布局,能避免打斷觀看者心流。

(15-布局結(jié)構(gòu)-1)

(16-布局結(jié)構(gòu)-2-GUI)


3、場(chǎng)景設(shè)計(jì)

用可視化的方式,幫助客戶解讀、分析復(fù)雜的技術(shù)和功能。如在火災(zāi)實(shí)況視圖中,把火災(zāi)地點(diǎn)、蔓延趨勢(shì)、蔓延速度,植被、危險(xiǎn)源、風(fēng)向等轉(zhuǎn)換為視覺(jué)語(yǔ)言直觀展示在場(chǎng)景中,并通過(guò)掃描線、等高線和光感的設(shè)計(jì),突出科技感,強(qiáng)化AI技術(shù)為現(xiàn)有業(yè)務(wù)帶來(lái)的強(qiáng)大的、智能化改變。

(17-火災(zāi)實(shí)況-GUI)

(18-火災(zāi)實(shí)況-GUI)


救援路線一目了然,使救援調(diào)度清晰有序。

(19-救援路線)


救援人員、救援物資、救援進(jìn)度實(shí)時(shí)呈現(xiàn),救援指揮更加有理有據(jù)。

(20-救援現(xiàn)場(chǎng))

(21-動(dòng)態(tài)數(shù)據(jù))

(22-動(dòng)態(tài)數(shù)據(jù)2-GIF)

(23-動(dòng)態(tài)數(shù)據(jù)3-GIF)


最終大屏展示效果。

(24-全球視圖)

(25-國(guó)家視圖)

(26-區(qū)域視圖)

(27-單個(gè)火災(zāi)視圖)

(28-火災(zāi)實(shí)況)

(29-路線規(guī)劃)

(30-救援現(xiàn)場(chǎng))

(31-多端展示-GIF)

(32-點(diǎn)亮工業(yè)智慧,守護(hù)百姓安全)


三、結(jié)語(yǔ)


AI時(shí)代,在to B/G行業(yè)的商業(yè)化道路上,如何降低AI技術(shù)理解門(mén)檻,提高企業(yè)和客戶間的溝通效率是設(shè)計(jì)師面臨的巨大挑戰(zhàn)。設(shè)計(jì)師需要突破設(shè)計(jì)邊界,將設(shè)計(jì)回歸到解決問(wèn)題的本質(zhì)上,為業(yè)務(wù)賦能。在后續(xù)的設(shè)計(jì)實(shí)踐中,我們將繼續(xù)探索toB/G業(yè)務(wù)的設(shè)計(jì)創(chuàng)新,探索如何通過(guò)設(shè)計(jì)讓客戶以最直觀的方式理解產(chǎn)品,構(gòu)建企業(yè)與客戶之間溝通的“架橋人”。

 

藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群,每天會(huì)分享國(guó)內(nèi)外的一些優(yōu)秀設(shè)計(jì),如果有興趣的話,可以進(jìn)入一起成長(zhǎng)學(xué)習(xí),請(qǐng)掃碼ben_lanlan,報(bào)下信息,會(huì)請(qǐng)您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作,也請(qǐng)與我們聯(lián)系。

文章來(lái)源:站酷   作者:ROC393

分享此文一切功德,皆悉回向給文章原作者及眾讀者.

免責(zé)聲明:藍(lán)藍(lán)設(shè)計(jì)尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問(wèn)題,請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系,我們立即更正或刪除。

藍(lán)藍(lán)設(shè)計(jì)m.yvirxh.cn )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 平面設(shè)計(jì)服務(wù)







日歷

鏈接

個(gè)人資料

存檔