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

144
作者 天天鲁铁
字数 2420 阅读 107评论 1

功能名称:表单页



1.1

使用场景:


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


1.2

常见案例


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




2.功能分析


2.1

需求点描述


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

 

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



1.    下拉选项


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



2.    标题栏

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



3.    提交异常


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



4.    提交成功


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




5.    表单内容


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




编辑资料页面截图如下:



6.    选择行业


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



选择行业页面截图如下:


 

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

 

注意事


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


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


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


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


经验分享
登录 后发表评论
小小亿只
1楼 · 2018-01-12 14:58

汇新云——IT协同产业生态链平台,诚邀IT行业产品经理免费入驻。让我们一起做到极客,将事情做到完美。 现在特有以下四点便利: 1、免费入驻,汇新云平台前期入驻是免费的,平台会按照你的领域、经验、实力给予线上广告位,让你的实力得到更多的展现,让你能够与人分享你的专业知识。 2、免费广告位,产品经理入驻成功后,会给你一个免费时间段的广告位,这个是根据企业/产品经理的实力进行的。 3、免费报道,该项可联系平台运营人员,汇新云平台将根据你的实力判定是否对你进行专访,专访后会在平台上进行报道,让客户对你有深入的了解和认识。 4、免费给予接单渠道,汇新云平台利用大数据分析对你和客户的项目需求进行精准匹配,让专业的人做专业的事!大数据分析对你和客户的项目需求进行精准匹配,让专业的人做专业的事! 联系QQ:1283388913 联系电话:13828826737注册有惊喜哦 链接:https://www.huixinyun.com/UserRegister/Register?r=2017r2ltbjb1214