当前位置:首页 > 网站入侵 > 正文内容

案例分析:移动端长表单的9个设计思路

访客3年前 (2021-09-24)网站入侵729

表单主要负责数据的采集,是产品从用户侧获取信息的常用途径,表单可承载的内容有很多,如输入框、复选框、下拉选择、开关等控件。表单常见于PC端,随着互联网的发展,在移动端的使用也越来越多,那么在设计移动端的表单时应当遵循什么样的原则或者说注意什么呢?下面将结合在工作中的实际的案例从9个方面讲述移动端表单的设计思路。

1. 选择合理的表单结构

合理的表单结构能够提高用户阅读表单的效率,降低填写表单时的出错率。在移动端常见的布局结构有左右布局和上下布局两种,由于移动端横向空间有限,在选用时优先推荐使用上下布局,即标签和输入内容各占一行,这样用户的阅读效率也较高。当表单内容很多且每项内容比较简单时,可以考虑使用左右布局,更好的节省页面的纵向空间,避免用户频繁上下滑动屏幕,也能减少用户填写长表单的焦虑。

2. 将内容分页展示

移动端设备屏幕小,单屏内承载的内容极其有限,通常情况下PC端一份正常的表单如果转到移动端可能需要滚动好几屏才能填写完,如果不分页展示,会降低页面的完成率。表单设计领域的专家 Adam Silver 发现:将较长表单拆解为若干部分,用若干页面展示,能提升用户满意度以及支付转化率。

将长表单进行分步处理,还可以:

减小用户的认知负荷和心理压力,让用户更专注的完成任务;

降低用户的出错率,减少挫败感;

保持所有步骤和用户当前位置随时可见,给用户合理的心理预期。

3. 文字信息简洁且够用

保持页面中的提示信息简洁,避免使用冗长且无意义的描述给用户造成沉重感,浪费用户的时间和经历去获取无用的信息。当然也不能过分的追求简单,将主要的信息忽略,对于用户来说够用就好,即能够理解所表达的意思不造成困惑就好。

4. 减少用户输入

相比PC端,移动端的输入更为不便,其效率和精准度远不如PC端的鼠标键盘,因此移动端要尽可能的减少用户的手动输入。

(1)以选择代替输入

能选择尽量不要让用户输入,哪怕使用选择的方式会导致用户的操作路径变长,只要在合理且可控的范围内,优先推荐使用选择的方式。

(2)充分利用移动设备的性能

虽然移动端手动输入信息的效率相比PC端较低,但其获取信息的方式却比PC端更加多样化。如移动端能够更为准确地获取用户的地理位置,为表单中地址的填写提供了便捷。

除了利用GPRS之外,移动端的拍照功能也提供了更为便捷的输入方式,随着OCR技术的成熟,通过拍照识别文字来代替用户输入的方式也越来越多见,最常见的就是金融服务应用中的拍照识别银行卡号的功能,大大降低的用户的输入成本和出错率。

(3)提供默认选项

提供默认选项是指在表单填写过程中对于一些较为特殊的输入项提供通用选项,减少用户填写表单的负担,如证件类型、手机区号和国籍等。

(4)减少输入的二次确认

输入的二次确认常见于PC端在设定或重置密码时的场景中,一来可以防止用户出错,二来可以加深用户的印象,避免遗忘。若照搬至移动端会大大增加用户的输入负担,此时我们可以考虑使用“明文显示”或“输入2s后密码由明文转为密文”的方式,来提升用户的输入体验。

(5)合理调用第三方或系统信息

可以通过直接调用第三方应用软件或系统的信息来代替用户输入。如输入电话号码时为用户提供唤起系统通讯录的操作,使用第三方应用授权登录时可获取用户的性别、年龄、收货地址等信息。

5. 定义键盘类型

根据表单输入内容的不同,定义不同的键盘类型,在用户输入时直接唤起对应的键盘,避免让用户进行键盘选择和切换,同时也能够让用户对可输入文本的类型有所预期。如中文输入时唤起中文键盘、英文输入时唤起锁定大写的英文键盘,手机号、身份证号等输入时唤起数字键盘。

除此之外,还要合理的定义键盘右下角的功能键,帮助用户实现换行/完成/搜索等操作,避免让用户手动收起键盘后再进行相关的操作。

扫描二维码推送至手机访问。

版权声明:本文由专业黑客技术知识发布,如需转载请注明出处。

本文链接:https://hkjdpt.com/180441.html

分享给朋友:

“案例分析:移动端长表单的9个设计思路” 的相关文章

曼联对阵利兹联(8月14日曼彻斯特联队对利兹联队)

