如果讓你去設(shè)計(jì)一個(gè)列表頁的功能你覺得一個(gè)通用的列表頁應(yīng)該有哪些功能?從
時(shí)間:2024-02-13 21:55:01 | 來源:網(wǎng)站運(yùn)營
時(shí)間:2024-02-13 21:55:01 來源:網(wǎng)站運(yùn)營
如果讓你去設(shè)計(jì)一個(gè)列表頁的功能你覺得一個(gè)通用的列表頁應(yīng)該有哪些功能?從哪些角度考慮問題保證功能不遺漏?:列表頁設(shè)計(jì)通常包括:搜索項(xiàng)、列表、功能操作。
(一)搜索項(xiàng)幾個(gè)小實(shí)踐
一、文本輸入框:模糊搜索or精準(zhǔn)搜索。
1、精準(zhǔn)搜索的時(shí)候,讓輸入
多個(gè)值搜索,常見于批量查找某些名單的操作、導(dǎo)出
2、
代替下拉單選的作用,也用文本搜索框代替,不用讀取這個(gè)搜索項(xiàng)的選項(xiàng)值,省事兒的開發(fā)
二、模糊搜索+下拉單選(或復(fù)選):比單純的下拉單選(或復(fù)選)好用,比如選項(xiàng)值特別多的情況,就適合這個(gè)解決方案
三、日期選擇:下面這種方式,某個(gè)時(shí)間段的選擇,用戶不容易理解如何使用,不知道怎么修改時(shí)間。
不如分開下面這樣分開2個(gè)搜索項(xiàng),各自選各自的日期,容易理解和操作。
(二)列表字段展示小實(shí)踐
列表字段有時(shí)會很多,導(dǎo)致列表很長。不同的角色常操作和查看的字段又不相同,如何解決?
實(shí)踐中有多種辦法解決辦法。
1、不同人根據(jù)自己需求自定義顯示字段。
2、凍結(jié)字段列,把大家都查看的字段放在左側(cè)凍結(jié)起來,右側(cè)表格可以用橫向滾動條滑動。再凍結(jié)最右側(cè)常見的單個(gè)操作項(xiàng),這樣也很方便。
3、開發(fā)不同的頁面給不同角色
以上的辦法,要結(jié)合實(shí)際情況,與使用者溝通確認(rèn),看是否有必要而定。
(三)功能操作小實(shí)踐
搜索結(jié)果出來以后,選中要操作的數(shù)據(jù)進(jìn)行功能操作,比如刪除、導(dǎo)出、修改等。
1、
免選、全選搜索結(jié)果、選當(dāng)前頁、選中某幾個(gè)。其中全選搜索結(jié)果用的最多,選中當(dāng)前頁的操作幾乎用不到,選中某幾個(gè)用的也不少。其實(shí)除了以上選中的辦法,還有一個(gè)免選的辦法,即出來搜索結(jié)果以后,直接對搜索結(jié)果進(jìn)行操作,比如導(dǎo)出搜索結(jié)果、刪除搜索結(jié)果等操作。
2、批量操作。如果某個(gè)操作通用性很強(qiáng),比如對商品或職位進(jìn)行上下架操作,這種比較適合做成批量操作,如果項(xiàng)目工期緊張,開發(fā)資源少,就可以先做個(gè)批量操作,后面有時(shí)間再做單條的操作。
以上的實(shí)踐,同樣要根據(jù)用戶需求溝通是否有必要。
關(guān)鍵詞:功能,通用,設(shè)計(jì)