92国产精品视频_亚洲a级在线观看_国产精品电影观看_国产精品免费观看在线_精品伊人久久97_亚洲人成在线观_尤物九九久久国产精品的特点_成人激情在线播放_成人黄色大片在线免费观看_亚洲成人精品久久久_久久免费视频在线观看_久久精品国产一区_国产一区二区三区18_亚洲欧美中文字幕在线一区_日韩美女中文字幕_日韩视频免费在线

可視化大屏中的交互設計

2022-5-9    博博

在完成一張可視化大屏的過程中,除了炫酷的科技感,我們是否忽略了大屏中的“交互設計”呢,整理了一篇心得與大家一起分享學習。

      在數據可視化的分析過程中,用戶是所有行為的主體,通過獲取的可視信息形成認知,在交互分析過程中獲取解決問題的方法。

     在這個過程中,感知和認知能力直接影響著信息的獲取和處理進程,進而影響用戶對外在世界環境做出的反應,這也是設計數據可視化產品服務藍圖的基礎邏輯。

     從數據到知識有兩個途徑:交互的可視化方法和自動的數據挖掘方法。

     我們可以看到,下圖展示的便是一個典型的可視分析流程圖和每個步驟中的過渡形式。這個流水線的起點是輸入的數據,終點是提煉的知識。

     可視化的首要任務是準確地展示和傳達數據所包含的信息。根據預期和需求,提供有效輔助手段以方便用戶理解數據,從而完成有效的可視化。

     但是當出現數據尺寸大、結構復雜的情況時,有限的空間大大限制了靜態可視化的效果,有限的可視化空間和數據過載之間的處理是非常復雜的。有時我們會通過物理環境的變化來改變服務模型,但是更多時候我們需要通過交互設計來完成對復雜信息的處理,提升用戶對數據解讀的便捷性。

     那么當我們在設計一張數據大屏時,我們該如何通過交互提升用戶獲取有效數據的效能呢,下面我們一起來探討如何完善大屏設計中的交互設計:


一、信息架構

1、清晰易理解、可拓展的信息架構

2、清晰易理解的導航關系

3、清晰易理解的層級關系


案例分析:

在我們收到原型圖時,首先我們需要梳理清楚大屏的信息架構,比如整個大屏的模塊比例是按照1:1:1還是1:3:1的結構。又或者是如何設計重要功能的入口,比如整屏的導航tab選項,在布局設計上用戶是否可以明晰它是是否是全屏篩選,在交互邏輯上用戶是否可以通過最短的路徑快速篩選抵達內容。那么當用戶進行了導航的切換后又返回到上一頁面,整個行為是可以形成路徑閉環的。


二、流程設計

1、可下鉆的模塊需給用戶以引導

2、相同功能的用戶體驗路徑需保持一致

3、逆向流程的功能設計能形成閉環


案例分析:

我們經常會在大屏中間設計地圖的樣式來展示某個省的數據情況,比如,如圖所示,當業務側需要從湖北省跳轉至武漢市,查看武漢市的詳細數據,那么我們可以在省級地圖輪播的數據氣泡上給予用戶以提示,用戶可以清楚獲取到跳轉市級大屏的路徑方法。


三、界面展示

1、一致可控的圖表組件

可視化大屏中最核心的數據展示形式就是圖表模塊,我們需要正確地展示圖表組件外觀與組件關系,把控好相似功能的橫向一致性,我們可以細分為以下幾點。

(1)選擇正確清晰的圖表組件

(2)正確表達組件元素之間的關系

(3)一致性的組件樣式和交互行為

(4)不要忽視組件的不可用狀態(按鈕)

(5)刪減影響用戶視線和注意力的冗余元素


案例分析:

當一個模塊內需要展示數據的多個維度,我們如何將該模塊設計得更加清晰呢。如下圖,根據人從左往右的閱讀習慣,在左邊展示數據1和數據2的總指標數,在右邊展示數據1和數據2的詳細走勢,右上角我們還可以添加tab選項,用戶可以進行tab切換查看更多維度的數據內容。

所以,我們可以將用戶使用習慣和交互行為很好地結合起來,不僅免去了圖表多亂雜的場景,用戶也可以更快地查看到想要獲取的數據信息。


2、清晰的數據展示

