关系经济人类预测化学自然
投稿投诉
自然科学
知识物理
化学生物
地理解释
预测理解
本质社会
人类现象
行为研究
经济政治
心理结构
关系指导
人文遗产

分析探讨后台列表设计常见的个问题

4月16日 九阙忬投稿
  本文主要介绍了列字段过多时如何处理、列表操作、列表如何排序三个问题的一些思考。
  笔者结合后台设计的工作经历,总结在后台列表设计工作中会遇到的一些常见问题及设计思考。初次发文,不足之处请多多包涵
  一、列表定义及作用
  列表是一种信息集合的方式,可承载文字、列表、图片、段落,常用于后台数据展示页面。列表设计主要体现在可读性与易管理操作两个方面,用户可快速地管理数据(查看、查询、操作、分析、等操作)。
  二、常见列表结构
  列表结构设计上,可根据列字段内容选取合适列表结构,例如适用于数据平铺展示的基础型列表,强调层级关系、从属关系、递进关系的主从型列表(如子母表),或合并单元格展示的综合型列表等,关于列表结构分析网上有众多分享文章,此处不作过多阐述。
  三、列表设计常见问题
  简单梳理后台列表设计会遇到的一些问题及可参考的设计方法,根据具体业务场景选取最合适的解决方案。
  常见问题1:列字段过多时怎么办?
  我们都知道列表设计要尽量避免横向滚动条的出现,横滚会降低可读性及操作效率,但是日常工作中我们还是会看到产品经理提过来的列字段是屏幕宽度展示不下的,这个时候可以通过以下几种方法来解决:
  (1)删减字段
  删减无用字段,留下重要的字段。删减阶段需要与产品经理一起合作,还原业务场景,为列表展示字段做减法。
  (2)合并字段
  针对复杂列表你会发现,删减后的字段还是很多,这时候你可以考虑是否可以合并字段,将属性差不多的字段合为一列,举个简单栗子,如下图商品图片、商品名称、sku属性列字段可合并为商品信息一个列字段完成展示,使信息关系更紧密,并且可节省列表横向空间。
  合并字段
  (3)主从型结构展示
  列表具有较强的层级关系、从属关系、递进关系,可选用主从型结构列表展示,也可有效避免横向滚动。
  主从型结构展示
  (4)列设置
  针对B端或G端业务,同一个列表会面向多种受众角色,经办岗、审核岗、监管岗等等,每种用户角色对列表的字段需求有相同也有不同之处,众口难调,列设置功能可有效解决这种情况,市面上CRM管理系统基本都支持自定义列设置来满足不同用户的列表需求,在产品设计上也只需要设计一套通用的列表,适用于不同的角色。
  自定义列设置
  (5)固定首列及操作列
  如果真的必须出现横向滚动,建议固定首列及操作列的方法,来满足操作效率。
  常见问题2:列表操作如何设计?
  (1)直接罗列
  列表操作直接显现在列表上,支持用户不需要查看详情页,直接根据列表字段就可以快速作出判断并且高频发生的操作,操作效率高。但是当操作很多的时候,还是需要将更多的操作收纳到一个组内,将高频操作放在组操作之外。
  操作直接罗列
  (2)操作隐藏
  在列表页将所有操作隐藏起来。比较适用于一些操作频率使用较低或操作风险较高的列表。
  操作隐藏
  (3)批量操作
  当列表批量操作场景为主要场景时,可不放置单行操作,将所有操作都放在批量操作模块。不过对于不同状态数据的批量操作逻辑会比较复杂,会存在数据过滤的逻辑。
  常见问题3:列表如何排序?
  此处探讨的排序非数据查询排序,而是用户对数据位置排序的功能需求。
  (1)拖拽排序
  针对数据体量小,可选用鼠标拖拽交互进行排序,所见即所得。但是不适用数据体量大的列表。
  拖拽排序
  (2)上下移动排序
  更适用于局部上下顺序调整,不适用调整较大范围。
  (3)序号排序
  针对数据体量大,选用序号排序,操作效率更高。下图是曾经做过的关于数据量较大的列表排序需求,就选用了手动输入序号的方式,完成列表数据的排序。
  序号排序
  初次发文,不足之处请多多包涵谢谢:)
  参考文章
  《B端产品常用web列表设计模式总结》
  《列表设计的一些思路》
投诉 评论 转载

