美文网首页产品大学移动设计Design
手机界面导航设计详解之抽屉式导航

手机界面导航设计详解之抽屉式导航

作者: 豆浆先森 | 来源:发表于2015-12-22 11:33 被阅读1159次

    接下来,我将结合抽屉导航和具体的应用来进行实例分析。

    1.抽屉式导航的特点

    抽屉式导航将部分信息内容进行隐藏,突出了应用的核心功能。那么这个时候,抽屉式导航是个不错的选择。

    以qq为例:有两种方式唤出侧边栏:

    一.通过点击左上角头像     二.手势左滑

    QQ的抽屉式导航

    如果应用主要的功能和内容都在一个页面里面。只是一些用户设置这类低频操作内容需要显示在其他页面里。为了让主页面看上去干净美观,可以把这些辅助功能放在抽屉栏里。

    2.拇指热区

    根据拇指使用情况的热区,我们将更容易了解拇指在使用手机时的适应情况。在Hoober的拇指热区中采用了右手拇指,且以大拇指跟扣紧手机左下角为基准。

    下图中展示了2007年以来的iPhone的使用情况:

    红色:操作盲区  黄色:可伸展舒适区  绿色:操作舒适区

    由此可见,QQ的主要使用场景是:会话交流。这样将“我的相册”、“我的文件”等等放在侧边栏中,提升了界面的简洁与整体性。

    QQ在交互上通过左滑手势可以方便的唤出侧边栏,可见在大屏时代使用抽屉栏,对于手势操作显得尤为重要,左滑唤出抽屉栏是个不错的选择。

    3.产品实例应用

    如果你的应用有不同的视图,且他们是平级的,需要用户同等地对待,抽屉栏将会浪费掉大多数的用户对于侧边栏中入口的潜在参与度和交互程度。比如内容型平台:网易新闻,平台的内容主题丰富,且是平级,需要频繁切换的,就可以说不适宜抽屉式导航。

    当然市场中仍然有很多内容型应用沿用抽屉式导航:

    比如人人都是产品经理app也是至今沿用抽屉式导航,通过结合手势操作唤出侧边栏也一定程度上提升了交互体验(没有QQ自然),以此切换不同的主题内容等等。简洁的界面,又提供了沉浸式的阅读体验。作为一个被教育过的老用户来讲,也是可以接受的。(槽点,人人都是产品经理app体验可提升的空间仍然很大!)

    个人总结

    在移动互联时代,我们需要针对不同的领域应用及对应的使用场景,进行独立场景的分析与判断。从用户的反馈,做出最合理,权宜的设计。

    相关文章

      网友评论

        本文标题:手机界面导航设计详解之抽屉式导航

        本文链接:https://www.haomeiwen.com/subject/agomhttx.html