B端产品的点线面设计

来源:红岛新闻网 作者:红岛人 人气: 发布时间:2018-09-18
摘要:入行以来接触了几款B端系统,包括CRM、信息管理系统和CMS,提炼出通用的部分,并总结出“点”、“线”、“面”的B端产品设计方式。 ...

B端产品的点线面设计

B端产品的点线面设计

入行以来接触了几款B端系统,包括CRM、信息管理系统和CMS,提炼出通用的部分,并总结出“点”、“线”、“面”的B端产品设计方式。

B端产品重业务是众所周知的,业务逻辑要清晰,业务流程耦合低是一句实用的秘诀。所以在收集需求的时候一定要和对接的人深入沟通,有条件的话甚至可以去轮岗体验。收集完需求后要分类,去掉伪需求,产品的功能模块设计这些就不一一细说了。重点是:在设计产品前,最好画流程图、泳道图以避免后期逻辑混乱,还有就是能更好的向开发表达你的想法。

一、“点”——字段

从调研、内部各个部门收集而来的业务信息,提炼出相关的字段。再根据之前设计好的功能模块,在确定每个功能模块需要哪些信息的前提下,对各个字段进行分类。以一个简单的CRM为例:与客服人员的沟通中,收集到的有效字段有客服部门、客服姓名、工作编号,联系方式等,然后将这些字段整理出来分配到相关的模块中。除此以外,我们还要根据实际需求添加必要的字段,如在权限设置模块中,还需要添加“用户状态”字段,表明该客服在职离职状态。

切记,添加的字段必须必须是与该模块的业务相关的,否则就会变成冗余数据。

B端产品的点线面设计

B端产品的点线面设计

二、“线”——局部设计

字段是“点”,那产品设计中的“线”就是两个或以上组件的组合,但还没构成整个页面。如一个字段加上一个文本框可以是“线”,整个导航区、检索区也可以是“线”。

1、导航的类型按照方向分类

导航分为三种:水平型导航、垂直型导航、混合型导航。后台系统多数采用混合型导航。

混合型导航中,水平导航菜单上主要有使用说明(帮助中心)、消息提醒和个人中心。使用说明是为了给用户可以随时查询系统的操作流程。虽然公司可能会有内部培训,B端产品的使用人员也要求必须要熟悉流程,但无法避免有时候可能会遗忘一些操作细节,所以使用说明是提高工作效率的实用方法之一。消息提醒就是一个便签的功能,提醒用户哪些事情要处理、已经处理完成等,特别是在一些复杂的系统中,此功能必不可少。相对简单的后台系统,消息提醒还可以直接作为首页,让用户一目了然所有信息。个人中心模块由于使用权限的限制,多数只有退出和登陆的功能。水平导航想要更丰富些的可以加上搜索、系统设置、全屏切换等功能。垂直导航菜单上就是各个功能模块,菜单最多两级,再细分可以在右边页面放局部导航。如果右边的页面内容太多,可以加一个按钮将左侧导航隐藏起来。

下图引用了Ant Design的后台模版:

B端产品的点线面设计

B端产品的点线面设计

2、导航区完成就到了内容区

“点”的阶段确立好字段,在检索区还要筛选出关键的、用户重视的字段,因为不是所有的信息都需要被检索。如图书馆信息管理系统为例,在图书借还记录页,工作人员可能更需要知道的是图书的借还时间,图书的名称,读者名称,而不会关心图书的出版日期。所以检索字段的选择需要结合页面的需求慎重考虑。

检索的输入方式有很多种,每一种情况都要再细分讨论,然后立规则。文本框输入的需要考虑是否保存输入记录和是否对字符进行限制,是否区分大小写字母等,目的是在无法正常复制粘贴的情况下减少用户输入出错的概率和快速准确的定位到用户需要的信息,如在检索联系方式时就可以限定字符的个数。单选检索的要确定默认选项,以及选项展开后的排序。默认选项可以是空,也可以是最常用的选项。

下图引用了Ant Design的后台模版。

责任编辑:红岛人
首页 | 资讯 | 关注 | 科技 | 财经 | 汽车 | 房产 | 时尚 | 生活 | 图片

Copyright © 2002-2017 红岛网 版权所有 鲁ICP备15018259号  技术支持:红岛新闻网  客服QQ:741531889

电脑版 | 移动版