一页只做一件事 表单设计 (一页纸怎么制作)

本文目录导航：

• 表单设计:一页只做一件事
• 什么是移动优先什么是资讯加政务加商务
• 中国移动正式员工怎样考

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

小编：五花八门的表单咱们简直每天都会接触，如何让用户顺利的实现表单填写、提交是咱们应该想的事。

一同去看看表单最高的上班效率：一页只做一件事。

2008年的时刻，我在**上班。

他们想做一个单页的结账页面，运用那个年代最新潮的技术，包含手风琴组件、AJAX和客户端验证。

每个步骤（寄送地址、寄送选项、信誉卡详细消息）都收在一个手风琴面板中。

而每个面板都经过AJAX提交。

提交成功后，这个面板就会收起，并且经过滑动动画开展下一个面板。

看起来就像这样：

Boots的单页结账页面，经常使用了手风琴面板展现每一个步骤。

用户千辛万苦才实现了下单环节。

失误难以更正，由于高低滚动并不繁难。

手风琴面板让人十分痛苦和专心。

无法防止地，客户要求咱们作出扭转。

咱们启动了改版，让每个面板独自成为一个页面，也就不须要手风琴和AJAX了。

不过，咱们还是保管了客户端验证，防止不用要的主机恳求。

看起来就像这样：

Boots的结账页面：每一步都是独自的一个页面。

这个版本的转化率好多了。

只管我不记得详细数字了，我知道客户比拟满意。

6年后（2014年），我在*Just Eat*上班，出现了雷同的事件。

咱们设计了一个单页结账流程，其中每个局部都有独立页面。

这一次性，我记下了关系数据。

结果是每年能参与2百万订单。

要清楚，这是订单量，不是利润。

这个数据是基于新版本至少一周后，结账转化率优化的比例得出的。

这局部转化成了订单，数量激增52倍。

这是咱们的移动端优先的设计：

Just Eat的结账分为多个页面。

咱们还在设计中进一步简化了支付页面：用户先选用“现金支付”或“银行卡支付”，而后才会转到关系的页面。

惋惜咱们并没有对这项优化启动测试。

两年后（2016年），GDS的Robin Whittleton通知我，把每一步分为独自页面，是一种独立的设计形式，叫做“一页只做一件事”。

除了它发生的数据成果，这种形式的面前还有充沛的正当性，这局部咱们很快就会讲到。

不过在这之前，咱们来细心看看这种形式究竟是什么。

“一页只做一件事”究竟是什么意思？

一页只做一件事，并不是必定要在一个页面上只展现繁多的元素或组件（只管也可以这么做）。

比如说，很或许依然会保管页头和页尾。

相似的，也不是说每个页面上只能有一个输入框（当然，这么做也是可以的）。

这种形式是指把复杂的流程合成成多个小碎片，把每个小碎片独立一页展现。

比如说，与其把地址输入表单放在寄送选项和支付表单页面，倒不如把地址输入放在一个公用页面。

地址输入表单有许多输入框，但它关于用户来说，实践上是个繁多的、独立的疑问。

在公用页面里回答这个疑问是有情理的。

咱们看看这种形式究竟好在哪里。

好在哪里？

只管这种形式经常能结出硕果（其实就是指订单和转化率了），咱们最好还是要了解它面前的原理。

1. 缩小认知负荷

正如Ryan Holiday在《The Obstacle Is The Way》中所说：

回顾一下你第一次性看到复杂代数式时的情形。

这整个就是一团凌乱的未知符号。

然而当你将它合成，独立成各个局部，答案便水落石出。

一步步合成等式，就能轻松处置疑问。

用户在填写表单时也是一样的情理，或许其余任何关键的事件都一样。

假设屏幕上元素缩小，只要惟一的选用，阻碍就降到最低。

因此，用户会专一于实现义务。

2. 处置失误更容易

当用户填写小型表单时，失误可以很容易被觉察，并尽早出现进去。

假设只要一个失误要批改，那就很容易，能降落用户丢弃的或许性。

即使有多个失误，Kidly的地址填写表单也很容易更正。

3. 页面加载更快

假设页面的设计很繁难，加载就会更快。

更快的加载速度能降落用户分开的危险，为咱们的服务建设起信赖。

4. 易于追踪行为

一页上内容越多，就越难以了解用户由于什么分开。

