浅谈app侧边栏的触发方式

用户头像
上海/UI设计师/10年前/2151浏览
浅谈app侧边栏的触发方式
用户头像
浅野让

侧边栏的独特性质,对交互设计中的逻辑有更深邃的要求。这种隐藏的页面,通过什么方式让用户知晓它的存在,进而触发它……

    侧边栏的独特性质,对交互设计中的逻辑有更深邃的要求。这种隐藏的页面,通过什么方式让用户知晓它的存在,进而触发它。当你决定在app中用侧边栏这种布局之后,随之思考的就该是侧边栏背后的逻辑。

    

    首先回答一下如何让用户知晓app侧边栏的存在。第一种方法是通过app的引导页向用户展示。不过这种方法的弊端比较明显,大多用户很可能没有那个耐心细看引导页。虽然有不足,但不失为一种好方法。第二种方法是通过新手操作页,强制用户了解。这种方法是前些年app市场初期,各大厂商经常使用的方法。当时app还是个新鲜玩意,用户可能根本没接触过app,为了抢夺市场,各大厂商可谓用心良苦。

    

    当然时间也验证了这种方法的正确性,不仅如此,这种方法更培养了用户的操作习惯。目前来看,用户基本知晓了侧边栏的存在和基本操作,所以app新手操作页看起来便十分多余。新手操作页也并没有完全消失,它在一些游戏类app中依然扮演者重要角色,特别是重度游戏app中,这让用户觉得游戏更容易上手。


    第二个问题,如何触发它?答案十分简单——手指接触手机界面。这简直是最正确的废话,大家别着急,先让我们梳理一下手指接触手机界面的操作。点层次的操作包括,单击、双击、长按等。线层次的操作包括,手指在手机界面的各种滑动,即各种方向的滑动。面层次的操作包括,即三只手指以上在界面的操作,十分常用的一种操作是手掌滑动和覆盖。

    

    目前大多app采用点击和滑动来触发侧边栏,即点和线层次的操作。不扯理论,直接例子,大家请看VCR……好吧,本人时间实在有限,请大家继续看文字……

    

    

                                    

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

    

    


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


    


    安卓新浪公开课,向右滑动、点击抽屉式导航图标和手机物理返回键触发侧边栏。滑动的有效区域为app标签栏。与其他app相比,这个有效区域十分有限,不过其他触发方式进行了补充。


    总结:大多app采用一种或多种操作方式来触发侧边栏。若采用单一滑动方式触发侧边栏,触发的有效区域较大,大多是整个屏幕。若采用多种操作方式触发侧边栏,触发的有效区域有限,补充操作方式以点按居多。多方式的触发,可以有效的避免误操作。


    下期预告:下期主题还没定写什么,大家有什么好的建议,欢迎留言。祝各位周末愉快。

7
Report
|
5
Share
评论
用户头像
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
You may like
大家都在看
Log in