【功能分析】之「表单页」

144
作者 天天鲁铁
字数 2420 阅读 72评论 0

功能名称:表单页



1.1

使用场景:


常用于搜集信息、提交资料等信息上传的功能中。


1.2

常见案例


常见于用户个人信息编辑页面,如滴滴出行、微信、今日头条、网易云音乐等。




2.功能分析


2.1

需求点描述


我们以滴滴出行的个人信息编辑资料页面为例,做详细分析。

 

功能入口为:滴滴出行首页-点击左上角按钮-点击头像-点击右上角【编辑】按钮。案例截图如下:



1.    下拉选项


下拉选项控件是多个输入项都会调用的,将其作为公共模块来描述。需求点描述见下表:



2.    标题栏

标题栏分为操作按钮、页面名称。需求点描述见下表:



3.    提交异常


提交表单时,将判断是否满足提交条件,并做异常处理。需求点描述见下表:



4.    提交成功


若已满足条件,将数据上传到服务器。需求点描述见下表:




5.    表单内容


以上内容是对表单页的整体描述。表单页的输入项,大致可分为文本输入,图片上传,单选选择、多项选择、时间选择等类型,每种输入项的内容都不一样。详细需求点描述见下表:




编辑资料页面截图如下:



6.    选择行业


在选择行业时,由于行业列表的内容较多,单独在一个新的页面中显示行业信息。详细需求点见下表:



选择行业页面截图如下:


 

注:以上需求点仅针对滴滴出行行反推分析,交流所用,勿直接使用于某目。(相同功能在不同品里仍存在部分差异。)

 

注意事


  1. 用户修改了部分内容后,没有点击【保存】,而是直接点击【返回】,可弹出“提醒用户保存修改”弹窗,减少用户误操作带来的影响,尤其是表单内容较多时;


  2. 目前不少产品都采用了“返回即保存”的设计:点击返回时,保存修改后的内容。在这种方案中,右上角的按钮为“取消”;


  3. 特殊页面,考虑是否要缓存一部分用户输入的信息,尤其是表单内容比较多的表单页;


  4. 输入文本时,推荐跳转到单独的文本输入页,在该页面中完成该文本的输入、校验,可降低产品耦合性。


经验分享
登录 后发表评论