不要误解我的意思：页面数据剖析不能左右设计，但这是个很不错的副产品。

5. 易于追踪环节和前往上一步

假设用户须要频繁提交消息，咱们可以把它们以更细的颗粒来保管。

举个例子，假设用户中途分开，咱们还可以发送邮件，激励他们实现订单。

6. 滚动操作缩小，甚至被覆灭

不要误解我的意思：滚动不是什么大疑问——用户的希冀中，网页就是这么用的。

但假设页面短小，用户就没必要滚动了。

主操作项就更容易出如今屏幕视线内，能强调它的关键性，易于义求实现。

7. 容易发生分支

有时刻，咱们须要依据之前的答案，给用户提供一条不同的门路。

举个繁难的例子，两个联动的下拉菜单，用户在第一个菜单里的选用，会影响第二个菜单中的内容。

一页只做一件事可以轻松处置这种状况：用户作出选用并提交，主机来选择用户接上去看到什么——自然具有繁难和容纳的特点。

咱们也可以用JavaScript。

不过无论是构建还是确保界面的可用性，都须要更高的老本。

假设JavaScript出错，用户的体验也就被破坏了。

而且，依据一切这些陈列组合选项来加载页面，会清楚减轻页面累赘。

或许，咱们可以经常使用AJAX，但这并没有防止渲染新页面（或许局部）。

更关键的是，它并没有减轻服务端的数据往复压力。

还不止这些。

咱们须要发送更多代码量，并且动员AJAX恳求，还要处置失误、显示加载批示器。

这又让页面加载变慢了。

自定义加载批示器是有疑问的，由于它们并不准确，不像阅读器的原生加载进展。

用户也不相熟它们——相关于整个网站来说，它们是不凡的存在。

无论如何，相似性是用户体验的惯例，除非真有必要，否则不要冲破它。

而且，页面上有两个灵活降级的联动输入项，这会须要用户依照必定顺序来操作。

咱们也可以经过可用/禁用和显示/暗藏来管理这些输入项，但这样也愈加复杂。

最后，用户的某些更改，或许会造成随后的元素隐没或许变动，这也让人蛊惑。

8. 对经常使用屏幕阅读器的用户更友好

假设页面上内容缩小，屏幕阅读器就不用短途跋涉穿过许多多余的无所谓消息。

用户可以间接前往第一个题目，而后迅速开局操作表单。

9. 易于更改细节

构想一下某人正要确认订单。

关键时辰，他发现支付消息里有一处失误。

此时回到公用页面比找到页面*当中*的某个局部更容易。

用户点击“编辑”，会前往支付消息页面，外面有公用的题目和关系的表单名目。

深陷一个长页面中是会令人迷失方向。

记住，用户点击链接代表他们要口头特定的操作——页面上的其余物品都是搅扰消息。

长页面还或许会减轻上班量。

比如说，假构想要在一个页面中开展和收起面板，你就须要更多额外的逻辑思索。

一页只做一件事，这些疑问都获取了处置。

10. 用户对数据更有掌控力

用户不会只加载一半的页面。

要么所有，要么没有。

假设他们须要更多消息，就会点击链接，他们有选用才干。

只需每一步都更凑近指标，用户并不介意点击。

11. 处置了性能疑问

假设每件事都复杂无比——单页运行就是一个极其例子——性能疑问就很难处置。是由于口头期间疑问？内存走漏？还是AJAX恳求造成的？

人们很容易以为AJAX能优化用户体验，但参与代码量很少状况能发明更快的体验。

复杂性转移到客户端，会覆盖服务端的基本疑问。

但假设页面只做一件事件，性能疑问就不容易发生。

假设真出现了疑问，排查要素也很容易。

12. 它有一种在行进的觉得

由于用户在不停地前往下一步，会发生一种正在行进的觉得，在用户填写表单时给他们一种踊跃的感触。

13. 降落失落消息的危险

长表单须要更长期间来实现。

假设所花期间太长，页面超时或许造成消息失落，发生重大的挫败感。

又或许，电脑或许卡死，*《我是布莱克》*里的主角Daniel就是这样的例子。

他的肥壮日薄西山，而且第一次性用电脑就遇到了死机，而后数据失落。

最终他丢弃了。

14. 第二次经常使用的体验更顺畅

