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

访客4年前黑客工具486

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

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

一、阁下横跳的泳道

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

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

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

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

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

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

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

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

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

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

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

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

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

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

二、左照旧右?

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

相关文章

从游戏类UI中学到的5个用户体验技巧

从游戏类UI中学到的5个用户体验技巧

游戏类App的UI凡是是情作用的,表达的信息清晰直接。在设计其他产物时,我们仍可以参考游戏类UI的特点,带来更精彩的利用体验。文章对游戏类UI常见的5个UI设计举办了梳理总结,供各人一起参考进修。...

微信为何没有“一键全部阅读”功能需求与价值

微信为何没有“一键全部阅读”功能需求与价值

微信已经成为我们糊口和事情不行分隔的社交软件,可是过多的信息反而打搅到了用户。微信为什么没有“一键全部阅读”的成果呢?本文作者提出了本身的几点思考,接待各人一起接头。 上周五邻近下班时同事溘然跟我诉...

6个角度,教你打造微信号人设

6个角度,教你打造微信号人设

微信IP(人设)是塑造精采第一印象、取得用户信任的第一要素,同时很洪流平营销微信端的营销转化。本文从微信的六个角度来聊聊微信号人设打造——昵称、微信号、头像、本性签名、伴侣圈配景、伴侣圈。 小杜之前...

表达能力不太好的产品经理,如何搞定面试?

表达能力不太好的产品经理,如何搞定面试?

编辑导语:产物司理在接管口试前,要做好相应的筹备,提前理顺口试流程,复盘本身做过的项目,组织好语言等等;口试时必然不要过于告急,会让口试达不到预期结果;本文作者阐明白关于表达本领不太好的产物司理的口试...

数据产品经理的招聘要求和技能,是怎样的

数据产品经理的招聘要求和技能,是怎样的

编辑导语:数据产物大抵分为平台型和贸易型,差异范例的数据产物司理所认真的内容也不沟通,那怎么区分和判定两个范例呢?本文作者具体阐明白数据产物司理的雇用要求和技术梳理。 一、作甚数据产物 数据产物的范...

产品扫地僧,对中级产品经理们的6条寄语

产品扫地僧,对中级产品经理们的6条寄语

编辑导读:差异于初入职场的小萌新,中级产物司理在职场上摸爬滚打了数年,他们面临的工作越发巨大也越发棘手。本文作者在一次集会中,对中级产物司理碰着的问题举办了梳理,阐明他们此刻面对的逆境,并总结了大佬对...