童话说说技术创业美文职业
投稿投诉
职业母婴
职场个人
历史治疗
笔记技能
美文纠纷
幽默家庭
范文作文
乐趣解密
创业案例
社会工作
新闻家居
心理安全
技术八卦
仲裁思考
生活时事
运势奇闻
说说企业
魅力社交
安好健康
传统笑话
童话初中
男女饮食
周易阅读
爱好两性

后台产品入门:列表页与添加页的设计法则

1月25日 不回头投稿
  设计后台产品有句口诀:“展示列表优,编辑弹窗佳,筛选下拉好,组合查询棒”说的就是后台产品设计的小技巧。
  后台产品设计是一个产品经理的核心能力,也是比较基本的能力,今天我用一篇文章给大家介绍一下后台产品列表页与添加页的设计规则,将我这段时间在后台产品设计中的方法和问题分享给你,期待与你在评论区多多交流,一起碰撞出更多的火花。
  做后台能够锻炼一个人的逻辑思维,也能更好的帮助你了解公司的业务,做到快速上手。在设计后台需求之前,你可能会收到来自老板,团队,业务部门等小伙伴的需求,面对这些需求,我们在后台设计的处理方式和前端设计基本是一样的,同样是遵循一个需求从01的设计法则:
  关于后台产品的页面分类大致有这么几个,列表页,添加页,详情页,接下来我就重点给大家介绍一下列表页和添加页的设计法则:
  一、列表页
  每个后台都有列表,列表页在后台设计中十分常见,在设计列表页的时候,主要有以下几个原则:
  我们举个简单的例子,下图一张简单的列表页
  要设计这样的列表页,首先搞清楚我们这个列表叫什么,这样的列表需要在后台哪一个分类下面展示。
  比如我们这个列表叫“流失用户列表”,那么你先要搞清楚什么样的用户被称之为流失用户,如果流失用户在不同的时间段的定义不同,那你还要明确流失用户这个定义是写死的还是后台配置的。在做CRM系统时,由于我们的流失用户在不同的时间段定义不同,于是后台就有了专门的流失用户配置以及配置记录列表。
  假设你已经很清楚流失用户列表是什么了,也很清楚这部分用户是电销部门需要的用户列表,你把它放在了后台销售中心用户列表的分类下,那么该看看这个列表的主干部分表头了。
  如果表头由业务部门提供给你,那么你需要一个个和他们对,每一个字段是什么意思,每个字段的数据是如何展示的,这个环节中,你需要确保每一个表头字段的定义清楚,且无歧义,并且要定义清楚这些字段展示在页面上的展示形式。
  搞清楚了这个列表的表头,然后你需要一一去看每一个字段,这些字段需不需要筛选,需不需要排序,默认排序是什么,你可以不去创造更多的排序,但需要让开发知道默认排序和列表的初始状态,比如,进入列表是空,选择时间后才展示数据还是进来就按照默认排序展示数据。
  关于列表的显示问题,你要估计一下这个列表的数据量,可能会有多少条,再去想每页展示多少条;如果列表涉及到导出数据,你需要确定导出数据的时间范围是左开右闭还是左闭右边,并做到业务部门和开发对时间范围导出的认知一致;如果列表涉及到导入数据,那么你要给开发一个导入数据的excel表头模板,告诉他们哪些数据是导入的,哪些数据是根据导入数据生成的。
  此外,页面的跳转逻辑也是不能忘记的,后台产品最重要的在于这些交互逻辑,列表页如果不是纯展示,有操作,你就要明确的告诉开发那些操作跳转到哪里去,跳转了需不需要再返回。
  二、添加页
  列表页是这样,我们再来看一下添加页,添加页对一个后台来说也是十分常见的。
  比如下面这个页面:
  这个页面可以理解为任务体系的一个添加任务的界面,用户在某个环节触发了这个任务,系统就会给用户发放一个福利。
  同样的,添加页也遵循几个点:
  关于页面标题,你要先确定这个页面标题是什么,你可能是从一个列表页点入这个添加页,也有可能是一个单独的添加页面。
  关于添加内容,你需要注释清楚页面是添加什么的,比如我这个页面就是“添加任务”的;添加的内容最好做一下分类,比如上面的“新增任务”页面就分为“任务基本信息”、“任务条件”、“任务福利三大块”;有时候我还会在最顶部加一个“任务说明”,主要是给内部人员看的,对内解释这个页面的功能以及注意事项,对内对外的内容需要可以区分出来。
  你还要定义清楚添加页内容的字段,和列表页一样的是,添加页也有很多字段,只是这些都需要一个个填写,有了填写,就要有一些解释说明,比如上图中“选择福利”,就在选择福利的框内给了操作的解释说明;此外,每一个字段是否必填,也要明确清楚,如果不填写需要给出错误提示。
  信息填写所需要的添加保存、重置、确定、取消、返回等按钮,需要进行二次确认,避免信息误填写造成前台展示的问题;有时候可以将全局的保存、重置、确定、取消、返回等按钮在公共模块页面中专门列出来,如下图:
  至于详情页,其实它和添加页差不太多,详情页面主要起到展示的作用,和列表页添加页有一些关联关系。
  以上就是我这篇文章的主要内容。
  在文章的最后我提一点,做后台产品,对于toC公司来说,你面对的用户往往是公司的同事,很多需求都是他们基于自己的工作提出来的优化建议,而你实际上并不是十分了解各部门同事的业务,这个时候建议小伙伴们可以去其他部门轮岗。
  对于产品经理来说,有几个岗位我觉得还是要轮岗下的,比如客服,比如销售。轮岗的方式可以让你换位思考,站在需求方的角度上去思考问题,而不是机械的他们说需要什么我们做什么。
  做后台产品,逻辑思维固然重要,但要想去优化好一个业务同事的工作流程,你需要亲自把这个业务流程在心里过好几遍,或者你去操作好几遍,再去想如何优化你的产品设计。
  这是我在工作中对后台设计的部分小总结,文章中或许还有些疏忽之处,希望读此文的小伙伴们在评论区不吝指教,谢谢。
