B端SaaS产品：提示的需求设计

honghu2

B端SaaS产物：提醒的需求设计

编纂导语：在B端SaaS产樱花视频物中，咱们常常会碰到一些提醒的信息设计模块，在面临这一模块时，咱们要注重一些功效的设计和用户的体验方面；本文作者分享了关于B端SaaS中的一些“提醒”需求是怎么做成尺度化功效的，咱们一块儿来领会一下吧。

B端产物的营业方有自营营业和第三方营业的区分，若是是自营营业产物司理做需求设计时大多斟酌的是自营营业的需求，会常常做个性化需求、一次性需求；若是是第三方营业也就是至关于做SaaS产物设计，则必要斟酌“这个需求是不是知足大多客户的需求，怎么做成尺度化功效，是不是有经济价值”。

我将经由过程本篇具体论述B端 SaaS中常见的“提醒”需求是怎么做成尺度化功效的，即按照营业场景设计尺度化功效（组件），然后各类营业模块挪用此组件，也就是做成为了通用的功效。
1、营业场景
常见的营业场景是“甚么环境下 对何工具 触发甚么提醒”，这一场景的详细阐发以下：

触发工具：
某字段某营业
触发前提：
点击某按钮某字段落空核心某字段有值后刷新页面时鼠标移入某页面元素时
提醒类型：
提醒弹窗对话弹窗toast 提醒红框红字提醒问号提醒加载中进度条2、功效设计
1）提醒弹窗
界说：仅提醒，只有一个【肯定】按钮，用户点击【肯定】后封闭弹窗、无营业逻辑，营业模块使历时需界说触发前提、触发工具、提醒案牍。案例：建立采购规划时，若是未选中商品就点击明细行按钮【购进记实】，那末提醒弹窗：“请先选中商品，再点击此按钮”，点击【肯定】或X后封闭该提醒。


2）对话弹窗
界说：弹窗内有【肯定】【取缔】按钮，点击【肯定】后提醒封闭并履行后续营业逻辑，点击【取缔】或X封闭只该弹窗。案例：采购规划新增页面，当用户填写部门信息后想抛却新增这时候就点击【取缔】，体系会弹出对话弹窗“点击肯定，会将页面数据清空并重置到初始状况！”。若是点击【肯定】按钮将封闭此弹窗和新增页面并回到采购规划列表页（数据库中不保留此新增数据），若是点击【取缔】按钮将封闭该弹窗、仍在采购规划新增页面可继续新增。


3）toast 提醒
界说：被触发后在页面顶部呈现文字提醒，3秒后主动封闭。案列：新增采购规划时营业上是要先选择堆栈名称再添加商品，若是用户在操作时未选择堆栈名称就去点击【添加商品】则会 toast 提醒：请先填写堆栈名称再添加商品！。


4）红框红字提醒
界说：触发工具被触发程力软件网后其输入框或下拉框呈现红框红字提醒，该触发工具有值后提醒再消散。案例：新增采购定单时，若是供给商名称的下拉框无值就去点击【添加商品】，那末供给商名称的下拉框就红框红字提醒“请先完美 供给商名称 再添加”。


5）问号提醒
界说：鼠标移入到页面上的某个元素后显示文字提醒，鼠标移出后该提醒封闭。案例：新增堆栈配送单的明细行中的列表，此中列名【出产批号】给出问号提醒“只能选及格货位联系关系的出产批号”。


6）加载中
界说：前端页面某交互动作哀求后端履行数据库计较，并将计较的进程返回给前端，这一处置进程对用户的提醒。案例：在采购规划新增页面点击【提交】后哀求后端把数据插入到数据库中，数据库乐成处置后返回给前端，前端再刷新列表页。这一进程对付用户来讲就是点击【提交】后看到Loading提醒，加载完成后再看到已刷新的列表页。


7）进度条
界说：前端页面某交互动作哀求后端履行数据库计较（该数据库计较比力繁杂微密圈且耗时），并将计较的进程进度返回给前端，这一处置进程对用户的提醒。案例：新增“商品配送代价组”，填写好必填字段点击【提交】，这时候后端必要把数十万个商品数据都刷一遍，然后计较出每个商品的配送价。这一计较进程对付用户而言就会看到进度条和提醒案牍“正在为所有商品设置装备摆设配送代价组，请稍等。。。”


以上就是我在做B端 SaaS产物需求设计时碰到提醒类需求的解决法子，像上面如许先做好尺度化功效、界说好组件，以后在任何一个营业模块必要对应提醒时，开辟只必要挪用对应组件然后写好触发前提、触发工具、提醒语句、营业逻辑便可。

如许就不会呈现每种营业模块自由写个性化提醒，也就是说做了一个通用、尺度的功效，这就是B端 SaaS产物设计的关头思惟。

作者：中杰，6年B端产物司理

本文由 @中杰 原创公布于人人都是产物司理，未经作者允许，制止转载。

题图来自Unsplash，基于CC0协定。