<address id="ttjl9"></address>

      <noframes id="ttjl9"><address id="ttjl9"><nobr id="ttjl9"></nobr></address>
      <form id="ttjl9"></form>
        <em id="ttjl9"><span id="ttjl9"></span></em>
        <address id="ttjl9"></address>

          <noframes id="ttjl9"><form id="ttjl9"></form>

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

          2021-9-16    ui設計分享達人



          引言


          隨著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,報下信息,會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作,也請與我們聯系。

          文章來源:站酷   作者:ROC393

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

          免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。

          藍藍設計www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務







          日歷

          鏈接

          個人資料

          藍藍設計的小編 http://www.syprn.cn

          存檔

          亚洲va欧美va天堂v国产综合