- 移动App测试的22条军规
- 黄勇
- 1117字
- 2020-06-26 18:59:50
4.1 从屏幕左侧边缘向右滑动
这个手势是iPhone和iPad升级到iOS 7之后开始支持的,作用是返回上一页(如图4.1所示)。
![](https://epubservercos.yuewen.com/082E00/11261862803039606/epubprivate/OEBPS/Images/figure_0040_0001.jpg?sign=1739172959-1xjNj1TUKvkMc7t69kRqfE3aapiz5h8l-0-a609782b231cff3b64d350af93df7584)
图4.1 从屏幕左侧边缘向右滑动,从Page3返回到Page2
这个手势引起的冲突是最常见的手势冲突。在iOS 6刚刚推出的时候,绝大多数的设备都是iPhone 4和4s,而它们的屏幕都是3.5英寸大小的,如果直接在App中固定显示菜单栏,会使用户可操作的面积减少,所以大部分App采用的方式是把App的菜单栏隐藏起来,而用一个手势,就是从屏幕左侧边缘向右滑动来显示菜单栏。这一手势在iOS 6的时候成为了业界的标准,绝大多数的App采用的都是这样的方式(图4.2所示为iOS 6时期Facebook的菜单栏)。而当时iOS 6也并不支持这样的手势,所以这些App和操作系统还都相安无事。
![](https://epubservercos.yuewen.com/082E00/11261862803039606/epubprivate/OEBPS/Images/figure_0040_0002.jpg?sign=1739172959-WDOPPneNZTTSfcjxPh8yoLEHNeRC9rzg-0-03ac7db30b4806be86f98f43cb96e52b)
图4.2 Facebook的App在iOS 6的时候是支持从屏幕左侧边缘向右滑动呼出App的菜单栏
当iOS 7推出的时候,iPhone 5, iPhone 5s和iPhone 5c这些4英寸屏幕的设备已经成为市场的主流了,很多App都重新把菜单栏放置回到常驻屏幕了(如图4.3所示为iOS 7时期Facebook的菜单栏)。
![](https://epubservercos.yuewen.com/082E00/11261862803039606/epubprivate/OEBPS/Images/figure_0040_0003.jpg?sign=1739172959-yMcMiVtcbJ2BLyCYSybFIcO7sqVVH9Do-0-ab1cef3cde2fbb5a596fb53e442175a3)
图4.3 Facebook的App在iOS 7的时候重新把菜单栏调整回屏幕顶部,并且常驻屏幕了
由于对于iOS 7这个手势变化的适应程度不一致,导致不同App对于从屏幕左侧边缘向右滑动出现不同的处理方式。
(1)只有从主界面向右滑动时会呼出左侧导航菜单栏,在其他层级界面这个手势操作不会有任何反应,比如之前版本的Path(如图4.4所示)。
![](https://epubservercos.yuewen.com/082E00/11261862803039606/epubprivate/OEBPS/Images/figure_0041_0001.jpg?sign=1739172959-sSiRh7RaCEQQy4PSQFZsRDcmchE6XtFl-0-c79248cdf3363d748f77f0c22c83c943)
图4.4 之前版本的Path只在主界面向右滑动会呼出左侧导航菜单栏
不过新版Path的App也遵照iOS的设计,把菜单栏固定放置于屏幕底部了(如图4.5所示)。
![](https://epubservercos.yuewen.com/082E00/11261862803039606/epubprivate/OEBPS/Images/figure_0041_0002.jpg?sign=1739172959-FRRMROtHyKImrHYR8Zoo0a1iHkLmWvxJ-0-30f82701efcc7ea41b08b7ce1e93fc23)
图4.5 新版Path的App也遵照iOS的设计,把菜单栏固定放置于屏幕底部
(2)完全遵照iOS 7的设计,在主界面右滑呼出左侧导航菜单栏,在别的界面右滑则会返回上一级页面。这种设计很符合iOS 7的规范了,但是如果路径设计太深,那么一级一级的返回方式会让用户感到很疲惫(如图4.6所示为微信App中设置QQ邮箱提醒的文件夹)。
![](https://epubservercos.yuewen.com/082E00/11261862803039606/epubprivate/OEBPS/Images/figure_0042_0001.jpg?sign=1739172959-0RwWtmm0l4dSFzMd6bDumhaEMaKBHQZN-0-8a8105c378d4c90ba969e4476bdddcdd)
图4.6 微信App中设置QQ邮箱提醒中的文件夹,需要很多步操作
(3)一方面遵照iOS 7上关于右滑返回的规范,另一方面加入自己的设计,比如新版的Facebook App增加了左滑呼出右侧导航菜单栏的手势(如图4.7所示)。
![](https://epubservercos.yuewen.com/082E00/11261862803039606/epubprivate/OEBPS/Images/figure_0042_0002.jpg?sign=1739172959-N9YtfA4QmAFySYWxURtR1vteQkAVypy8-0-71c97ecae1a1f5bb6bd35220c471f4f7)
图4.7 Facebook App增加了左滑呼出右侧导航菜单栏的手势
(4)完全不理会iOS 7右滑操作的规范,在任何界面右滑都是呼出左侧导航菜单栏,而只能通过左上角的返回按钮来返回上一级。这类App通常设定为长按左上角的返回按钮弹出快捷路径,以此解决路径深度过长的问题。典型的代表是Dropbox的第三方客户端App—Boxie(如图4.8所示)。
![](https://epubservercos.yuewen.com/082E00/11261862803039606/epubprivate/OEBPS/Images/figure_0043_0001.jpg?sign=1739172959-5sqOLmmk2MUo0YisC9kpO0xTwTGO3J77-0-dc5b46e6160c862dac10680753553bbe)
图4.8 Boxie中长按左上角返回按钮弹出快捷路径
(5)最后这种是容易导致误触的:从屏幕左侧边缘右滑执行操作系统的右滑返回手势,而在屏幕上其他位置右滑则会呼出App的导航菜单栏。这种方式非常不好的一点是由于用户控制不好这两种手势操作的边界,经常会触发错误的手势操作。这里就不给出App的例子了。