引言
隨著AI技術在工業、交通、醫療、應急等to B、to G(政府)場景中廣泛應用,呈現了今天“行業智能”遍地開花的局面。但在AI技術的應用推廣中存在著一個普遍現象:AI技術復雜難以理解,和客戶溝通成本高。其根本原因是:通??蛻魧夹g了解有限,使得AI技術與業務場景應用間存在明顯的信息鴻溝。
面對這些問題,作為設計師我們能做些什么呢?
對于設計師來說,我們的任務就是把復雜變得清晰簡單而且美,所以我們應該成為企業和客戶之間溝通的“架橋人”。通過設計的方法,把無形的、復雜的技術,通過有形的、可視化的方式展示出來,讓客戶更直觀、清晰的感受到AI技術能力,看得懂其在業務場景中產生的價值。
下面我們就以“應急管理-森林火災智能監測解決方案”為例,介紹下我們的設計思路。同時,我們的設計方案也得到行業認可,獲得了2020年Red Dot Award國際設計大獎。
(1-2020 Red Dot Award)
(2-《森林火災智能監測解決方案》)
正文
森林火災等災害一直以來嚴重威脅著人們的生命和財產安全,百度與國家應急管理部成立“人工智能聯合創新實驗室”,開展應用技術攻關,希望能結合AI技術,以輔助風險評估、應急管理決策等。
在森林火災監測中應用到的技術有 “遙感影像智能解譯、現場態勢與輿情智慧感知、安全類視頻智能分析、邊緣計算+AI、5G+人工智能、監管與救援智能裝備、區塊鏈、深度學習等”,這些技術名詞復雜難懂,怎么讓沒有技術基礎的客戶快速理解它們的價值呢?
接下來我們將從“轉換視角,營造情景,信息可視”三個維度分享設計過程。
一、轉換視角,建立共鳴
站在客戶視角,聚焦客戶關注的核心問題,通過情景把內容有序組織起來,快速與客戶建立共鳴,有效降低內容理解難度。
1、離客戶再近一些
在任何項目中充分了解目標客戶都是首先任務。B/G端客戶的需求是非常明確的,他們最看重AI技術對業務的價值。“客戶”這個稱呼的背后包含了諸多角色,有技術人員、業務人員、決策領導層等,他們對AI技術的了解各不相同,我們需要讓各角色都能快速的理解、看得懂真正有價值的內容。
2、玩轉業務
森林火災監測是一個非常復雜的過程,監測訴求從全球到城市,從火災全貌到火災局部,監測場景包括火點識別、火情趨勢推演、救援指揮等多個場景,影響火災的地理環境因素包括危險源、居民區、水源、道路等,氣候因素包括天氣、風力、溫度等,救援因素包括設備和物資等。
(3-思路框架)
3、產品架構可以不那么復雜
以業務邏輯為基礎,客戶需求為核心,聚焦技術可以帶來的業務價值。我們搭建了一個覆蓋森林火災智能監測全流程的解決方案。它可以精準識別全球森林火災并自動報警,全方位監測火災數據,智能推演火災蔓延趨勢、自動規劃救援路線、實時監控救援人員和物資情況,多維度智能輔助救援決策,滿足不同機構的監測訴求,讓客戶從方案中感受到AI技術的強大。
轉換視角,有序組織內容,使產品架構符合客戶心理,讓客戶能快速的理解、看得懂。
(4-產品架構)
二、營造情景,構建信任
真實還原場景,營造身臨其境的視覺感受,通過場景代入加強客戶對技術的信任和深入了解的意愿。
1、身臨其境的震撼效果
三維立體場景,不但能滿足更多維度的數據呈現,同時給觀看者帶來身臨其境、掌控一切的感受。利用3D建模打造接近于真實地貌特征的虛擬場景空間,在光影效果呈現上,模擬日光的光照效果,使場景更加真實。
(5-全球場景)
(6-國家場景)
(7-火災局部場景)
利用晨昏線、雪線、綠地的變化,表現季節、晝夜對于火災的影響。
(8-火災受季節影響)
2、像電影一樣的觀看體驗
通過鳥瞰、環繞、穿行等鏡頭把從全球、國家到火災局部的多個場景串聯起來,清晰表達空間關系,帶著客戶更自然流暢的逐步深入體驗。
(9-鏡頭轉換)
3、扣人心弦地氛圍營造
通過色彩基調和煙霧等特效的處理,營造森林火災和救援現場危急、緊迫的氣氛,調動觀看者的情緒,并留下深刻印象。
(10-顏色設定)
(11-緊迫氛圍營造-1)
(12-緊迫氛圍營造-2)
(13-緊迫氛圍營造-3)
三、信息可視,清晰傳達
提煉核心內容,借助圖形化手段,讓客戶以最直觀的方式理解信息,大幅度降低內容理解門檻。
1、大膽地隱藏冗余內容
面對龐雜的信息,去粗取精,提煉各場景的核心內容,避免冗余信息阻礙內容有效傳達。話術語言不單要簡單易懂,還要嚴格控制文字長度,保證內容可以被快速掃描和理解。
(14-內容設計)
2、給產品一個穩定的布局
遵守人的閱讀習慣,強化主、次信息;統計數據浮于場景之上,形成內容上的空間感,又保證較高的擴展性。統一各視圖的排版規則,穩定的布局,能避免打斷觀看者心流。
(15-布局結構-1)
(16-布局結構-2-GUI)
3、場景設計
用可視化的方式,幫助客戶解讀、分析復雜的技術和功能。如在火災實況視圖中,把火災地點、蔓延趨勢、蔓延速度,植被、危險源、風向等轉換為視覺語言直觀展示在場景中,并通過掃描線、等高線和光感的設計,突出科技感,強化AI技術為現有業務帶來的強大的、智能化改變。
(17-火災實況-GUI)
(18-火災實況-GUI)
救援路線一目了然,使救援調度清晰有序。
(19-救援路線)
救援人員、救援物資、救援進度實時呈現,救援指揮更加有理有據。
(20-救援現場)
(21-動態數據)
(22-動態數據2-GIF)
(23-動態數據3-GIF)
最終大屏展示效果。
(24-全球視圖)
(25-國家視圖)
(26-區域視圖)
(27-單個火災視圖)
(28-火災實況)
(29-路線規劃)
(30-救援現場)
(31-多端展示-GIF)
(32-點亮工業智慧,守護百姓安全)
三、結語
AI時代,在to B/G行業的商業化道路上,如何降低AI技術理解門檻,提高企業和客戶間的溝通效率是設計師面臨的巨大挑戰。設計師需要突破設計邊界,將設計回歸到解決問題的本質上,為業務賦能。在后續的設計實踐中,我們將繼續探索toB/G業務的設計創新,探索如何通過設計讓客戶以最直觀的方式理解產品,構建企業與客戶之間溝通的“架橋人”。
藍藍設計建立了UI設計分享群,每天會分享國內外的一些優秀設計,如果有興趣的話,可以進入一起成長學習,請掃碼ben_lanlan,報下信息,會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作,也請與我們聯系。
分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。
藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務