<em id="09ttv"></em>
    <sup id="09ttv"><pre id="09ttv"></pre></sup>
    <dd id="09ttv"></dd>

        • 數據可視化設計案例實操

          2023-2-16    博博

          什么是Resdesign


          Redesign并不是一個簡單的美化過程,視覺只是Redesign的一部分而不是全部。如果你做產品重構只是為了視覺更美觀,從各種網站獲取靈感用樣機包裝,沒有任何產品架構以及交互邏輯,那么你的改版必定不會很完美。


          但同時也會有很多人陷入這種誤區,產品中過時的設計規范會使你的用戶會流失到設計體系更好的競品那里。重構你的產品設計語言,讓他看起來更美觀,這當然很好,但是也不能盲目的跟隨設計趨勢,沒有任何邏輯做改版,這樣會導致交互邏輯的紊亂以及產品架構不清晰。


          今天阿勇就從網上任意摘選了一個產品功能需求有問題的一個頁面來進行一個頁面改版,一起來看看吧!



          產品邏輯分析


          1、產品主視覺指意不明,貴州省地質災害防治指揮平臺,地圖處資源應集中于貴州省,且全國視角下可以下鉆貴州省市區。

           

          2、地質災害防治主視覺應該著重展現崩塌、滑坡、泥石流、地裂縫、等地質現象的展示,并展示預警信息,以及現場地質現象視頻反饋,以便于指定指揮方針。

           

          3、此平臺信息展示包含人員調度,現場指揮,設備數量,數據資源統計,覆蓋區域,預警告警,各地區地質災害排行,綜合防治等信息的內容。

           

          4、產品布局不合理,各區域所占比重需要重新估量,并且主視覺數據資源匱乏,內容單一。

           

          5、業務邏輯沒有很好的展現,各區域所要展現的數據信息不明確,業務紊亂。

           

          6、畫面中對于業務的理解不夠深,導致畫面空洞,數據展現量不夠,產品失職。








          如何進行頁面分析


          根據顏色:顏色不宜太多,對于特殊行業,固定的顏色是有固定的含義的,比如紅橙黃藍四色預警。


          根據布局:不合適的布局總是會讓人覺得很別扭,并且對于頁面整體效果會有很大的影響。 

          根據風格:藍色系風格就盡量選用色相接近的顏色,畫面顏色太多,顏色也會失去其本身的美觀度以及特殊含義。 


          如何發現并解決問題

          對于畫面不合理的地方需要記錄下來,對當前板塊的內容進行正確的導向,比如你發現這個字體不合適,你的腦海中一定會有正確的用在此處的字體;比如間距,換行,字號等方面也是如此,心中得有一桿秤,去衡量設計的美感。



          了解功能,分析數據之間的關系:

          了解本產品的應用領域,以及產品功能,分析畫面需要展示的數據有哪些,合理的通過設計展示數據之間的關系。

           

          構思主題,圍繞主題設計其他元素:

          對原來的主題進行產品功能重構,設計新的配色方案,畫面內容布局,標題以及主視覺的重新設計,圍繞主題進行設計元素的制作。

           

          分析數據,合理選用不同樣式圖表:

          對各個數據進行分析,對內容進行編排,選擇合適的圖表去展示數據,合理的同時,又具有美感。

           

          提取共性,結合需求做產品規劃:

          提取各個模塊的設計形式的共性,并結合產品需求進行合理的規劃,重構頁面。

           

          加強技法,了解可視化設計規范:

          通過不同的設計技巧來表現畫面的美感,制定屬于產品的設計規范,并運用這些規范去規范頁面布局以及設計,這是要在深度了解可視化設計的前提下。


          優化-01


          優化了原本單調并無亮點的主視覺區域,通過添加覆蓋區域/區域告警/視頻監控等信息大量豐富了畫面并實現了地質災害自動化管理,從事件發生到事件解決,真正實現地質防治的自動化。 


          優化-02


          將原本的區域設備數量排行,換成了各地區地質災害數量排行,更能反映出地質災害集中在哪些地域,事發頻率以及爆發率進行排序,顏色上通過紅橙黃來進行前三的強調,更有層次感。 


          優化-03


          將原本的區域在線設備,換成了數據資源統計,是為了更清晰的去表達具體日期下的設備數量情況同時可以避免數據表達不清晰的問題。 



          更多組件樣式

          新增告警列表,設備數量,資源調度信息,展示歷史告警記錄,合計設備數量,總結資源調度數量,真正掌握自動化地質防治指揮。



          最終修改成品



          設計師應該跳脫出自己狹義的視角重新來審視“設計趨勢”,為自己帶來更多的可能性。


          視覺只是表現層,理解業務,理解數據,合理表述才是核心。道理大家都懂,但真正的理解數據卻是很多設計師邁不過去的門檻。


          送給大家一句忠告,永遠不要迷信產品原型,設計也不應該被原型所制約,要勇于用自己的設計思維去驗證產品的合理性,要用商業眼光去對產品進行查漏補缺,要站在用戶的立場上去試想產品的可能性。



          作者:AYONG_BDR      來源:優設網



          藍藍設計建立了UI設計分享群,每天會分享國內外的一些優秀設計,如果有興趣的話,可以進入一起成長學習,請加微信ban_lanlan,報下信息,藍小助會請您入群。歡迎您加入噢~~

          希望得到建議咨詢、商務合作,也請與我們聯系01063334945。 



          分享此文一切功德,皆悉回向給文章原作者及眾讀者. 免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。 



          藍藍設計m.sdgs6788.com )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 平面設計服務UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司

          日歷

          鏈接

          個人資料

          藍藍設計的小編 http://m.sdgs6788.com

          存檔

          亚洲愉拍99热成人精品热久久| 婷婷久久五月天| 久久久国产亚洲精品| 国内精品久久久久久中文字幕| 婷婷国产天堂久久综合五月| 99久久精品免费国产大片| 久久被窝电影亚洲爽爽爽| 99国产精品久久| 久久午夜伦鲁片免费无码| 国产成人精品白浆久久69| 国产精品99精品久久免费| 久久久久久综合一区中文字幕 | 91久久精一区二区三区大全| 欧美丰满熟妇BBB久久久| 久久99热只有频精品8| 国产精品一区二区久久精品| 久久久久久久99精品免费观看| 国产精品美女久久久网AV| 丁香久久婷婷国产午夜视频| 久久久久亚洲精品天堂久久久久久 | 久久亚洲精品无码VA大香大香| 亚洲香蕉网久久综合影视| 精品熟女少妇av免费久久| 久久91精品国产91久久户| 色婷婷综合久久久久中文字幕| 无码八A片人妻少妇久久| 精品人妻伦九区久久AAA片69 | 久久久噜噜噜久久中文字幕色伊伊| 久久国产免费直播| 久久精品国产亚洲αv忘忧草 | 欧美激情一区二区久久久| 亚洲国产精品无码久久久秋霞2| 99久久精品费精品国产一区二区 | 久久国产高潮流白浆免费观看| 精品久久久久久国产| 久久久综合香蕉尹人综合网| 亚洲精品无码久久久久sm| 国产精品九九久久免费视频 | 国产精品久久波多野结衣| 国产真实乱对白精彩久久| 日产精品久久久久久久|