表单设计一页只做一件事

表单设计一页只做一件事,第1张

表单设计:一页只做一件事

一个页面只能做一件事,事实上,它不一定要在一个页面上有一个单独的元素或组件(虽然也可以这样做)。

2008年,我在*Boots.com*工作。他们在一个宣传单页面的结账页面里,读出了最时髦的技能,包括脚器官零件、AJAX和手机客户端资格证。

每一步(收发地址、收发选项、实际xyk信息)都得到了一个脚机关的支持。而且每一个内板都是通过AJAX全流程提交的。获胜提交后,哪个内面板被撑起,下一个内面板就要通过整个拖拽的过程被打破。

看起来是这样的:

Bootsflyer页面结账页面,用脚风琴板展示每一步。

用户辛辛苦苦完成了提交订单的流程。问题很容易改正,但是不方便旋转高或低。风琴的内板很硬,很敬业。为了劝阻一天,客户要求大家进行修改。

大家都不重做了,让内板的每一块都变成了一页,也没有了脚机关打AJAX的要求。不会,大家都保存了手机客户端的资格证书,防止不必要的服务器乞讨。

看起来是这样的:

Bootscheckout页面:每一步都是零的页面。

哪个版本号的转化率是多少?虽然具体数据不记得了,但我知道客户是满意的。

六年后(2014年),我也是*吃*的,在工作中得了同样的病。每个人都想象了一个传单页面结帐步骤,其中每个单元都有自己的页面。当时我记录了相关数据。

结果就是每年可以砍掉200万的订单。要明确的是,那个时候,订单量是不盈利的。该数据信息是根据最新版本后至少一周的结账转化率异常提升的百分比获得的。那个单位转换成了订单,数量删除了52倍。

当时大家的移动终端不如第一个想法:

JustEat的结账分为几个页面。我们进一步简化了输入页面,假设用户在进入相关页面之前首先选择“现金输入”或“现金支票卡输入”。我们都对我们停止测试这种恶化感到遗憾。

一年后(2016年),GDS的罗宾·惠特尔顿(RobinWhittleton)向我报告说,把每一步分成零页是一种自力更生的思维方式,叫做“每页只做一件事”。除了它产生的数据和信息结果,那种方法的背后还有大量的公开性和客观性,那个单位的每个人都会很快说起。

不,在那之前,让我们仔细看看那种方式是什么。

「每页只做一件事」的实际意义是什么?

一个页面只能做一件事,事实上,它不一定要在一个页面上有一个单独的元素或组件(虽然也可以这样做)。和Dao一样,很有可能还是会存储页眉页脚。

类似地,每个页面上只有一个输入框(尽管这是可能的)。

这种方法指的是将巨大的步骤分成几个小部分,并将每个小部分呈现在自己的页面上。

和在Dao中一样,获取地址并将其输入到表单中,然后将其放在已经发送的选项和输入表单的页面中,不如输入地址并将其放在公共页面中。

在地址输入表单中有许多输入框,但它是关于用户访问道路的实际活动中的一个单独的、独立的成就。有一个基本的原则,在公众页面上回应哪个成果。

让我们看看那边,感谢那边。

感谢那一面?

尽管这种方法通常可以产生丰硕的成果(事实上,这是一个特定的单战转换率),但每个人最好都理解其背后的基本原理。

1.减轻认知能力的负担

正如瑞安·霍利迪在《障碍就是出路》中所说的:

还记得第一次看到巨大的代数表达式吗?都是乱七八糟的。我已经知道这个标志了。但是当你自己生成,自己变成各个部门,谜底就出来了。

通过一步一步地生成公式,就可以解决问题。

基本原理在用户已经挖表和写表的时候是一样的,在其他几乎所有的关键工作中也是一样的。如果显示屏上的元素数量减少,如果是唯一的选择,那么阻碍就会减少到最小。因此,用户致力于完成他们的使命。

2.应急反应更容易。

当用户挖掘中小型表时,问题很容易被发现并尽快呈现。如果一个问题需要改正,会很简单,会压低用户的弃用度。

就算有几个问题,Kidly的地址挖表也很简单改正。

3.页面中的负载减少更快。

如果页面中的假设很简单,那么减载将会很快。快速的负荷削减速度可以压低用户分离的风险,并对每个人的服务创造产生怀疑。

4.容易逃脱

一个页面上的内容越多,就越容易理解用户为什么会被分开。不要误解我的实际意义:页面中对数据信息的解释不会比你想象的更糟糕,但它是一个没有错的副产品。

5.方便在逃避的过程中回到上一步。

如果用户要求频繁提交可疑信息,可以用更细的颗粒保存。例如,如果用户中途退出,他们可以收到电子邮件,鼓励他们下单。

6.旋转控制减少,以至于被破坏。

不要误解我的实际意义:旋转并没有什么大的成就——网页在用户的生活中就是这样使用的。但是如果页面很短,用户需要旋转它。在显示屏中更容易显示主要控制项目,并且可以夸大其关键程度,便于执行重要任务。

7.简单的生成和收集

不经意间,大家要求根据之前的谜语给用户提供一种不同的方式。举个简单的例子,两个联动的下推订单,用户已经在第一个订单做出了选择,会危及到第二个订单的内容。

一个页面只能做一件事来应对紧急情况:用户做出选择并提交,服务器决定用户接下来会看到什么——当然,它具有简单战争的特点。

也可以使用JavaScript。无论是建设贷款还是确保在世界范围内的可用性,都需要较低的成本。如果JavaScript下沉,用户的感受会受损。而且根据所有这些Lager的选项,都会加载到浮雕页面中。

关于,你可以使用AJAX,但这并不妨碍新页面的使用。更重要的是,它可以增加服务于整个数据信息的往复工作压力。

