老色批在线播放视频网站免费-老色批影院-老色鬼福利 A级黄色片视在线播放_日韩欧美永久中文字幕视频_2

B端表格設(shè)計(jì)的基本交互形式

2021-11-29    ui設(shè)計(jì)分享達(dá)人


藍(lán)藍(lán)推薦:這是一篇很實(shí)用的表格基本交互形式文章!
譯文:
如果沒(méi)有將數(shù)據(jù)可視化和具備編輯數(shù)據(jù)的功能,數(shù)據(jù)就毫無(wú)用處。未來(lái)行業(yè)的成功依賴(lài)于將數(shù)據(jù)收集與更好的用戶(hù)體驗(yàn)結(jié)合起來(lái),而數(shù)據(jù)表格的設(shè)計(jì)體驗(yàn)則非常重要。

固定表頭

-

固定表頭讓用戶(hù)隨時(shí)都知道自己所在列的名稱(chēng)。


水平滾動(dòng)

-
當(dāng)展示大型數(shù)據(jù)列表時(shí),水平滾動(dòng)是不可避免的??梢?nbsp;將具有標(biāo)識(shí)性信息的數(shù)據(jù)展示在第一列中,并固定第一列方便用戶(hù)對(duì)其他數(shù)據(jù)進(jìn)行對(duì)比。


調(diào)整每一列的寬度

-

調(diào)整列寬可以讓用戶(hù)看到所有的內(nèi)容。


設(shè)計(jì)表格樣式

-

表格的樣式有:白色和其他顏色相間的斑馬線設(shè)計(jì),單純用線分割,自由形式等。

正確的設(shè)計(jì)行樣式可以幫助用戶(hù)瀏覽表格數(shù)據(jù),對(duì)只包含少量數(shù)據(jù)的表格來(lái)說(shuō),減少視覺(jué)干擾非常重要,這時(shí)候就可以采用去掉分割線、斑馬行的自由展示模式。但對(duì)于有大量數(shù)據(jù)的表格來(lái)說(shuō),自由模式容易讓用戶(hù)迷失,這時(shí)候用線分割,讓用戶(hù)能區(qū)分開(kāi)每一行就顯得尤為重要。而斑馬線的設(shè)計(jì)樣式適合包含多列數(shù)據(jù)的表格,需要水平移動(dòng)的大量數(shù)據(jù)表格。 


表格密度展示

-

為列表設(shè)計(jì)不同的密度,用戶(hù)可以根據(jù)需要自行切換,比較緊密的行距讓用戶(hù)無(wú)需滾動(dòng)就可以瀏覽更多的數(shù)據(jù)。



數(shù)據(jù)可視化

-

讓數(shù)據(jù)可視化,提供表格內(nèi)容的概括性預(yù)覽,讓用戶(hù)無(wú)需細(xì)讀每一條數(shù)據(jù)就能得到想要的信息。



分頁(yè)展示

-

分頁(yè)設(shè)計(jì)方便用戶(hù)跳轉(zhuǎn)到相應(yīng)頁(yè)面,但是也常常被無(wú)限滾動(dòng)加載的方式取代,無(wú)限滾動(dòng)加載指的是隨著鼠標(biāo)不停地往下滾動(dòng),頁(yè)面內(nèi)容也會(huì)隨之加載,這種方式適用于發(fā)現(xiàn)類(lèi)的網(wǎng)站,但是對(duì)于考慮優(yōu)先級(jí)的產(chǎn)品來(lái)說(shuō)就不太合適了。


懸停展示

-

當(dāng)用戶(hù)懸停時(shí)顯示更多功能可以減少視覺(jué)混亂。需要注意的是,它可能會(huì)導(dǎo)致可發(fā)現(xiàn)性問(wèn)題,因?yàn)橛脩?hù)需要與表交互才能看到更多的功能。


直接編輯

-

直接編輯可以讓用戶(hù)在當(dāng)前表格內(nèi)修改數(shù)據(jù)和內(nèi)容,而不用額外再跳轉(zhuǎn)其他頁(yè)面進(jìn)行操作。


可擴(kuò)展功能

-

可以擴(kuò)展的表格設(shè)計(jì)允許用戶(hù)在不丟失上下文的情況下瀏覽更多詳細(xì)信息。


