发布时间:2020-4-23 分类: 电商动态
随着iPhone X移除主页按钮,手势在交互式导航中的作用变得更加重要。今天我们将介绍Google Material Design规范和iOS HMI中手势的介绍。
Material Design Guidelines
手势导航允许用户使用滑动手势在兄弟姐妹或下级页面之间切换。支持的手势包括:水平按下和拖动,上下按下和拖动。
通常建议在以下情况下使用手势:
自然排序的关系,例如表示日历中连续日期的多个页面;
包含较少下一级页面的页面;
包含类似内容类型的页面。
例如,以下示例:
在此示例中,用户在按住页面的同时向下拖动,页面折叠以返回到上一页。
iOS Human Interface Guidelines
在iOS系统中,边缘滑动手势充当全局操作。其中,从屏幕左边缘向右滑动,返回上一页;在iPhone X之前的手机中,从底部边缘向上滑动以绘制控制条;从顶部边缘向下滑动以绘制消息/控制中心浮动图层。通过从底部边缘滑动,用户可以调出系统级控制页面或返回上一页。
另外需要注意的一点是,对于H5页面,如果从屏幕左边缘向右滑动,您将直接退出H5页面,无论您当前在H5系统中使用哪个页面级别。因此,当我们设计H5页面时,我们必须注意防止用户因使用返回手势而退出H5页面,从而导致流失率增加。
对于iPhone X,由于此型号取消了经典Apple手机的主页按钮,因此Apple使用手势代替原始主页按钮:从屏幕底部向上滑动以退出当前应用程序(相当于单个命中主页按钮);从屏幕底部划线后,您将进入多任务状态(相当于双击主页按钮)。
事实上,很多年前,Android手机出现了一个没有主页按钮的模型,Android系统提供了一个虚拟按钮而不是主页按钮。 Apple的设计是使用手势代替原来的单击主页按钮,操作非常流畅,并且不易被误操作,因此它是一项伟大的创新。
此外,为了在底部边缘使用系统级手势,需要注意的一点是:在设计更多身临其境的应用程序(如游戏)时,可能需要自定义这些屏幕边缘的手势,即用户何时当执行从屏幕边缘滑动的操作时,不执行系统的操作面板或执行返回到前一页面的操作,并且执行游戏中所需的操作。在这种情况下,Apple的规范建议:
第一次刷过屏幕边缘时,执行应用程序自己的设计;
当第二次刷过屏幕边缘时,将执行系统级设计,即系统的控制面板出现或返回上一页。
此外,在iOS系统中,如果它是iPad设备,还有一个系统级手势:四个手指被夹到中心以返回桌面。这种姿势自然适应了iPad的大屏幕,它也是手势可以执行执行操作效果的概念的一个很好的例子。
今天我介绍了使用手势导航的Android和iOS系统。其中,在Android系统中,您可以通过按住页面并向下拖动来关闭辅助页面以返回到第一级页面。另外,在Android系统中,用户可以随时使用底部的虚拟按钮返回上一页;在iOS中,屏幕可以从屏幕的左边缘滑到任何二级,三级和右边的右页;页。 。相比之下,iOS方法更容易使用。
专栏
新设计青年,微信公众号:新设计青年。每个人都是产品经理专栏作家,爱奇艺高级互动设计师。德国海龟曾为腾讯微生活,网易,信贷和其他公司工作过。
这篇文章最初发表。未经许可,禁止复制。
该地图来自unsplash,基于CC0协议