案例讲解:移动端的长表单应该如何设计?

案例讲解:移动端的长表单应该如何设计?,第1张

案例讲解:移动端的长表单应该如何设计?

根据 *** 作要求(经常在B端物质中看到),不经意间用户在 *** 控过程中要挖空心思写很多表格,自己也无法劝阻。关于移动终端较少的桌子应该如何准确构思?

正文中的大纲:

三种总体规划

总体规划1的概念咨询

总体规划2的概念咨询

总体规划3的概念咨询

总结

1。三种总体规划

对于形式较少的构思,根据构思意境的不同,可分为三种主要方案,如下所示:

PS:图中图示核心区域的字段名称只是为了说明。

总体规划1:共同的构思情境,所有的形式和疑惑都呈现在一个世界里。

主方案二:把差异化排序表放在差异化下一级边界,用户挖写再返回。

总体方案三:逐层 *** 纵,在一个边界内进行一组表格内容,点击下一步进入下一组表格。

2。总体规划1概念会议

总体规划1的想法和缺点

优点:所有的表单都呈现在一个世界里,如果搜索一些隐藏的信息会越来越容易,相对主平面图2和3可以减少页面中的自动跳转和 *** 纵检查。

缺点:根据移动端只能强加载的情况,所有表单都会在一个字段中显示,用户阅读文章和一次性 *** 作的压力很大,容易挫败 *** 作步骤,导致胜率大大压低。

关于主计划1,用户执行表单后,提交按钮有三个主次思路,一个是把提交按钮放在表单的开头,一个是把提交按钮放在导航栏上。此外,提交按钮的底部是浮动的。下图显示了:

1.0.如果提交按钮放在表单后面,用户的视觉效果是矛盾的,流畅的,自然的。但是,将显示考试结果。当用户输入了嫌疑人信息后,电脑键盘盗用会屏蔽提交按钮。安卓中的输入法可以通过敲击输入法上的键,将电脑键盘按下。而iOS是通过输入输出的方式下推的,只有打到其他非编译区才能下推电脑键盘。很难隐藏,用户可能一不小心就把提交按钮弄丢了。

方案1.1,解决了提交按钮会被电脑键盘遮挡的缺陷。然而,视觉效果的 *** 作是复杂的。在用户已经进入显示屏的底部之后,视觉效果的脚趾必须返回到顶部进行 *** 纵。

方案1.2,提交按钮底部浮动,解决了视觉效果混乱被 *** 纵的方案1.1的测试分数,隐藏提交按钮的方案1.0的测试分数。然而,当文本被输入并变成计算机键盘时,它仍然会被隐藏。

使用底部悬浮按钮的情况是 *** 作按钮的关键,比如淘宝的BuyNow活动,一个脚机,注册加入购物车。

此外,底部浮动按钮不用于文本 *** 作。例如,在文章内容中少输入表格文本。当文本输入并传输到计算机键盘时,它仍然会被覆盖。

底部的浮动按钮用于非文字输入的应用场景。从Taobao.com和新浪微设计可以看出,共享中文和非文字输入,提供一个功能导入,是对全球非文字输入选择的确认。

3。总体规划2概念会议

总体规划2的想法和缺点

优点:在取总图3类比排序表之前,更改和查看信息方便快捷。申请手续最后一页简洁明了,存疑的部分藏在下一关。

缺点:来回时自动跳转, *** 控负担重,会使用户眩晕。

计划2.0顶级用户挖写,排序战已排序,挖写排序判别未开启,计划2.0恶化将终止。比如挖写后会显示成功完成的logo,提示用户成功完成战斗,以及区别的形状(比如计划2.1)。

4。总体规划3的概念咨询

脸书曾经做过一个关于分步申请注册而不是逐步申请注册的A/B测试,结果强调分步申请注册的转化率比分步申请注册的转化率低了将近10%。所以知道没有一步一步的申请注册,就没有在申请注册页面上适当的下推前线之类的 *** 纵,让用户对注册流程一无所知。

总体规划3的想法和缺点

优点:步步 *** 纵,相对主计划1、用户 *** 纵胜率大开发。

缺点:如果用户 *** 纵到第三步,要求返回第一步确定挖写信息的准确性,那么用户要求返回两次。

保存用户挖掘的信息(缓存文件),用户返回上一步保存挖掘的数据信息。H5仍然是共享的,用户挖掘和编写的数据信息已经被数据库查询保存。当用户返回到上一步时,数据库查询中记录的数据信息将被更新。

关于计划3.0和3.1。下一个关键区别。毕竟要听意见。哪一个?方案3.0视效流和 *** 纵流是一般情况,没有保存的按钮被电脑键盘覆盖,所以方案3.0最好。

移动终端中较少形式的概念总结

总体规划1、2和3都有各自的缺点。

一个交互步骤的黑与白,最关键的限制之一就是让用户对利润进行 *** 纵步骤,维护门的 *** 纵步骤胜率只能达到用户的目的。因此,总体规划3是最好的。

接下来讨论一下关键的测试分数,即提交按钮是放在顶部的导航栏上,还是在可疑内容区借用,还是浮动在底部?

那边有四种情况:

情况一:内容区上的 *** 作键没有被电脑键盘笼覆盖。提倡把键放在内容区。

情况二:必须挖的内容已经被电脑键盘笼子盖住了,但是没必要挖被子笼子。建议 *** 作按键放在导航栏上,比如情人圈,QQ空。

情况三:必须挖的表格不止一屏,建议按下按钮放在内容区。

有两个结果不能放在导航栏上:

视觉效果流的问题,从上到下都有很大的疑点。用户在拖动阅读一篇文章时,会粗心大意,很容易在左上方点击下一步。经常看到导航栏上没有超过一个屏幕。

当有太多的物品需要挖掘时,你必须拖动显示屏来完成挖掘。将按钮放在左上角的导航栏上。当用户借用它来挖写的时候,面对导航栏上的按钮是非常简单的。引导用户失败简单而具体。

情况四:必须多挖一屏,但输入的是文字,所以提倡底层可以一起浮动。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zz/778344.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-03
下一篇 2022-05-03

发表评论

登录后才能评论

评论列表(0条)

保存