帮你解决用户到底该“向左滑”还是“向右滑”的问题

编者按：由于手机尺寸的限制，我们在浏览内容时会滑动一些操作，不同类型的内容操作也不同。例如，图片将选择左右滑动，文本将选择上下滑动；本文介绍了设计中的“左”和“右”操作。让我们看看。最近左右横跳的泳道经常在大家的视频上看电视剧，发现大家的视频在设计上有一个很有意思的点。它的电影页面上有很多推荐的电影列表，每个列表中有5-12部电影；由于手机的大小，用户只能看三部电影；如果你对电影列表中的电影感兴趣，你可以滑动以观看更多的电影——这种水平滑动设计也被称为“游泳道”。那么问题来了，滑向哪个方向？也许你会认为这是一个分数问题，一定是左滑动啊；是的，你去看100个应用程序，这条水平滑的游泳道，99个是左滑动；但每个人的视频都是唯一的例子，它是左右滑动的组合。前者是左滑，后者是右滑；相反，前者是右滑，后者是左滑。当我第一次遇到这个设计时，我很奇怪：为什么要对用户固有认知进行这个挑战？后来，我想了想，开始理解他们的做法。当用户左滑查看电影时，浏览最后一部电影后，用户的视线停留在屏幕右侧；如果下一个电影列表仍然是左滑动，用户的视线需要先移动到屏幕左侧，然后移动到右侧——这条路线是Z浏览模式；每个人的视频都是右滑动，第一个视频直接从右侧开始，以避免用户视线的转移。每个人视频的解决方案让我想起了夸克浏览器——用户在夸克浏览器中观看视频。如果点击屏幕的位置在左边，菜单就会出现在左边；如果点击位置在右边，菜单就会出现在右边；这种处理可以缩短用户手指的移动距离。一是缩短视线移动距离，二是缩短手指移动距离。我不能得出结论，这种左右交互是否合理；从我个人的角度来看，第一次使用不是很习惯，学习成本相对较高。左还是右？设计中有很多关于“左右”的争论。最经典的是:对话框的确定按钮是在左边还是右边？这个话题已经被讨论了无数次。那么，无论是左还是右，我们在争论什么呢？左右代表什么？我们习惯于从左到右浏览，所以左代表用户视线的起点。我们常说用户的浏览模式是Z型的，但在移动终端界面中，左边是信息区，右边是操作区。在快速浏览页面的模式下，用户可以根据左侧的信息区判断他们是否对此内容感兴趣，如果他们感兴趣；因此，在更多情况下，用户的浏览模式不是Z型，而是L型。与iOS10相比，我们可以发现页面标题、搜索框文案和内容都改成了左边。整体视觉动线由中间变为左侧，用户在快速浏览过程中不需要偏移视线。右代表更好的易用性。因为在移动端，用户更习惯于单手握手机；我们大多数人都是右撇子。谷歌MD设计中的浮动按钮位于界面右侧；微信浮动窗口也位于界面右侧，方便用户操作。也许你会明白为什么“对话框的确定按钮在左边还是右边？”这个话题经久不衰。因为左边和右边背后都有理论支撑——左边意味着离你的眼睛更近，右边意味着离你的手更近。让我们想象一个场景，界面设计应该如何调整左撇子用户；用户通常的手是左手，那么镜面反转，操作区域移动到左边吗？读者中一定有左撇子用户，你会喜欢这种布局吗？当然，也会有一些设计方案在“左/右”的选择上没有那么纠结。比如在微博、抖音等社交产品中，主页的“推荐”栏总是在“关注”栏的左边。以微博为例，“关注”和“推荐”在信息架构上相似。以下是一些细分类别：“关注”中有不同的组，“推荐”中有不同的内容类别，如流行、城市、列表等。然而，“关注”用户需要点击下拉框进行筛选，“推荐”用户可以直接右滑切换不同的内容类别；如果“关注”中的组也改为滑动切换风格，则“推荐”列的流量将不可避免地减少。抖音也是如此，因为用户左滑可以查看作者的主页，如果推荐栏放在左边，那么用户左滑就会进入关注栏。引导用户进入作者主页意义不大；抖音的想法是，用户认为视频很有趣，对视频作者感兴趣；用户可以直接滑动到作者的主页，而不是点击头像进入主页。微博和抖音的“左关注，右推荐”模式是引流推荐栏。社交产品追求的是用户可以在这个产品中建立更多的关系链，这是社交产品的护城河；既然你已经关注了这个人，这表明关系链已经形成，就没有必要排水。从这里我们也可以看到，在考虑计划时，我们不仅要考虑交互的易用性，还要关注流量分配——哪个计划的流量分配更符合你的需求，哪个是一个好的计划。即使在很多情况下，当交互易用性与流量分配发生冲突时，交互易用性也会受到牺牲，因为流量代表产品经理的KPI。最典型的例子是，知乎将左右滑动切换答案改为上下滑动，以便在答案底部进行广告排水；当然，我们不能批评知乎的行为。还是回到对话框的话题，“确定按钮是在左边还是右边？“，最好的方法是A/B测试；如果是引导用户安装APP的对话框，可以看到“确定”按钮放在哪里可以带来更多的转化率。搜狗输入法做了这个A/B测试。结果表明，左侧确定按钮的转化率更高，误操作率更低，平均操作时间更短；那么，我们能说“确定”按钮将来会放在左边吗？当然不是，因为这个测试是在Android4.0期间进行的；Android4.0之前系统对话框的确定按钮在左边，4.0改为右边——用户之前的操作习惯会影响测试结果。另一个因素是设备尺寸。现在手机尺寸越来越大，用户需要双手握住手机；然后，在双手操作模式下，手指可以完全覆盖屏幕，因此右侧的易用性不高。总之，在不同的设备、系统、时间和场景中，相同的交互问题会有不同的答案。