原文链接：Case study: A better usability for our checkout flow
原文作者：Joel Monteon
Gbox是一个用户可以通过在线内容获取收益的平台，具体而言，就是收费视频内容。关键因素是视频不仅限于放在我们网站上，终端用户不需要去gbox.com上观看视频。事实上，我们也没有一个地方为用户提供一个浏览的视频列表，这也是我最喜欢我们产品的地方：我们想要分散人们观看视频的方式。
接下来介绍一下它的工作方式：视频内容作者上传他们的作品到我们的平台上，然后它们可以免费地嵌入任何它们想要的东西，一旦有用户想要看当中的某一个视频，会先有一个预览或者是预告片，结束之后他们可以在我们的平台上选择购买视频。这是挑战的开始。
目标
假设有一个用户访问了他最喜欢的橄榄球队的网站，观看比赛回放，她看过了预览之后想要购买完整的视频。这个用户正在考虑购买他喜欢的橄榄球队的视频，他信任当前浏览的网站。
如果他点击“购买”，我们会给他一个UI，但这个UI与当前访问的网站无关，这个UI也会告诉他正在通过“Gbox”公司购买视频，但是他可能没有听过这家公司，这时候信任感会被削弱，这可能会阻止他购买视频。
另一个目标
我们曾经有过一个侧边栏，出现在了创作者的网站上，这种解决方案的优点是：
用户不会被带到另一个选项中去购买。
一个半透明叠加放置在网站上，侧边栏的后面，所以用户不会从当前的情境中受到干扰。
这也有缺点：
在大屏幕上，侧边栏不会出现在用户的视野中，所以它可能有时候被忽略掉了。
用户可能会在检验流程中心烦意乱。
这个外部的UI仍然会感到奇怪，用户不信任这个UI能够完成购买这样重要的事情。
第一次尝试
我们决定使用一个模态弹框，出现在屏幕中间，这样我们可以成功地抓住用户的注意力，同时，叠加内容仍然是透明的，但在后面不一样的元素依然会分散用户的注意力，最后，主要元素，例如按钮的颜色，文本和背景会根据创建者的颜色来改变。
这是对当前方案的设想：
用户会觉得他们仍然在原网站上购买一个视频，这将使他们信任。
在检验流程中，可以提供足够的信息让他们完成购买。
如果一开始就要求用户注册会给整个流程带来一些阻碍，所以最好在末尾给他们选项，是否收取电子邮件收据。
然后我们测试解决方案
我设计了整个流程图在sketch上（我们希望看起来更真实）
通过proto.io创建了原型
为平台上每一个购买选择提供了一些场景：“固定价格”、“投稿”，“登录解锁”和“获取季度通行证”。
用户解锁一个视频或订阅Hull FC（英超联赛的橄榄球队），那么他就是我们的用户。
招募了五位用户，都是橄榄球球迷，并要求他们执行五个任务和会话记录通过Camtasia.
研究结果
回顾我们的假设，这是一些结果：
所有的用户都在付款过程中感到自信，莫泰弹窗作为一个完成事件的UI元素，被用户认可和接受，他们没有脱离情境或者认为他们离开了原来的网站。
提供了足够多的信息来完成购买，只要用户得到一个视频。当他们想要得到季度通行证的时候，需要了解更多的细节，比如哪些视频是包括在内的。我们认为他们会推断出当前赛季的所有视频（考虑到他们是了解一个队伍的一个赛季视频），但我们错了。
第一个研究我们认为更重要的是测试不同的购买选项，所以我们来不及测试用户如何反应，如果我们要他们去登录的话。
然而，在研究过程中，我注意到没有一个用户犹豫去创建账户当它是解锁视频的唯一方法。我询问他们分享他们如何看待必须创建一个账户观看视频，其中五个人回答这是他们习惯去做的事，这不是打扰他们的东西。所以认为值得一试。
我们对结果还是比较满意的，莫泰弹窗的方法被证明是比侧边栏更为有效，但仍有许多事情要解决和一些假设来验证。
