设计中关于“左”和“右”的思考

访客3年前黑客工具425

编辑导语:由于手机尺寸的限制,我们在举办内容欣赏时会举办一些滑动操纵,差异范例的内容操纵也各不沟通,好比图片会选择阁下滑动操纵,文字会选择上下滑动;本文就先容了在设计中的“左”和“右”的操纵,我们一起来看一下。

设计中关于“左”和“右”的思考

一、阁下横跳的泳道

最近常常在人人视频上看电视剧,发明人人视频在设计上有个很有意思的点。

它的影戏页中有许多推荐影戏片单,每个片单里有5-12部影戏;碍于手机尺寸,用户只能看到3部影戏;假如你对这个片单里的影戏较量感乐趣,可以滑动查察更多的影戏——这种横向滑动的设计又被称之为“泳道”。

设计中关于“左”和“右”的思考

那么问题来了,毕竟向哪个偏向滑动呢?

或者你会以为这是一个送分题,必定是左滑啊;没错,你去查察100个APP,这种程度横滑的泳道,99个都是左滑的;可是人人视频就是那独一的特例,它是左滑和右滑彼此组合的。

设计中关于“左”和“右”的思考

前一个片单是左滑,后一个就是右滑;反之,前一个片单是右滑,后一个就是左滑。

之一次遇到这种设计,我很奇怪:为什么要做出这种挑战用户固有认知的调解?厥后思考了一下,开始领略他们的做法。

当用户左滑查察影戏时,欣赏完最后一部影戏,用户的视线是逗留在在屏幕右侧;假如下一个片单依然回收左滑,那么用户的视线需要先移动到屏幕左侧,再移动到右侧——这个蹊径就是Z型欣赏模式;而人人视频紧接着的是右滑,之一个视频直接从右侧开始,制止了用户视线的转移。

设计中关于“左”和“右”的思考

人人视频的这种方案,让我想起夸克欣赏器——用户在夸克欣赏器里寓目视频,假如点击屏幕的位置靠左,那么菜单就会呈此刻左边;假如点击的位置靠右,菜单就会呈此刻右边;这样的处理惩罚 *** ,可以缩短用户手指的移动间隔。

设计中关于“左”和“右”的思考

一个是缩短视线移动间隔,一个是缩短手指移动间隔。

我无法给出一个结论,这种阁下横跳的交互 *** 是否公道;从我小我私家的角度来说,之一次利用不是很习惯,进修本钱照旧较量高的。

二、左照旧右?

设计中有许多这样“左、右”的争论。最经典的就是:对话框简直定按钮到底是在左边照旧右边?这个话题被接头了无数次。

那么不管是左照旧右,我们到底在争论什么?左和右代表了什么?

我们习惯的欣赏偏向是由左至右,那么左代表了用户视线的起点。

我们常常说用户的欣赏模式是Z型的,可是在移动端界面中,左边为信息区,右边为操纵区。

用户在快速欣赏页面的模式下,按照左边的信息区判定本身是否对这条内容感乐趣,假如感乐趣才举办操纵;所以更多的环境下,用户的欣赏模式不是Z型,而是L型的。

设计中关于“左”和“右”的思考

iOS 11与iOS 10对比,我们可以发明页面标题、搜索框文案和内容都是改成放在左边。

设计中关于“左”和“右”的思考

整体的视觉动线由中间改成了左边,用户在快速欣赏进程中视线不需要产生偏移。

设计中关于“左”和“右”的思考

右代表着更好的易用性。因为在移动端,用户更习惯单手握持手机举办操纵;而我们大部门人都是右撇子。

谷歌的MD设计中的浮动按钮,是位于界面右侧;微信的浮窗也是位于界面右侧,就是为了利便用户操纵。

设计中关于“左”和“右”的思考

看到这里或者你会领略为什么“对话框简直定按钮在左边照旧右边?”这个话题历久不衰了吧。

因为左边和右边背后都有理论支撑——左代表着离你的眼睛更近,右代表着离你的手更近。

相关文章

产品管理流程及规范4——PRD文档撰写

产品管理流程及规范4——PRD文档撰写

对产物司理来说,必备的一项技术就是写出逻辑清晰可以实施的PRD。本文作者就从why,what,how三个层面临PRD文档撰写展开了阐明,供各人参考进修。 上一篇文章已经具体讲授了产物原型的保真度区别...

一个创业程序员的35岁人生总结(下)

一个创业程序员的35岁人生总结(下)

创业之路,道阻且长。外行的人大概很难想象,创业的人面对的是什么坚苦?本文作者基于本身的创业经验,分享本身创业路上的一点所思所想,但愿对你有辅佐。 一、到底奈何才气创业乐成?创业的本质是什么? 创业最...

2020年2季度中国娱乐直播市场观察

2020年2季度中国娱乐直播市场观察

编辑导语:二季度的复工复产,娱乐直播市场从“暴增期”慢慢过渡到“回调期”。用户增长呈现了临时性降速,但直播作为一种糊口方法已经被人们所接管,直播用户月均启动次数首破7亿。娱乐直播市场泛起出何种竞争名堂...

法律科技产品策划:月薪1万与3万差别点在哪里?

法律科技产品策划:月薪1万与3万差别点在哪里?

编辑导语:想要办理问题的真正要领,就是继承问问题;想做好产物筹谋不是只有要领论就可以,更多的是需要量的积聚。假如你收到一项法令科技产物筹谋,你想怎么做?本文直观地指出了办理问题的正确要领。 老板让做...

生命周期不应该只有运营要懂,产品也要烂熟于心

生命周期不应该只有运营要懂,产品也要烂熟于心

编辑导语:在一个产物中,在差异阶段用户的行为以及用户的代价都是很重要的,我们需要去判定用户的范例,举办转化;可是要用用户可以接管的步伐,而不是强加给用户,影响用户体验的要领;本文作者分享了关于生命周期...

生鲜电商APP:商品展示之筛选与排序

生鲜电商APP:商品展示之筛选与排序

编辑导语:生鲜电商APP中的商品险些都以商品卡片的形式泛起,承载商品卡片的最主要页面有搜索功效列表页和类目导览列表页2种。本文主要对这两类页面中的筛选与排序成果举办了深入的理会。本文的阐明主要基于盒马...