浅谈app侧边栏的触发方式
侧边栏的独特性质,对交互设计中的逻辑有更深邃的要求。这种隐藏的页面,通过什么方式让用户知晓它的存在,进而触发它……
侧边栏的独特性质,对交互设计中的逻辑有更深邃的要求。这种隐藏的页面,通过什么方式让用户知晓它的存在,进而触发它。当你决定在app中用侧边栏这种布局之后,随之思考的就该是侧边栏背后的逻辑。
首先回答一下如何让用户知晓app侧边栏的存在。第一种方法是通过app的引导页向用户展示。不过这种方法的弊端比较明显,大多用户很可能没有那个耐心细看引导页。虽然有不足,但不失为一种好方法。第二种方法是通过新手操作页,强制用户了解。这种方法是前些年app市场初期,各大厂商经常使用的方法。当时app还是个新鲜玩意,用户可能根本没接触过app,为了抢夺市场,各大厂商可谓用心良苦。
当然时间也验证了这种方法的正确性,不仅如此,这种方法更培养了用户的操作习惯。目前来看,用户基本知晓了侧边栏的存在和基本操作,所以app新手操作页看起来便十分多余。新手操作页也并没有完全消失,它在一些游戏类app中依然扮演者重要角色,特别是重度游戏app中,这让用户觉得游戏更容易上手。

第二个问题,如何触发它?答案十分简单——手指接触手机界面。这简直是最正确的废话,大家别着急,先让我们梳理一下手指接触手机界面的操作。点层次的操作包括,单击、双击、长按等。线层次的操作包括,手指在手机界面的各种滑动,即各种方向的滑动。面层次的操作包括,即三只手指以上在界面的操作,十分常用的一种操作是手掌滑动和覆盖。
目前大多app采用点击和滑动来触发侧边栏,即点和线层次的操作。不扯理论,直接例子,大家请看VCR……好吧,本人时间实在有限,请大家继续看文字……

安卓QQ,向右滑动触发侧边栏,除了手机状态栏,屏幕其他区域都可以触发,即有效区域为减去状态栏的屏幕区域。

安卓慕课网,向右滑动和点击抽屉式导航图标触发侧边栏。滑动的有效区域为减去状态栏、标签栏和banner区域,并且手指必须放在屏幕左边界,滑动才能触发。

安卓新浪公开课,向右滑动、点击抽屉式导航图标和手机物理返回键触发侧边栏。滑动的有效区域为app标签栏。与其他app相比,这个有效区域十分有限,不过其他触发方式进行了补充。
总结:大多app采用一种或多种操作方式来触发侧边栏。若采用单一滑动方式触发侧边栏,触发的有效区域较大,大多是整个屏幕。若采用多种操作方式触发侧边栏,触发的有效区域有限,补充操作方式以点按居多。多方式的触发,可以有效的避免误操作。
下期预告:下期主题还没定写什么,大家有什么好的建议,欢迎留言。祝各位周末愉快。






