配合圖表展示的就是我們的“數據數字”內容了,在我們將設計稿傳遞給前端同事后,填充真實數據后的視覺效果可能看起來沒有效果圖規整,一方面在進行繪制效果圖之前,可以與產品業務側共同探討數據內容,盡量給視覺設計師提供真實的數據,另一方面,在我們作圖搬磚的時候,也要注意一下幾點:

(1)不要遺漏了“無數據”的缺省空界面,當無法獲取到數據時,我們需要給前端提供這樣的缺省圖;

(2)清晰的數據排序規則,比如環形圖中,總起始點到終點,數據對應的數值量應該是遞減的排序規則;

(3)考慮數據的極值情況,比如在搜索列表中學校名稱文字的極限字數是多少,超出多少字用省略號顯示,這些我們都需要考慮到;

(4)是否需要標明數據的更新時間節點,有的大屏強調數據實時性,我們經常會在右上角增加數據截止更新時間來來引導用戶;

(5)特定的數值按照特定的格式和單位顯示,比如羊字符能讓用戶第一時間識別到是人民幣,而如果金額數字過長后面再加元會降低識別效率。


案例分析:


3、選擇與輸入的信息反饋

(1)展示合適的首選項或默認值

(2)輸入前有效的文本提示

(3)輸入完成后需及時反饋


案例分析:


4、用動效進行有效的交互引導

     利用動效進行交互引導,即使大屏操作鏈路過長,也可以讓用戶快速上手操作,減少流程學習時間。進入下一場景后,又會有對應的區域提示用戶返回全局或查看其他場景;當做到層層有響應,就能減少用戶在每一步操作上的困惑時間,幫助用戶快速上手操作流程,并且大大提升工作效率。

     但是我們需要注意的是,不要為了酷炫而做太多無用的動效,不僅會讓頁面加載速度慢,也會讓用戶覺得雜亂無重點。


     總結:

     交互可提高可視化系統的效率,幫助用戶處理更多的數據,完成更復雜的任務。然而,實現交互本身也有額外成本?;拥南到y可以使用戶能探索更大的信息空間,但隨之而來的成本是用戶需要花費更多的時間與精力去瀏覽和探索數據。

     因此,可視化系統應當采用數據挖掘算法自動發現用戶可能會關心的數據或者模式;并通過可視化呈現給用戶,用戶在這個基礎上通過互動進行更深入的挖掘。設計師的設計決定了系統的可理解性,一旦掌握了這個邏輯,再復雜的頁面也會變得有條不紊。

     我們仍需在數據可視化的道路上不斷探索挖掘數據價值,給決策者提供有效的數據分析支撐,讓設計驅動數據價值最大化。



文章來源:站酷   作者:Racinere


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

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

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

日歷

鏈接

個人資料

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

存檔

