美文网首页
(知识卡片)移动端6中导航设计总结

(知识卡片)移动端6中导航设计总结

作者: 产品经理充电宝 | 来源:发表于2018-11-26 19:01 被阅读7次

    【主题】

    移动端6种导航设计

    【信息】

    1、标签式导航,有底部、顶部、底部拓展形式3种分类,适合在不同类别且相互独立的版块之间进行切换,根据逻辑和重要性一般不要多于5个标签。

    底部导航栏,如淘宝、京东、美图之类的底部,此类导航栏符合“拇指热区”情景,使用最普遍;顶部导航栏,如QQ音乐、腾讯新闻、今日头条等音乐类、新闻类APP,放在上面是因为APP切换用的高频且切换过程中不会影响阅读,也符合“拇指热区”情景;底部拓展形式,如新浪、咸鱼,一般导航栏不会超过5个,增加以后可以让用户贡献更多的内容。

    2、抽屉式导航(侧导航),比如我们常用的QQ,最左边就是的,抽屉式导航栏处于操作盲区,会降低用户一半的参与度,一般用来放辅助功能以及不太需要用户参与的功能。

    3、列表式导航,比如微信“我的”,一般用来辅助展示二级功能,按照人一次只能记住4项事物的心理法则最重要的可以放在前面四个。

    4、平铺式导航,比如墨迹天气,优点是可以让界面变简洁,不过非相邻的界面切换起来麻烦,一般用来做轮播的切换。

    5、宫格式导航(常见但不常用),比如手机的界面、美图秀秀,适用于入口独立、排斥的功能,很容易增加用户的操作,需要好好权衡使用。

    6、悬浮icon导航,是一个快捷入口,适用于大屏时代。

    【思考】

    拇指热区是什么,由谁提出来的,用来解决什么问题?

    抽屉式导航为什么会降低一半的用户参与度?

    人一次只能记住4项事物的心理法则具体是什么?

    以上分类是否权威?

    为了便于展示观点,可以考虑做一个表格来进行展示。

    【行动/反馈】

    思考/搜索以上问题

    【钩子】

    导航设计、Tab标签、标签、APP设计、交互设计

    【出处】

    CSDN论坛(https://blog.csdn.net/chengfuture/article/details/50996189)

    【时间】

    2018.11.26

    相关文章

      网友评论

          本文标题:(知识卡片)移动端6中导航设计总结

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