比如，假定咱们贮存了用户的支付消息，咱们可以间接跳过那一页，间接带他们去“结账确认”页面。

这会缩小阻碍，优化转化率。

15. 这是移动优先设计的一种补充

移动优先的设计，倡议在小屏幕上只出现最关键的消息。

一页只做一件事，也遵照着相反的形式。

16. 设计环节很繁难

当咱们设计一套复杂流程时，合成成粗大页面和组件，可以让人更容易了解这些疑问。

还可以繁难地互换页面来扭转顺序。

咱们一次性只钻研一件事，这点和用户一样，能让咱们更轻松地剖析疑问。

这可以减轻设计累赘——这种形式让用户受益的同时，还能有这样的附加福利。

这种形式适宜一切状况吗？

也不齐全是。

Caroline Jarrett在2015年写过一篇文章《一页只做一件事》，外面讲得很清楚。

她解释道，用户调研“会通知你某些疑问组合起来放在长页面里更适宜”。

然而反上来，她也提到了“关于设计师来说‘属于一组’的疑问……关于用户而言，并不必定要放在一个页面上”。

她提出了一个颇具启示性的例子，的验证页面中，他们尝试把“创立用户名”和“创立明码”先后放在两个页面上。

就像许多设计师所以为的，Caroline觉得把这两者放在不同页面有点太过了。

实践上，用户对此一点也不介意。

关键在于，以一页只做一件事为登程点，而后经过用户钻研，验证把其中一些名目编组兼并，能否能进一步改善用户体验。

这并不代表最终结果必定是把页面兼并——在我中，最好的结果往往是把事件拆分开来，仅此而已。

当然，我也宿愿听听你的。

总结

这种低调不起眼的用户体验设计形式很灵敏、高性能、有容纳性。

这是真正拥抱互联网的形式，关于自信满满和小心翼翼的用户而言都很繁难。

一个页面上展现很多（或许所有）内容或许会营建一种繁难的幻象，但就像代数式疑问一样，除非把它们合成，否则很难处置。

假设把义务看作是用户想要实现的一笔买卖，把它合成为多个小步骤很有必要。

这就像咱们在用网页的一砖一瓦来搭建渐进式表单。

每一页面前的隐喻，都给潜看法营建一种正在行进的觉得。

我还没有遇到过哪种其余的设计形式，能具有这么多的好处。

这就是那种真谛时辰——答案总是最繁难的。

smashingmagazine

译文地址：可乐橙

作者：Adam Silver

译者：可乐橙

什么是移动优先什么是资讯加政务加商务

移动优先、资讯加政务加商的定义如下。

保持移动优先战略，完善手机台配置，打造“资讯+政务+服务”流传平台。

所谓“移动优先”，不是媒体单位外部一个或几个部门的上班，而是整个媒体单位的全体战略。

在媒体融合环节中，从中央到中央都提出了“资讯+政务+服务+商务”的战略口号。

先了解“+”的意思，“+”不是累积、叠加的意思，不是数学里“+”号的意思，而是强化的意思，是Plus的意思。

强化什么？是强化服务性，是服务Plus，是服务+。

中国移动正式员工怎样考

1. 专业背景：中国移动优先思索通讯、计算机、电子消息技术等与公司业务严密关系的专业背景的求职者。

这些背景有助于求职者更快地理解和顺应公司的上班需求。

2. 上班阅历：关于技术类岗位，中国移动理论要求求职者具有必定的上班阅历，例如网络优化工程师或许须要两年以上的关系阅历，以确保能够迅速融入团队并处置实践疑问。

3. 技艺和才干：中国移动注重求职者的专业技艺以外的才干，如沟通才干、团队单干、翻新才干等。

这些才干关于员工在公司内的生长和公司的开展至关关键。

4. 团体质量：求职者的诚信、责任心、敬业精气等团体质量是公司文明的关键组成局部，也是取得共事信赖和尊重的基础。

5. 招聘流程：合乎中国移动的招聘流程是成为其正式员工的前提。

求职者须要经过简历挑选、口试、面试等环节，最终取得录用通知。

总结：想要成为中国移动的正式员工，求职者须要满足专业背景、上班阅历、技艺和才干、团体质量等方面的要求，并成功经过公司的招聘流程。

这些要求独特造成了中国移动招聘正式员工的综合规范。