92国产精品视频_亚洲a级在线观看_国产精品电影观看_国产精品免费观看在线_精品伊人久久97_亚洲人成在线观_尤物九九久久国产精品的特点_成人激情在线播放_成人黄色大片在线免费观看_亚洲成人精品久久久_久久免费视频在线观看_久久精品国产一区_国产一区二区三区18_亚洲欧美中文字幕在线一区_日韩美女中文字幕_日韩视频免费在线
45www国产精品网站| 七七成人影院| 中文字幕欧美亚洲| 青青草原国产在线| 国产v综合ⅴ日韩v欧美大片| 久久伊人精品视频| 成人盗摄视频| 91影院未满十八岁禁止入内| 一区二区三区 在线观看视频| 日韩欧美亚洲一二三区| 欧美大片va欧美在线播放| 亚洲一区视频在线| 一区二区三区在线高清| 一区二区视频| 国产91在线视频| 亚洲黄色三级| 免费看日产一区二区三区| 久久精品视频在线播放| 91高跟黑色丝袜呻吟在线观看| 久久综合狠狠综合| 日韩美女视频在线观看| 另类美女黄大片| 久草综合在线| 国产精品一卡二| 中文字幕亚洲一区二区三区五十路| 96av麻豆蜜桃一区二区| 欧美高清视频看片在线观看| 中文字幕资源网在线观看免费| 极品美鲍一区| 国产亚洲情侣一区二区无| 国产精品中文在线| 欧美一区二区性放荡片| 午夜成人免费电影| 国内外激情在线| 亚洲国产欧美在线成人app| 伊人久久精品一区二区三区| 欧美国产日韩一区二区在线观看| 91豆花视频在线播放| 亚洲综合丁香婷婷六月香| 免费99精品国产自在在线| 精品国产乱码久久久久久108| 艳妇臀荡乳欲伦亚洲一区| 国产精品麻豆成人av电影艾秋| 国产精品一在线观看| 日日噜噜噜噜夜夜爽亚洲精品| 最新日韩欧美| 精品国产一区二区三区不卡| 亚洲欧洲日韩国产| 欧美日韩激情视频8区| 国产精品丝袜白浆摸在线| 亚洲四区在线观看| 色呦呦在线播放| 伊人激情综合| 久久久国产亚洲精品| 日本高清久久| 亚欧日韩另类中文欧美| 亚洲先锋影音| 国产一区二区精品免费| 国产精品九九九| 色综合av在线| 久久91精品国产91久久久| 国内一区二区视频| 日韩高清专区| 中文字幕一区二区三区av| 成人h视频在线观看播放| 国产精品免费在线| 日韩色视频在线观看| 国产色综合久久| 天堂久久av| 色综合导航网站| 久久久影院免费| 极品少妇xxxx精品少妇偷拍| 国产一区二区三区视频在线观看| 国产精品女主播在线观看| 久久久久久国产精品免费免费| 欧美日韩亚洲综合一区二区三区| 蜜桃av一区二区| 成年人在线观看网站| 奇米777国产一区国产二区| 久久99九九99精品| 正在播放亚洲1区| 欧美日韩一区二区三区在线| 在线观看精品一区| 中文字幕亚洲一区二区三区五十路| 深夜av在线| 麻豆精品国产91久久久久久| 精品国产1区2区3区| 中文字幕一区二区精品| 久草中文在线观看| 欧美国产视频在线| 欧美成aaa人片在线观看蜜臀| 欧美一区二区三区精品电影| 日本高清成人免费播放| 久久精品ww人人做人人爽| 一精品久久久| 蜜臀久久99精品久久久久久宅男| 91精品亚洲| 亚洲成a人v欧美综合天堂| 亚洲18女电影在线观看| 欧美96在线丨欧| 91地址最新发布| 国产aaa精品| 亚洲精品美女| 8x8ⅹ拨牐拨牐拨牐在线观看| 久久午夜精品一区二区| 91精品店在线| 亚洲高清av在线| 亚洲男人天堂九九视频| 国产精品美女久久久久久2018| 色欧美日韩亚洲| 亚洲国内精品视频| 国产一区二区三区欧美| 91精品动漫在线观看| 欧美日韩日日夜夜| 欧美一级午夜免费电影| aaa级精品久久久国产片| 欧美一级本道电影免费专区| 久久精品国产免费| 久久夜色精品国产噜噜av| 精品美女永久免费视频| 久久97超碰国产精品超碰| 一本色道久久88综合亚洲精品ⅰ| 亚洲狠狠婷婷| 久久99精品久久久久婷婷| 欧美一级黄色片| 国产午夜精品视频| 污污网站在线观看| 国产精品久久综合av爱欲tv| 91精品国产综合久久香蕉的用户体验| 久久天天躁狠狠躁夜夜躁| a级影片在线观看| 久久国产麻豆精品| 自拍视频在线网| 欧美美女被草| 国产欧美日韩在线一区二区| 日本欧美在线看| 亚洲老司机av| 色偷偷9999www| 97精品免费视频| 亚洲精品免费在线视频| 久久精品国产欧美亚洲人人爽| 国产伊人久久| 日韩经典中文字幕| 国产黄大片在线观看画质优化| 亚洲欧美日韩国产| 国产欧美亚洲精品a| 五月天国产在线| 嗯用力啊快一点好舒服小柔久久| 欧美久久综合网| 欧美影片第一页| 91蜜桃婷婷狠狠久久综合9色| 欧美国产亚洲视频| 日韩精品电影在线观看| 久久91麻豆精品一区| 成人免费网站在线| 国内免费久久久久久久久久久| 国产一区美女在线| 91蜜臀精品国产自偷在线| 精品国产一区二区在线观看| 少妇精品久久久| 老司机久久99久久精品播放免费| bt欧美亚洲午夜电影天堂| 色综合色狠狠天天综合色| 欧美猛男性生活免费|