贵州建制的背景是怎样的贵州建制的经过贵州建制是中国古代历史上的一件大事,指的是中央政府第一次在贵州地区建立了行省一级的行政区划,从此标志着贵州成为中国的正式领土,关于贵州建制始于哪个朝代这个问题后代历史学家给出了……三星最新信息具备主动降噪功能【宅秘新闻】此前,三星官方公布,将于8月5日举办新品发布会。三星在这场发布会上将推出最新款的旗舰手机,当然,这场发布会上还会有三星GalaxyBudsLive亮相。7月29日,……你还爱我吗看着桌子上的这封沾满灰尘的信,小桢没有打开它,而是将它直接扔进了脚边的垃圾筒里。好久都没有回到这个曾经温暖的家了,看着每一样东西,似乎当时美好的一切都涌现在了眼前,真实、……相声贯口八扇屏之粗鲁人台词在想当初,唐朝出了一位粗鲁人。此人复姓尉迟,单字名恭,字敬德,保定山后刘武周,日抢三关,夜夺八寨。自秦王夜探白璧关,敬德月下赶秦王,打三鞭,还两锏,马跳红泥涧。自降唐以来,征南……冈本白金超薄套装多少钱一盒冈本003白金超薄套装贴合男女G点,让性爱更加刺激,高潮不断。那么冈本003白金超薄套装多少钱一盒?冈本003白金超薄套装一盒多少片?【药品名称】通用名称:避孕套……老公在外面有了女人我该怎么办学会做个独立女人老公在外面有了女人我该怎么办抓住男人的心就抓住他的胃这并非只是个民间俗话,也不仅仅体现在表面的会做几道好菜。会做菜的妻子也代表着体贴贤惠,会懂得在丈夫需要安慰的时候……公元年历史大事件公元1203年正月(癸亥宋嘉泰三年金泰和三年夏天庆十年西辽天禧二十六年正月)宋龙州蕃部扰边龙州(今四川江油北)蕃部扰边,掠大崖铺,又陷浊水寨,俘执知寨范浩,屠其家。……朱元璋为何变的这么狠毒朱元璋狠毒之处在哪说到朱元璋,大家都知道,他是明朝的开国皇帝。自然是做了很多非常狠毒的事情,但是自从封建社会结束之后,很少有皇帝可以做到胸怀天下,基本上都是那种心狠手辣的,比如说朱元璋诛杀开国功……发财树在冬天是否会被冻死要看发财树所在的地域发财树,为多年生常绿灌木,性喜温暖、湿润,向阳或稍有疏荫的环境,发财树忌阳光暴晒,否则会枯萎死亡。因其寓意好,所有很多朋友也会买上一盆摆在公司或家里。有花友就问到小编,发财树在……珠宝知识珠宝考研考证篇二十八其硅酸盐和氧化物类宝石矿物占到了宝石种类的绝大多数,其次还有自然元素大类、卤化物大类、硫化物大类等,但是这些大类的宝石矿物的种类相对较少,主要作为观赏石,或者稀有宝石存在,今天就……在网站建设中使用模板有哪些问题目前,随着网络技术的飞速发展,网站的许多新功能和新效果都不强,需要不断的改进。目前大多数企业网站都是基于企业网站模板制作的。许多企业网站模板的设计制作,甚至动辄几万元的定制网站……分析探讨后台列表设计常见的个问题本文主要介绍了列字段过多时如何处理、列表操作、列表如何排序三个问题的一些思考。笔者结合后台设计的工作经历,总结在后台列表设计工作中会遇到的一些常见问题及设计思考。初次发文……
在大学期间很实用的五大学习网站盆栽芦荟叶子发黄怎么办更换盆土控制水肥如何优化产品体验阳台灯具安装注意事项介绍超实用简单设置让手机手机提速和运算技巧逻辑值表达式比判断函数简手机公众号来了会是下一个机会吗女人命里克夫该如何化解冰箱门封条霉点怎样清除手掌看财运线财运线怎么看财运一个人注定越混越好的种底层思维地图鱼不吃食怎么回事新入缸的几天才能吃食
是从造句用是从造句大全阳台砖用浅色还是深色阳台适合用什么颜色的砖天不怕地不怕的张雨绮,有孩子后也有了软肋,当妈真是场修行如何向一个不懂期货的人介绍什么是期货?热传聚热点网 有趣的斗蛋比赛作文棉花种植技术之棉花秋后管理死人吃面条违背诚信月薪万元工作丢了文胸尺码对照表简单介绍(文胸尺码对照表)热博聚热点网 教室的笑声拉闸限电,到底是大国博弈的需要还是迫不得已这就是我的智慧学校四年级作文热传聚热点网

友情链接:中准网聚热点快百科快传网快生活快软网快好知文好找菏泽德阳山西湖州宝鸡上海茂名内江三亚信阳长春北海西安安徽黄石烟台沧州湛江肇庆鹤壁六安韶关成都钦州