尽管前端供应商早就知道并高度赞赏
Vitaliy Fridman （《
Smashing Magazine》的联合创始人），但移动开发人员和测试人员对这个名称的了解可能很少。 但是最近在HolyJS 2018 Piter的
顶级报告中一次获得两个第一名的Vitaliy，现在带着新报告“测试的极致：来自移动接口黑暗角落的技巧”进入了移动和测试会议。
因此，
出于对
Heisenbug和
Mobius的期待
，我们向他询问了有关UX测试以及移动接口的问题：从如何在Smashing Magazine中专门进行此类测试，一直到智能手机。
-问题是针对那些不完全沉迷于UX测试的人：我们是否正确理解，尽管它与测试有关，但这是一个相当特殊且孤立的区域吗？ 单元测试要么是绿色要么是红色，并且您在这里事关重大。“是的。” 在我进行的测试中，您不能说“绿色”或“红色”。 这里有很多主观的看法：不同的用户带有一定的偏见，并且具有在其他站点上学到的技能。 例如，一个人只能访问交流网站或新闻网站。 他对互联网和界面的看法与我们和其他人都大不相同。 因此，在这种情况下，研究特定站点的目标受众，查看她访问过的其他站点，如何使用它们以及习惯是非常重要的。
最困难的事情是主观上某个人可能会喜欢，而不是某个人会在界面中选择一些目标，以便使想法到达不同的用户，每个人都知道需要做什么以及如何做。 人们必须寻找的不是“做好”的事情，而是寻找具有良好恢复经验的事情。
也就是说，即使一个人有不同的用户体验并在站点上犯了错误，也有必要使他能够快速返回到正常状态，并无论走到哪里都继续他的道路。 例如，这是很难完全提供代码覆盖的最重要部分。
所以现在我有一个稍微不同的计划的问题。 我研究如何更改一些小细节，例如自适应错误的文本。 假设，如果没有通过卡付款，您不仅需要报告此情况，还需要说出到底发生了什么以及如何解决。
我的任务是查看所有这些详细信息，并且不可能对这些过程进行自动测试。 需要注意的人。 因此，我认为我在某种程度上成为了治疗师或心理学家。 我不断观察人们，观察他们，并根据他们在屏幕上的外观，单击的位置，未单击的位置，手指或鼠标光标的移动方式得出结论。 这是稍微不同的一面，更抽象，是人的。
-在“常规”测试中，人类已经得出结论，即使没有测试也很重要。 在UX测试的情况下，凡事都比较抽象，他们经常挥手致意却没有给予足够的重视？-是的，很多时候。 问题是，对我而言，UX始终是大量的实验。 有一个主意-您需要尝试一下，看看它会如何改变转化或参与度。 通常，问题在于我们假设您可以更改某些内容并立即发现它。 但是在UX中，效果通常是非常长期的，长期的效果。
如果挂断一个弹出窗口并看到有多少人单击它，这是短期影响，因此很容易衡量。 当然，如果存在严重错误，例如在购买时（一个人不了解完成订单所需的条件），他们会很快注意到这一点。 但是有些东西只会出现很长时间。
例如，在某些文字方面，不清楚某个功能，产品或其用途意味着什么：您需要花点时间看一下人们是在使用，回退还是扔掉了，因为最初他们不了解她在做什么。 这可以通过点击率和参与度指标来衡量，但是问题可能不在于人们并不需要此功能，而是不清楚它如何帮助用户或何时正确使用它。 因此，我们以某种方式使该过程系统化的唯一方法是，在每个星期五定期与至少六个用户进行一次用户访谈。
产品有一些版本，我们有一个连续的部署，一些功能-我们正在寻找一个人是否了解界面中正在发生的事情。 他转而选择支付订单或所需信息的速度更快吗？ 我们着眼于转换以及一个人通常如何理解界面中正在发生的事情，这对于他来说，将结账转移到他所寻找的信息是否更快。 这是经典测试中以某种方式执行自动化的唯一方法。
-IT巨头使用眼动追踪等方法仔细进行UX测试。 但是小公司可能会认为：“谷歌已经准备好分配一个专门的实验室，但对我们来说，有些东西可以介入UX测试。” 没有大量资源，是否有可能在这里取得成果？-当然了 有太多资源（包括免费资源）可以进行测试。 眼动追踪可能会有所帮助，但在困难的情况下。 例如，在人们无法找到如何到达博物馆某些房间的路线时，可以使用它。 在这种情况下，了解人们去博物馆时所看的地方以及为什么没有找到看起来很容易找到的东西很有用。 您可以在界面中查看人们的外观，他们关注的内容以及看到的内容。
热图是一种相当简单的方法，有许多用于创建它们的工具。 他们分析流量并产生流量，您可以为每个用户录制视频-他去哪儿，鼠标在哪里，它在哪里移动，在哪里单击，在哪里他返回等。
另一方面，有些工具可让您从测试人员中聘用可以为每次测试赚钱的人，并为他们分配任务-例如，网站usertesting.com。 这已经是昂贵得多了（每个视频测试49美元），但是您可以选择自己感兴趣的受众特征，给这个人一个任务，然后在这里使用所谓的“ think-aloud协议”。 这意味着当一个人访问界面的主页并从一个页面移到另一个页面以完成一项任务时，他必须说出自己是否了解一切，所见内容，该网站的内容，单击按钮时的期望。 如果您为移动设备收集了6-7个此类视频，而对于台式机则收集了6-7个此类视频，则可以看到很多模式。 此外，您需要仔细监视人们的外观以及他们使用鼠标或触摸板的行为。
很多情况下，有些人不了解界面中的某些内容。 人们喜欢按钮和任何互动元素。 他们开始朝自己的方向移动，但不要单击它，而是在按钮周围扭曲鼠标。 然后只有他们单击。 这是一个迹象，表明一个人不太了解如果按下按钮会发生什么。 无需昂贵的设备即可轻松找到此类东西。
“在其他类型的测试中，有一个职责分离的想法：“在这里，我们让开发人员为代码编写单元测试，但是手动测试人员会这样做。” 和UX测试-谁在乎？-我认为这取决于公司的结构。 西方公司经常有UX设计器，甚至是可用性测试器，很明显，他们整天都在做。 但是，如果公司规模较小，则由其他人负责。 如果有一个前端设计师（更接近UX，而不是JavaScript），那么他就有一个。 如果没有单独的可用性测试人员，则处理原型的任何人都有责任进行此类测试。
-专门针对《 Smashing Magazine》进行UX测试吗？-一切对我们来说都很简单：新想法一出现，我们就会召集5-7个人，我亲自给他们做作业并进行采访。
任务是查找信息或尝试付款。 我观看他们的操作方式，并征得他们的同意，然后记录下他们的行为和面孔，并非常非常缓慢地观看每个视频。 一个视频花了我一个半小时的时间来详细了解人们的移动方式，使用鼠标的方式，所看到的位置，所注意到的内容以及没有注意的内容。
我们还会自动生成一个热图：人们点击那里时，有什么地方不会引起注意。 根据这些数据，我们将改进界面，并在一周后进行同样的操作。 我们有一个小公司，不到20人。 在大型公司中，它看起来大致相同，只是不同之处在于，多个测试将同时进行。
而且，我们不仅监视您更改按钮，按钮的位置或页面上的文字会发生的情况。 测试有两种类型：一方面是A / B测试-按钮和其他小物件。 另一方面，您可以尝试完全更改某些内容，这称为A / Z测试。 例如，当我们完全替换设计并对其进行测试时。
它可能具有相似的颜色，版式，但在组织信息，布局方面将完全不同，所有组件的布置也将完全不同。 如果您只是更改按钮的位置，无论KPI是什么，我们很可能会达到局部最大值，局部转换。 完全不同的设计可让您突围而出，并获得完全不同的转换级别，这对于局部小尺寸测量而言很难做到。
-当您先在Smashing Magazine中做某件事，然后在测试后发生重大变化时，您能否举一个具体的例子？-例如，当他们推出具有不同功能的付费订阅时。 我们制定了三个关税计划，很长一段时间以来，我们一直在考虑有多少人能够为每个计划支付费用。
然后我们进行了测试，发现对于许多读者来说，这些计划是完全不合适的。 他们，特别是大公司的人，需要一个年度计划：为了不每月汇报，而要花7到9美元。 人们无法找到年度计划-尽管已提出要求，但他们根本找不到。 结果，我们添加了相应的按钮，稍微改变了界面，人们开始注意到它。
-让我们继续谈谈移动界面的命运。 以前，人们经常会听到有关移动互联网份额增长的信息，而在2018年智能手机销售停止增长的情况下呢？-在2018年，这种情况仍在继续。 而且，我想说这是非常重要的一年，因为今年我们看到了很多转折点。
无论我们采取什么措施-零售，音乐和视频内容的消费，甚至是广播-几乎到处都可以看到移动流量已经超过台式机流量。 我不会说台式机流量正在急剧下降，只是没有增长，而移动流量却在迅速增长。
移动流量仅在现在进入印度，亚洲，非洲和南美-迅猛增长，远高于我们现在在欧洲或美洲的增长。
最后，移动流量非常重要，因为今年以来，移动转化率首次超过了台式机。 多年来，营销人员一直说，在移动市场上尤其不值得投资，因为那里的转化率很小。 今年一切都变了-现在，没有什么比移动流量更重要了。
这不仅涉及电话之类的事物，还涉及Apple Watch，任何其他小工具和物联网。 连接互联网的冰箱也可能会显示一些信息。 当然，我们也在谈论诸如对话界面和聊天机器人之类的东西，它们主要针对移动应用进行了优化。
-甚至在数年前，移动优先（主要为移动设备创建接口）就成为UI中的流行语-当前的“引爆点”是否意味着对于许多公司而言，现在成为流行语中的主要习惯？“是的。” 我目前正在与一家认真考虑他们如何组织整个公司的公司合作。 最初，他们忽略了移动市场，而台式机已经存在了15年-它是一家大型的电子商务零售商。 突然间，一个移动市场出现了。
当然，他们进行了优化，响应式设计。 这已经很好，但是仍然有Android和iOS应用程序。 结果，事实证明，绝大多数开发人员和设计师都在桌面站点上工作，而一小部分人在移动站点上工作。 现在，他们非常想改变自己的需求，因为他们注意到了这一趋势。
台式机很稳定，在这种情况下并没有增长，但是移动市场和流量却在增长。 因此，他们计划更改其整个体系结构，以使它们具有从移动设备开始的一切功能，某些功能将首先仅适用于移动设备，然后才适用于台式机。
他们必须考虑很多因素，这对于组织一个团队来说意味着什么，因为一个小团队现在承担着很大的责任。 他们还考虑了如何首先迁移到移动设备，不仅是在界面方面，还包括如何对整个组织进行“数字化转型”。
对于他们来说，对于许多人来说，它更可能不是移动的，而是内容优先的。 它涉及到如何组织任何形式的信息：手表，手机，平板电脑等。 更加关注组织，过滤器，以一种可访问的方式显示信息，以使信息不会太多，以便于人们使用。 同样，这是适当的测试变得非常重要的时刻。
-是否值得为网站的移动版本和桌面版本创建显着不同的界面，或者仅需很小的改动就可以自适应？-我认为有些情况下您需要与众不同。 例如，有一个宜家项目，可让您设计“梦想中的厨房”。 这样的项目不能简单地在台式机和移动设备之间“转移”，它们具有不同的功能。 在桌面上，它看起来像是常规的桌面应用程序，在移动设备上则是AR / VR应用程序，您可以在其中以3D形式直接看到对象。 利用设备，这是完全不同的情况。
对于经典网站，我会说最简单的事情是创建一个更改最少的网站。 当然，这并不排除应用程序的存在。 此外，现在借助PWA（渐进式Web应用程序），可以使站点也成为可以在系统级别安装的应用程序。 但是，通常来说，对于大多数人来说，拥有一个站点和代码库并在不同设备上尽可能多地使用它是最合理的。
-Smashing Magazine也是一个渐进式Web应用程序，对吗？-是的，您可以离线使用该站点，将其添加为应用程序，并且具有缓存。 但这没什么特别的。 并且有些公司正在尝试创建诸如“离线电子商务”之类的东西，以便人们可以进行离线购买。 这不是一件容易的事，但是这个主意很好，因为如果您使用PWA，您将拥有非常好的性能。 这意味着您可以快速下达（或至少准备）订单，而不会出错并且可以持续访问服务器。
例如，在git的情况下，当我编写某种提交，然后推送到服务器时，所有更改首先在本地进行，我们如何做到这一点。 这个想法是相似的，我认为它可能会很好地工作。 这是PWA的一大优势。
-Smashing Magazine具有非典型的用户统计信息（例如，浏览器份额根本没有像整个Internet那样分布），所以我想澄清一下：您的移动访问者与台式机的比例是多少？-三年前，我们的移动流量为11％，现在约为22％。 老实说，这很小。 事实是，我们有很长的文章。 读它们需要40-50分钟。 从电话中读取大量内容非常困难。 现在，平均而言，网站的移动流量更多，但是由于我们的功能，我们尚未达到这一点。
-Artemy Lebedev 批评了移动界面，称“屏幕越大，界面越好。” 您是否觉得过渡到小屏幕变得很难设计出更好的设计？-我认为相反，进行漂亮的设计变得更加方便。 我是各种限制的忠实拥护者。 每个项目都需要某种限制。 在提出概念时，我们经常试图强迫自己在通常形式之外进行思考。 我们开始设计并提出设计，为自己设定极限。
例如，“在这个项目中，我们不能使用两种以上的颜色。” 这并不意味着我们将仅使用两种颜色，而是将导致我们采用一种不寻常的解决方案。 或者我们说我们将不使用三角形，圆形和正方形。 除此之外，我们还能使用什么？ 移动设备的大小本身就是一个很大的限制。 它使我们提出了有趣的解决方案。
我认为您可以在任何地方绘制漂亮的界面。 当然，在某些时候会出现困难。 例如，聊天机器人没有颜色或字体方面的可视组件，您只需发送文本即可。 但是其中也可以有美丽。
我们朝着时钟或小型设备或会话界面的方向走得越远，失去的可见性就越多，只有本质得以保留。
该网站（公司拥有自己的核心）非常重要，如果删除所有图片，颜色和版式，该核心将保留。这使我们考虑了什么对品牌重要和必要，并将我们的注意力集中在此上，让这一核心得以体现。现在，我们躲在好的字体和设计后面。-原则上，哪些接口不适合移动格式？例如，我想到了屏幕上通常不适合的桌子。还有其他绊脚石吗？-我什至怀疑桌子不合适，我对此表示怀疑。大型复杂的表格很难在同一时间显示所有内容，因为没有位置。但是问题是是否要展示所有内容。也许我们作为设计师的任务是找到一个界面，该界面不会立即显示所有内容，而是会向人们提供部分必要的信息。我们习惯于无所不在地看到一切。也许有机会找到一个机会向一个人展示自己的需求，而不仅仅是展示整个桌子。例如，使用任何形式的可视化地图都存在很大的问题。没有足够的空间，您始终必须跳入地图深处然后离开那里。顺便说一下，在会议上，我将告诉您一些如何使用它的方法。-相反，对于台式机无法代表的移动界面，我们能说什么呢？-是的，这样出现。我已经在宜家举例说明了。当然，有WebVR，但是要使用它，您需要穿戴某种设备。我认为有一天我们会戴上眼镜，看到我们面前的所有物体。但是，在涉及到这一点之前，我们需要将巨大的设备放在头上。问题是，当我们创建界面时，通常会首先考虑移动或内容。我们忘记了桌面，最后有了桌面。因此，某些界面在非常大的屏幕上看起来很奇怪。老实说，《粉碎杂志》有这样一个问题。我们针对移动设备进行了优化（最大1800像素），所有内容都可以在大屏幕上溶解。通常，这只是文章的一个中心列。也许左右广告。您可以做更多的事情。我经常看到的界面首先是真正的移动设备，它们看起来不错，并且在移动设备上非常方便，但是在台式机上却完全消失了。当然，您需要考虑到移动设备正在开发中，并且转换已超出了台式机，但是台式机并没有成功。无论如何，这很重要。因此，您必须优化并朝着移动优先和桌面优先的方向发展。-最后还有“炒作”问题。在过去的一年半中，智能手机上的“刘海”主题不可避免地出现了，对此充满了兴奋。您怎么看，在考虑UX时值得注意吗？-我们喜欢从头开始担心。注意人们如何使用电话。只有2％的人在横向模式下阅读文本，而在这种模式下，边缘确实很麻烦。而且有98％的人在纵向模式下阅读，因此完全不影响阅读。重要的是要知道人们在设备和特定站点上的行为，并根据此信息来纠正设计。例如，当我们播放或观看视频时，我们使用风景模式。因此，游戏开发人员需要确保“条纹”不会干扰。但是一般来说，大多数站点都不需要它，这并不重要。维塔利（Vitaly）将在下周在我们的两次会议上的闭幕主题演讲：Heisenbug（定于12月6日至7日举行）和Mobius（定于12月8日至9 日举行）。在第一篇中，除了他的演讲外，还将有更多关于测试的有趣报告，第二篇中，是关于移动开发的报告。