投诉 评论 转载

从0到1产品设计的实践与思考文章为作者对一款产品从0到1设计过程的思考总结,希望能够给你带来帮助。在上篇文章中《B端产品需求分析的实践与思考》,笔者分析了B端产品在需求分析的实践过程中所用到的方法和……实例讲解:用户预期那些事儿提高用户体验,从判断用户预期做起。预期简析一、什么是预期?预期是对未来情况的估计。二、什么时候,在哪儿,谁会用到预期?产品设计时,对原型页面的设计……链路数据在发起订单功能迭代中的应用不论在业务产品决策中,还是在用户体验设计决策中,数据都是非常有说服力的可靠论据。数据分析的实质是通过多维度的数据对比,用于发现问题、论证思路、验证效果。数据要对比才有发现……设计分享:辅助图形的重要性今天笔者会把一些工作中关于辅助图形的经验分享给大家。很多设计师做品牌设计,会把较多精力放在LOGO设计上,却很少有人去认真设计一款辅助图形。其实一个好的辅助图形能给品牌加……设计实战:从0到1:论网易严选营销线的交互设计本文将从交互设计的角度来谈谈网易严选营销线从0到1的设计过程。无论何种模式的电商产品,其本质都是商品售卖。营销活动是其中不可或缺的卖货方式,不仅影响GMV,也是非常重要的……2018年伊始UX设计师需要思考的9个问题2018开始之前,先思考下这9个关于UX的问题。每年,我们在uxdesign。cc都会回顾设计师在用户体验方面一直在写什么,分享和想什么。2017年对于UX设计原则……产品运营中必知的三个用户心理及行业应用案例了解经济学常见理论以及谙熟消费心理学,是产品运营进阶路上的必做功课。上一篇老付拿自己1516年运营的一款产品做案例讲解了(用户运营:从零到二十万用户产品的AARRR模型)……私密社交产品还有发展前景吗?私密社交是基于现有社交网络基础上的对用户交流更深层次的满足。最近这两年大家对私密社交产品的尝试变少了,之前很多公司对此都有过尝试。早先无觅也是一款明星产品,新浪还推出过自……后台产品入门:列表页与添加页的设计法则设计后台产品有句口诀:“展示列表优,编辑弹窗佳,筛选下拉好,组合查询棒”说的就是后台产品设计的小技巧。后台产品设计是一个产品经理的核心能力,也是比较基本的能力,今天我用一……产品理论浅谈“产品开发三原则模型”对于产品设计的价值本文作者通过对产品开发三原则模型:商业可行性、技术可能性、用户期望值的分析,来说明其对于产品设计产生的价值一、什么是产品开发三原则模型?DoblinGroup的联合……P2P平台如何做好信息披露在P2P平台的建设过程中,我们应该如何做好信息披露工作,具体的披露信息又包含哪些内容?P2P网贷作为一种创新型的互联网金融理财方式迅速地获得了投资圈的追捧,随着P2P行业……只需5步,你也可以画出高质量的状态流转图一份PPT可以认为是一个产品,一个PRD文档也可以认为是一个产品,乃至于一张流程图、一封邮件都可以被当做是一个产品。状态流转图是一种用于描述状态之间流转过程的需求文档,在……
为移动而设计系列三:视觉设计有哪些靠谱的交互设计评估方法?使用AxureRP7制作淘宝网购物车效果用数字说话!教你用UXKPI来量化用户体验为移动而设计系列二:交互设计来自goodui交互设计思路(四)6个杀死强迫症的虐心APP,你能撑到第几个?来自goodui交互设计思路(二)来自goodui交互设计思路(三)用户体验,才是微创新的起点设计欣赏21个突破流行的UI界面互联网教育将进化出三个主要阶段
秋雨开了3年滴滴车的东北司机,真实的生存现状究竟如何?看他怎么说带思字的女孩名字思字女孩好听的名字《钟》大班教案母爱如山梦里碰见狼诙谐版古人为何要守孝守孝一定要三年吗微信能查朋友所有聊天记录吗(如何查看别人微信的聊天记录)蜗牛与黄鹂鸟何时播出在哪看蜗牛与黄鹂鸟具体更新时减肥的时候,光吃蔬菜和肉类,不吃主食,会对身体有坏处吗?白粉病的根本原因是什么五一假期宝爸宝妈带娃哪个强?宝爸带娃好1000倍,四大理由告

友情链接:中准网聚热点快百科快传网快生活快软网快好知文好找作文动态热点娱乐育儿情感教程科技体育养生教案探索美文旅游财经日志励志范文论文时尚保健游戏护肤业界