这些不是我借的。大家要求收集大量代码,鼓吹AJAX乞讨,以此来紧急处理问题,呈现卸载的教唆犯。这会降低页面加载速度。

自定义的减载教唆者是成功的,因为他们实际上是不准确的,没有像读软件一样的减载进步。用户并不熟悉它们——相对于所有网站,它们是特别存在的。无论如何,相似度是用户感受的老例子,除非注册需要,否则不需要改进。

而且页面上有两个静态的数据升级,会需要用户按照一般的理论来控制。你也可以全程使用/禁止使用战争呈现/隐藏来把握这些损失,但那样更巨大。

一开始用户的一些变化可能会导致后面的元素消失和转化,这也是很有诱惑力的。

8.对使用带显示屏的电脑浏览器的用户更友好。

如果减少了页面上的内容,就不需要远程控制显示屏上的电脑浏览器来摆脱很多产能过剩的关键问题。用户可以间接到第一个题型,然后快速开始控制表单。

9.容易改变关键点

想象一下或者有人要确认订单。在核心时间,他对发明的投入有问题。这时候回到公共页面比在页面的*边*上找单元更容易。

当用户点击“编辑”时,他将进入输入信息页面,该页面排列着公共问题和与表单相关的新项目。

卡在几页纸里会让人失去标底的目的。请记住,用户面对面的连接意味着他们必须实现特殊的控制——页面上所有其他特殊的工具都是侵入性的。

少借几页可以缓解事情。就像道一样,如果非要一页纸宣战,就需要很多额外的逻辑考量。

一页只做一件事,这些成绩都是管理出来的。

10.用户对数据信息有更多的控制权。

不,用户只会加载一半的页面。最后一部分,最后一盘带子。如果他们问了很多问题,他们就会见面,他们就有了选择。只要每一步都更接近目的地,用户其实并没有不好的感觉。

11.解决功能成就。

如果一切都很庞大——传单应用就是一个极端的例子——功能上的成就就可以轻松解决。这是实施时间的结果吗?运行内存泄漏?是通过AJAX乞讨造成的吗?

认为AJAX可以提升用户体验是很简单的,但是在编码量很小的情况下,却能营造出一种快速的感觉。

向手机客户端的巨大迁移会掩盖服务的整个成就。但是,如果页面中只做了一项工作,就不容易产生功能性结果。如果真的发病了,查水果就很简单了。

12.它有一种已经会开车的感觉。

如果用户几天来一直在进行下一步,他会有一种已经在开车的感觉,在他挖空心思写表单的时候给他一种积极的感觉。

13.抑郁的风险和缺乏怀疑。

表格越少,需要的时间就越少。如果花费的时间太少,页面中的加班请求会导致怀疑的丧失,从而产生一种不被看好的失望感。

还有,你可能会卡在电脑上死掉。《我是黑人》中的女配角丹尼尔就是这样一个例子。他的健康瘦瘦的香香的,第一次用电脑就来了死机,然后数据信息就不翼而飞了。他终于把它扔掉了。

14.第二次应用的感觉更流畅。

例如,如果您存储用户的输入信息,您可以间接绕过该页面,并间接将他们带到“结帐确认”页面。这样会减少障碍,提高转化率。

15.当时一种对移动自卑先假设的填充。

“先动”的思想主张在小显示屏上只显示最关键的信息。一个页面只做一件事,遵循同样的方式。

16.想象过程很简单。

当我们想象一组巨大的步骤时,它可以生成为厚厚的一页战争部分,这可以使人们更容易掌握这些成就。

你可以使用方便的交换页面来修改广泛的讨论。每个人每次只讨论一件事,这和用户一样,可以让我们更严密地解释我们的成就。

那可以增加责任的承担——那种方式可以让用户受益,借用可以有这种额外的好处和坏处。

那种方法适用于所有情况吗?

都不详细。是的。卡罗琳·贾勒特(CarolineJarrett)在2015年看过一篇文章,“在一页纸上只做一件事”,里子很清楚。她评论说,用户调查“会报告说,你打开一些分数组,放在那几页里更合适”。

然而,她并没有提及过去,而是提到了“那些去道并‘属于一个群体’的远见者的成就”...用户的动作不一定需要已经放在页面上”。

她显然提出了一个很有启发性的例子。在GOV.UK的资格证书页面,他们把“创建用户名”和“创建稀疏代码”放在了考试前后两页。

和很多有远见的人一样,卡罗琳认为把两者放在已经区分出来的那一页太过了。实际 *** 作中,用户对此事并无芥蒂。

核心区已经从每页一件事开始,然后经过全流程的用户讨论,资质证书合并了部分新的项目组企业,是否能进一步提升用户体验。

其实并不是说最后的结果一定是合并页面中的企业——我经历过最好的结果往往是把工作分开,仅此而已。虽然,因为我很期待听到你的经历。

总结

那种不引人注目,不引人注目的用户体验想象模式是非常智能的,功能性的,包容性的。那时候拥抱互联网技术的方式很简单,傲慢、谦虚、惊吓用户的行为很简单。

在一个页面上显示大量(大约部分)内容可以产生一种简单的错觉,但这就像代数成绩一样。除非它们生成,否则处理突发事件很容易。

如果把重要的任务看成是用户想要进行的交易,就要把它生成为几个小步骤。这就像你用一页一页地折叠了累进表。每张图片背后的隐喻都给人一种被潜在的理解所驱使的感觉。

我遇到过任何其他的思维方式,它有这么多的优点。就是那种真实的时间——神秘感永远是最简单的。

亚当·席尔瓦写的

文章中的地址:https://www.smashingmagazine.com/2017/05/better-form-design-one-thing-per-page/

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

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

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

发表评论

登录后才能评论

评论列表(0条)

保存