妇女节来临之际,对阵曼联利兹联,8月14vs比分打响,英超城市比分和球队恩怨在线直播。4QX8Tf今天给朋友们带一场利兹联和曼联的比赛比赛时间是:2022年2月20日22:00利兹联队两场比赛积23分,排名第15球队主轴连续受伤。 1.曼联对阵利兹联8月14 英超曼联对利兹联马夏尔...

游泳馆怎么转让?(游泳馆转让的基本详情)

一、谈判项目概况 1.项目单位:XX 2.项目名称:XX 3.项目地点:XX 4.转让年限:3年(合同一年一签) 5.条件限定:游泳池门票售价上限儿童2元/人次、成人4元/人次、年票每年480元/人;主管部门组织的公益赛事、培训活动等免费;承包方须缴纳3万元安全保障金及合同履约保证金,并按规定购买相...

求生之路4怎么联机(求生之路4怎么联机玩)

  热门评论 游侠网友 [浙江省嘉兴市电信网友] 09-22 21:06 别闹这什么时候算恐怖游戏了 小女生都敢玩 突突突 打僵尸和打苍蝇老鼠一样 吓人吗 玻璃做的心脏。。。。。 举报 119 70 回复 游侠网友 [中国移动网友] 12-29 15:35 你们去看看中国的网友,把求生之路2改成...

临沂公积金贷款利率是多少,住房公积金能贷款多少

只有在还清前一套住房贷款的前提下才能再使用公积金贷款,具体要看您的月缴存是多少。和交的数量关系不大,缴存比例是多少。贷款利率会结合申请的业务品种、要根据还贷能力。 公积金贷款房价成数、一方缴交住房公积金的,二套房只能贷到60万前提是两个人,请参考。公积金贷款额度住房的计算,四个条件算出的最小值就是借...

宋旻浩的ins(美浓的粉丝都有哪些名字)

米诺的实验室飞行员在线观看ns。有多少粉丝称之为?这幅画的价格是多少?家庭账户类别jhyiXTgIy9月18日ins赞TOP10: SE HUN-裴秀智-twice-郑秀妍-宋旻浩-Z陶9月17日百度指数TOP10:周杰伦-杨紫-肖战-李荣浩-杨丞琳-王一博-吴宣仪-9月17日水晶,微博赞TOP10...

现货黄金 价格_国际现货黄金价格走势

在金道贵金属上找到,国际黄金现货价格上涨20点25美元,较为符合急跌慢涨的上行趋势,报收于每盎司1476点25美元,的短期走势会不会是长期走势的一部分吧,美元 指数,踩1706水平支撑后的走强反应,360金汇。 黄金交易与外汇交易一样,金店的黄金价格并不是实时调整的,克报价行情时间2016年12月2...

评论列表

礼忱野浓
3年前 (2022-06-10)

表单主要负责数据的采集,是产品从用户侧获取信息的常用途径,表单可承载的内容有很多,如输入框、复选框、下拉选择、开关等控件。表单常见于PC端,随着互联网的发展,在移动端的使用也越来越多,那么在设计移动端的表单时应当遵

惑心寒洲
3年前 (2022-06-10)

和切换,同时也能够让用户对可输入文本的类型有所预期。如中文输入时唤起中文键盘、英文输入时唤起锁定大写的英文键盘,手机号、身份证号等输入时唤起数字键盘。除此之外,还要合理的定义键盘右下角的功能键,帮助用户实现换行/完成

野欢痞唇
3年前 (2022-06-10)

文字信息简洁且够用保持页面中的提示信息简洁,避免使用冗长且无意义的描述给用户造成沉重感,浪费用户的时间和经历去获取无用的信息。当然也不能过分的追求简单,将主要的信息忽略,对于用户来说够用就好,即能够理解所表达的意思不造成困惑就好。4

礼忱苍阶
3年前 (2022-06-10)

占一行,这样用户的阅读效率也较高。当表单内容很多且每项内容比较简单时,可以考虑使用左右布局,更好的节省页面的纵向空间,避免用户频繁上下滑动屏幕,也能减少用户填写长表单的焦虑。

绿邪拔弦
3年前 (2022-06-10)

时间和经历去获取无用的信息。当然也不能过分的追求简单,将主要的信息忽略,对于用户来说够用就好,即能够理解所表达的意思不造成困惑就好。4. 减少用户输入相比PC端,移动端的输入更为不便,其效率和精准度远不如PC端的鼠标键盘,因此移动端要尽可能的减少用户的手

发表评论

访客

◎欢迎参与讨论,请在这里发表您的看法和观点。