2022-6-1 博博
項目可以簡單得理解為是氣象災(zāi)害等級地圖展示系統(tǒng),主要展示了圖表、表格、災(zāi)害等級五色圖分布地圖
設(shè)計需求
1、逐步確認
項目的需求分析是通過客觀的業(yè)務(wù)數(shù)據(jù)逐步展開,逐步確定的。首先根據(jù)常用的業(yè)務(wù)邏輯來把需要展示的內(nèi)容做一個排序,比如:餅狀圖、柱狀圖、趨勢圖等,決定可視化圖表與數(shù)據(jù)的結(jié)合。
2、從表格到一整張圖
由于產(chǎn)品經(jīng)理角色空缺,項目并沒有原型線框圖。所以為了項目有效開展,首先將數(shù)據(jù)展示的維度列出一個表格(內(nèi)容標題、橫縱坐標、有效信息等等),進行合理化的分析, 其次將現(xiàn)有的數(shù)據(jù)內(nèi)容,結(jié)合表格中的橫縱坐標,套在一個可視化的板式中,做出一個初步的原型設(shè)計。
設(shè)計過程
1、設(shè)計風(fēng)格
按照傳統(tǒng)大屏的設(shè)計配色,深藍色體現(xiàn)了豐富的科技感,倉儲式儀表盤的布局模式,體現(xiàn)了數(shù)據(jù)可視化的大氣。由于業(yè)務(wù)對象的原因,摒棄了太過花俏、復(fù)雜的邊框跟元素。
2、設(shè)計交互
交互的要點承接了業(yè)務(wù)需求的關(guān)系,整個大屏界面除了數(shù)據(jù)展示,還多了控制地圖展示的下拉界面、查看災(zāi)情發(fā)生時間維度的控制軸以及播放動畫的按鈕等,是一個組合可交互的大屏展示,并不是只刷新數(shù)據(jù)那么簡單。
3、投入產(chǎn)品思維
由于沒有產(chǎn)品經(jīng)理的空缺,設(shè)計承擔了大部分產(chǎn)品思路,主要體現(xiàn)在重點內(nèi)容布局,頁面合理性邏輯性的一些考量。好在頁面只有幾張,不然整體的業(yè)務(wù)邏輯分析起來也增加了不少的思考時間。
4、改稿的心理素質(zhì)
數(shù)據(jù)展示的內(nèi)容與客戶期望存在一定的差異,當客戶沒有需求提出時,就要出不同的方案來驗證客戶的需求,從最初的版本到開發(fā),中間經(jīng)歷了7-8次改稿,很虐吧……
總結(jié):
1、視覺與原型
從追求完美的角度出發(fā),設(shè)計流程上應(yīng)該有產(chǎn)品原型的體現(xiàn),但是往往業(yè)務(wù)對接人員僅提供需求文字本身的情況下,設(shè)計師也要具備一定的產(chǎn)品能力,把視覺稿當成原型稿來做。
2、同質(zhì)化與調(diào)研
大屏展示可視化一直都是層出不窮,怎樣做到既能滿足業(yè)務(wù)需求又要有獨特感以及設(shè)計感,可以歸結(jié)到項目開始的設(shè)計定位上,風(fēng)格定位得越仔細,調(diào)研得越多,那么對設(shè)計亮點的融入會起到很大幫助!
轉(zhuǎn)載請注明:站酷
分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責聲明:藍藍設(shè)計尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問題,請及時與我們?nèi)〉寐?lián)系,我們立即更正或刪除。
藍藍設(shè)計( www.yvirxh.cn )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)、
UI設(shè)計公司、界面設(shè)計公司、UI設(shè)計服務(wù)公司、數(shù)據(jù)可視化設(shè)計公司、UI交互設(shè)計公司、高端網(wǎng)站設(shè)計公司、UI咨詢、用戶體驗公司、軟件界面設(shè)計公司
藍藍設(shè)計的小編 http://www.yvirxh.cn