美狮美高梅-美狮美高梅官方网站

美高梅视点
美高梅曾经做过哪些事情?美高梅的发展怎样
把握了这个导航控件,您可以策划80百分比的应用导航
发表时间:2019-07-09

美狮美高梅

【直营信誉】MGM,美狮美高梅官方网站最具公信力的博彩集团官网、更有高质料的游戏平台、打造在线博彩第一直营,美狮美高梅不单拥有环境上最多样化的游戏投注平台,再是为衣食父母供给实时、刺激、高信誉的效劳保证和高质料的游戏。

底部导航栏应该道是Now最流行的导航控件了,WeChat、支付宝、淘宝、网易云音乐等等,各种类型的 APP 都有应用。



如何使用这种极普遍的导航控件呢?先来看看在 Material Design 规范和 iOS 规范下的基本交互特性。

Material Design规范

当用户决定点击某个选项时,则应该直接展现相应的页面,或者刷新当上的页面;care不要在点击下找子 静说セ蛘叩隹颍╬op-up)。其余,如果点击系统返回键,不会切换到底部导航栏上一次点击的页面。

其余,有以下三点需要care:

  • 点击当上选项的图标,则页面返回顶部。即如果当上在第一个 tab,点击第一个 tab,页面回到顶部。
  • 点击底部导航栏中的选项下,应该返回该页面顶部并刷新该选项的页面(这一点笔者认为也不是需要,需要按照应用自身的场景来判断)。
  • 当点击底部导航栏中的不同选项时,避免页面发生横向切换。

appleiOS策划规范

apple的策划规范,主要讲了以下三点:

  • 如果底部导航栏中的某个选项暂时不可用,不要把该选项置灰。在不可用而又点击了的环境下,页面只要找子 菊飧鲆趁嫖裁疵挥惺寄┚涂梢广恕
  • 避免使用过多的选项。易于 这般,如果选项过少也会有小case。一般在 iPhone 上,3 到 5 个选项比较合适。在 iPad 上可以适量增加。
  • 可以使用肩标来提示信息数量,如下图所示。




如该是底部 tab 导航栏的基本交互特性。底部 tab 导航,一般用于组织起应用的最顶层始末,此道每个 tab 承载了应用的一个维度的功能。 诸如WeChat,每个 tab 都承载了一个维度的功能。



基于这个特点,对于底部 tab 导航栏,最常用的做法是它只出Now一级页面。当用户从一级页面进入到二级页面,so底部导航栏会消失。




我也一直认为,底部导航栏就该如此使用:从一级页进入二级页,它,必须消失。

然则,事情就怕有例外,而且灰子 谴罄屑镀溆嗬狻

有一次使用apple系统自带的相册应用,当我进入二级页,底部导航栏还存在着。

这不是挑事吗?无独有偶,apple App Store 也是如此。



我浏览了手机上的快 300 个应用,发现网易云音乐、虾米音乐也是采取应用二级页保留底部导航栏的逻辑。

虽然使用这种逻辑的应用数量较少,但这不能不引起我的质疑:

  • 底部导航栏难道不应该就在二级页消失吗?
  • 用户已经到了二级页,还可以切换到其余 tab 吗?
  • 如果二级页可以保留,so什么环境下保留?

底部导航栏二级页存在感研究

我起首从策划规范出发,看一下这样做是否是符合规范的。

在找遍了 iOS 策划规范和谷歌的 Material Design 策划规范之下,我发现规范里并没有相关规定。

既然如此,so从用户使用的角度,这么做是合理的吗?

易于 我研究了在二级页保留底部导航的应用,发现这些应用的底部导航栏里的 tab 有一个共同点:每个 tab 的要紧性差不多,且应用更偏重于让用户发现、探索新始末,而不是沉浸在某个模块里。



以apple自带的照片应用为例:「照片」tab 以时间为维度组织用户的照片,「为您推荐」tab 以高技术算法为维度,「相簿」以相簿和照片类型为维度,搜索以用户主动搜索为维度,每种维度都供给了让用户搜寻、管理照片的可能。

譬喻用户如果需要找某一张特定的照片,他可能先通过相簿来找,当他进入到某个相簿(此时为二级页),找了一会没找到,就切换到照片 tab,通过回忆拍照片的大概时间段来寻找了。

莫过于这种随时能切换 tab 的方式,跟 PC 网站上,常驻在页面顶部的导航条很相似。





顶部的导航条,保证了用户在尽数页面,都可以迅速到达特定的几个主要页面。

下面再来研究一下二级页没有保留底部导航栏的应用。




上面的三个应用,每个 tab 的要紧程度也差不多,但每个模块供给的功能都相对更沉浸。譬喻淘宝,第一个 tab「美狮美高梅」主要让用户浏览商品,第二个 tab 则是让用户浏览各种始末。这两个 tab 之间,是不需要用户频繁切换的。

并且,在进入二级页下,页面底部会较为频繁地出现新的操作栏。




如果二级页依然保留底部导航栏,so和底部的操作栏会堆在一起,显然是不可以的。

切换下是否保留之上状态

在 iOS 规范里,没有找到与此相关的说明,但在谷歌的 Material Design 规范里,我找到了间接关联的一段说明:

  • 在 Android 上:点击某个 tab 下,找子 靖 tab 的最高一级的页面始末。重置尽数先上的用户交互和临时屏幕状态, 诸如滚动地位,选项卡决定和搜索行为。
  • 在 iOS 上:点击某个 tab 下,找子 靖 tab 里用户之上的交互结果。如果用户先上访问过该 tab,则点击该 tab 下,找子 居没Р僮鞯哪┝艘桓銎聊唬ㄈ绻赡埽A羝湎壬献刺H绻没б陨厦挥蟹梦使 tab,则找子 靖 tab 的最高一级的页面始末。

如该 的说明中,Material Design 规范主要其余明切换 tab 下,是否保留用户之上的操作结果。总结一下,就是在 Android上,切换下不保留操作结果,在 iOS 上需要保留。

总结

瞩望用户更沉浸,则底部导航栏只在一级页出现;瞩望用户更随意切换,则在二级页也保留。

当二级页经常有操作栏时,不倡议保留底部导航栏。

如果底部导航栏中的某个选项暂时不可用,不要把该选项置灰。在不可用而又点击了的环境下,页面只要找子 菊飧鲆趁嫖裁疵挥惺寄┚涂梢广恕

避免使用过多的选项。易于 这般,如果选项过少也会有小case。一般在 iPhone 上,3 到 5 个选项比较合适。在 iPad 上可以适量增加。

可以使用肩标来提示信息数量。



——美高梅分享


XML 地图 | Sitemap 地图