紅點獎作品揭秘,帶你了解AI時代的可視化設(shè)計

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



引言


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

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


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


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

(1-2020 Red Dot Award)

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


正文


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

 

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

 

接下來我們將從“轉(zhuǎn)換視角,營造情景,信息可視”三個維度分享設(shè)計過程。


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


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


1、離客戶再近一些

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


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

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

(3-思路框架)


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

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


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

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


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


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


1、身臨其境的震撼效果

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

(5-全球場景)

(6-國家場景)

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


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

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


2、像電影一樣的觀看體驗

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

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


3、扣人心弦地氛圍營造

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

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

(11-緊迫氛圍營造-1)

(12-緊迫氛圍營造-2)

(13-緊迫氛圍營造-3)


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

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


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

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

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


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

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

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

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


3、場景設(shè)計

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

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

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


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

(19-救援路線)


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

(20-救援現(xiàn)場)

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

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

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


最終大屏展示效果。

(24-全球視圖)

(25-國家視圖)

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

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

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

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

(30-救援現(xiàn)場)

(31-多端展示-GIF)

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


三、結(jié)語


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

 

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

文章來源:站酷   作者:ROC393

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

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

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







分享本文至:

日歷

鏈接

個人資料

存檔