提交需求
賽事與廣告咨詢合作,請(qǐng)?zhí)顚懶枨蟊韱?,我們?huì)在第一時(shí)間與您聯(lián)系!
固定表頭
當(dāng)用戶滾動(dòng)表單時(shí),固定表頭,這樣做的好處是始終讓用戶明白所查看的列代表了什么
水平滾動(dòng)
當(dāng)展現(xiàn)數(shù)據(jù)量比較大時(shí),水平滾動(dòng)在所難免,將標(biāo)識(shí)符擺放在第一列是一個(gè)好辦法。如果想要拓展高級(jí)功能,可以考慮讓用戶把特定的列給鎖定,這樣用戶可以很方便地對(duì)幾列數(shù)據(jù)進(jìn)行對(duì)比
大小可調(diào)的列
大小可調(diào)節(jié)的頁面可以讓用戶看見完整的縮略信息
列的風(fēng)格
斑馬條/行分割線/自由格式列表
確定列的風(fēng)格有助于讓用戶瀏覽數(shù)據(jù)。對(duì)于小型數(shù)據(jù)表而言,使用深淺色間隔的斑馬條替代行分割線可以有效降低視覺噪聲。
在瀏覽大型數(shù)據(jù)表時(shí),用戶可能會(huì)迷失自己所處的位置,行分割線可以幫助用戶定位。
當(dāng)用戶瀏覽長橫向數(shù)據(jù)串時(shí),斑馬條可以讓用戶明確所處位置,有時(shí)候它們也可能會(huì)帶來一些可用性的問題,例如當(dāng)數(shù)據(jù)行比較少的時(shí)候,用戶可能會(huì)直接把整行數(shù)據(jù)理解為了高亮的那一行
顯示密度
行高較小時(shí),用戶不需要滾動(dòng)數(shù)據(jù)表就可以看到更多的信息。然而這樣做會(huì)影響最佳閱讀行高,加大視覺理解的錯(cuò)誤率。這就是為什么許多成功的數(shù)據(jù)表設(shè)計(jì)都融入了顯示密度的調(diào)整控件。
可視化圖表統(tǒng)計(jì)
可視化數(shù)據(jù)統(tǒng)計(jì)表展現(xiàn)了相應(yīng)數(shù)據(jù)的概要信息,方便用戶在報(bào)告分析之前對(duì)模塊和事件進(jìn)行宏觀定位。
分頁
分頁的作用是將若干行數(shù)據(jù)顯示在一個(gè)視圖中,可以在不同的頁面之間進(jìn)行導(dǎo)航與切換。上圖所示的圖表可以自定義每個(gè)視圖中所顯示行的數(shù)量。這一設(shè)計(jì)模式經(jīng)常會(huì)被無限滾動(dòng)所替代。無限滾動(dòng)的原理是當(dāng)用戶向下滾動(dòng)時(shí),漸進(jìn)式地加載更多信息,這種方式通常對(duì)于內(nèi)容探索類的網(wǎng)站非常適用,但是非常不利于app的優(yōu)化。
鼠標(biāo)懸停效果
當(dāng)用戶鼠標(biāo)懸停在某處時(shí),呈現(xiàn)額外的操作選項(xiàng),這種設(shè)計(jì)方式可以降低視覺擁塞。但它也可能帶來一些問題,例如用戶很難發(fā)現(xiàn)隱藏的功能,這是因?yàn)橛脩粜枰蛨D表進(jìn)行交互才能發(fā)現(xiàn)更多的操作方式。
內(nèi)聯(lián)編輯
內(nèi)聯(lián)編輯可以讓用戶不用導(dǎo)航到隔離的細(xì)節(jié)圖表狀態(tài)中去,就可以直接對(duì)數(shù)據(jù)進(jìn)行更改。
可展開行可向下擴(kuò)展的行能夠讓用戶掌握行數(shù)據(jù)的額外附加信息的同時(shí),又能夠了解該行數(shù)據(jù)的上下文信息。
快速預(yù)覽
這種模式和可展開行有點(diǎn)類似,快速預(yù)覽模式可以讓用戶在不離開原數(shù)據(jù)表的情況下查看詳情
模態(tài)窗口
模態(tài)窗口也可以讓用戶不離開原有數(shù)據(jù)表單,它的特點(diǎn)是對(duì)顯示出來的額外信息和操作進(jìn)行強(qiáng)調(diào)。
多重模態(tài)窗口
當(dāng)用戶需要在不同操作之間進(jìn)行切換,或者需要對(duì)不同行的屬性進(jìn)行比較時(shí),多重模態(tài)窗口是一個(gè)非常不錯(cuò)的選擇。
列表模式到詳情模式的切換
點(diǎn)擊一個(gè)行數(shù)據(jù)鏈接,這時(shí)表單會(huì)轉(zhuǎn)變成左邊是數(shù)據(jù)列表,右邊是詳細(xì)信息的模式。這種設(shè)計(jì)方法可以讓用戶在不丟失位置信息的情況下分析大數(shù)據(jù)串,同時(shí)參考分析別的條目。
可分類列
用戶可以采用按首字母A-Z的方式或阿拉伯?dāng)?shù)字排列的方式對(duì)列數(shù)據(jù)進(jìn)行分類
最基本的篩選
基礎(chǔ)篩選的作用是讓用戶對(duì)列表中的數(shù)據(jù)進(jìn)行操作
篩選列
這種設(shè)計(jì)模式旨在幫助用戶對(duì)特定列的參數(shù)進(jìn)行篩選過濾
可搜索列
可搜索列讓用戶在每列中搜索特定值
增加列
這一模式使用戶可以向數(shù)據(jù)集中添加列,這是一種讓表單數(shù)據(jù)保持精簡信息的方法,也給用戶開放了根據(jù)功能需求添加列的權(quán)限。
自定義列自定義列的功能讓用戶可以自由組合想要呈現(xiàn)的屬性,可能還包含保存用戶自定義列以備日后使用的功能。
密碼登錄
大牛,別默默的看了,快登錄幫我點(diǎn)評(píng)一下吧!:)
登錄 立即注冊(cè)