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

访客4年前黑客工具466

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

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

一、阁下横跳的泳道

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

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

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

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

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

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

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

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

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

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

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

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

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

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

二、左照旧右?

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

相关文章

乐器教育平台私域运营实战:每月营收150万!

乐器教育平台私域运营实战:每月营收150万!

编辑导语:跟着在线教诲的日益火爆,各行各业都插手了在线教诲的阵营,个中也不乏有乐器教诲平台。你想进修乐器,却苦于不知道去那边报班、不知道哪位老师较量靠谱?平时事情很忙,抽不出来时间去线下进修?如今,在...

短租民宿的第二春,还要等多久?

短租民宿的第二春,还要等多久?

编辑导语:2020年头,新冠疫情囊括全球,旅游业全面停工。这期间,租客打消订单、房东停业、短租平台业务清零,短租行业被迫宕机。即便此刻疫情获得了节制,可是旅游行业并未完全规复,海内短租行业毕竟该何去何...

医疗行业信息化相关知识

医疗行业信息化相关知识

编辑导读:本文环绕医疗行业信息化的相关常识举办展开,作者主要对医院科室漫衍、医院人才布局和大夫职业成长举办了梳理,进而辅佐各人形成对医疗行业的认识和相识,但愿对你有用。 一直从事医疗规模的设计事情,...

工单新义

工单新义

编辑导语:产物司理在日常事情中总会用到“工单”,产物司理在跟进项目时要做到一个跟进的浸染,工单在这个时候就可以派上用场;本文作者分享了关于工单系统的从头界说,我们一起来相识一下。 相信每一个PM都知...

大厂面试题解析:为什么微信红包不能撤回?

大厂面试题解析:为什么微信红包不能撤回?

导读:微信日常谈天中,文字、图片、语音、视频等内容,无论是私人谈天照旧群聊,无论是对方已读照旧未读,均可在两分钟内撤回。可是为啥偏偏红包无法撤回呢?本文作者对这个问题举办了阐明接头,一起来看看~ 题...

薄荷健康拆解分析报告:如何给用户提供全面的服务?

薄荷健康拆解分析报告:如何给用户提供全面的服务?

编辑导读:“熬最晚的夜,敷最贵的面膜”,这是经常用来挖苦年青人朋克养生的语句。可是有一批年青人,从饮食和举动节制本身的身材,保持身体康健。他们傍边有不少人用了一些康健打点软件来帮助举办,好比薄荷康健。...