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