快速視圖

-

與可擴(kuò)展功能非常相似,快速視圖使用戶(hù)能夠在保持上下文的同時(shí)查看附加信息。


彈窗

-

彈窗設(shè)計(jì)同樣可以讓用戶(hù)停留在表格視圖中,讓用戶(hù)更專(zhuān)注在附加信息和操作上。


多層彈窗

-

多層彈窗功能對(duì)于活躍用戶(hù)來(lái)說(shuō)非常強(qiáng)大,可以同時(shí)完成多種操作,或用來(lái)比較不同項(xiàng)目的詳細(xì)信息。


點(diǎn)擊詳情展示

-

單擊鏈接會(huì)將表格轉(zhuǎn)換為左側(cè)為列表項(xiàng)和右側(cè)為其他詳細(xì)信息的視圖。它使用戶(hù)能夠解析大型數(shù)據(jù),以及查看單獨(dú)的項(xiàng)目詳情而不會(huì)丟失它們的位置。


可排序的列

-

排序允許用戶(hù)按照字母順序或數(shù)字順序?qū)α羞M(jìn)行重新排列。


基本篩選

-

提供基本的篩選功能來(lái)搜索表格里的相關(guān)數(shù)據(jù)。


列篩選

-

這種設(shè)計(jì)模式允許用戶(hù)將過(guò)濾參數(shù)分配給特定的列。


可搜索的列

-

這種設(shè)計(jì)模式允許用戶(hù)在每列中搜索特定值。


添加列

-

這種設(shè)計(jì)模式允許用戶(hù)根據(jù)需求在數(shù)據(jù)表格中添加列。


可編輯的列

-

可自定義的列功能使用戶(hù)能夠選擇他們想要查看的列并進(jìn)行相應(yīng)的排序。 這個(gè)功能還包括保存預(yù)設(shè)后再修改的能力。


...


為什么表格設(shè)計(jì)很重要

數(shù)據(jù)正在成為全球經(jīng)濟(jì)的原材料。對(duì)數(shù)據(jù)的追求推動(dòng)了行業(yè)的重塑。能源、媒體、制造、物流、醫(yī)療保健、零售、金融,甚至政府都在經(jīng)歷數(shù)字化轉(zhuǎn)型。


然而,如果沒(méi)有可視化數(shù)據(jù)并對(duì)其采取行動(dòng)的能力,數(shù)據(jù)就毫無(wú)意義。未來(lái)十年幸存下來(lái)的公司不僅將擁有卓越的數(shù)據(jù);他們也將擁有卓越的用戶(hù)體驗(yàn)。


良好的用戶(hù)界面設(shè)計(jì)基于用戶(hù)的目標(biāo)和行為。用戶(hù)界面反過(guò)來(lái)也會(huì)影響行為,從而推動(dòng)進(jìn)一步的設(shè)計(jì)決策。用戶(hù)體驗(yàn)以微妙和無(wú)意識(shí)的方式改變了人類(lèi)的決策方式。所看到的、呈現(xiàn)的位置以及交互的方式,都會(huì)影響行動(dòng)。重要的是我們要做出能夠帶來(lái)更美好世界的設(shè)計(jì)決策,一個(gè)符合這個(gè)時(shí)代的數(shù)據(jù)表格設(shè)計(jì)。


藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群,每天會(huì)分享國(guó)內(nèi)外的一些優(yōu)秀設(shè)計(jì),如果有興趣的話,可以進(jìn)入一起成長(zhǎng)學(xué)習(xí),請(qǐng)掃碼ben_lanlan,報(bào)下信息,會(huì)請(qǐng)您入群。歡迎您加入噢~~希望得到建議咨詢(xún)、商務(wù)合作,也請(qǐng)與我們聯(lián)系。

文章來(lái)源:國(guó)外  彩虹BOOK翻譯
分享此文一切功德,皆悉回向給文章原作者及眾讀者.

免責(zé)聲明:藍(lán)藍(lán)設(shè)計(jì)尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問(wèn)題,請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系,我們立即更正或刪除。

藍(lán)藍(lán)設(shè)計(jì)www.longkoushi.net )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶(hù)體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)





日歷

鏈接

個(gè)人資料

存檔