美文网首页
产品设计的导航模式总结

产品设计的导航模式总结

作者: Piemon07 | 来源:发表于2017-10-11 14:26 被阅读0次

模式就是套路,导航是产品层级与架构的核心体现。

标签导航

IOS系统中的万金油一般不多于5个,操作简单,减少层级,但是占用面积大。

分段式导航

见缝插针,体积小,最多2-3个,IOS专属。

微博中分段导航与下拉导航的结合
舵式导航

强调核心功能,出现在各类拍照类软件中,或者写作类文章中。

今日头条的舵式导航反映出其对社交的追求
Tumblr作为一款轻博客类的产品,写博客为最核心功能
抽屉式导航

隐藏不重要的的功能以突出核心功能,打车等软件中非常好用,阅读类的,新闻类也时常出现。

Kindle中的抽屉导航突出阅读功能,亚马逊也是,感觉老外还对此导航模式情有独钟 摩拜单车的抽屉导航突显找车的功能 Twitter的个人中心同样适用抽屉导航隐藏起来,可以在任何标签下呼出此抽屉,更适用场景。
滚动式导航

多用在二级导航之中,对于比较多的分类时可以多考虑,特别电商类最为多用。


淘宝黄色的分类滚动导航结合下拉菜单导航
分类更多,京东采用了左侧的滚动导航结合跳板导航
下拉菜单导航

同样隐藏不怎么重要的功能和抽屉导航很像,但是可视性太差,单独用需谨慎,但可以和滚动式导航结合起来,弥补滚动式导航带来的操作不便。

LOFTER中滚动式导航和下拉导航的结合

当然还有很多的导航用在内容之中,如跳板式导航非常的直观简单,哪里不会点哪里,无论是Icon、图片、卡片样式多样的呈现在内容之中;列表式导航,多用在密集型的信息如设置,消息列表这方面。

总结导航的套路,然后根据产品的性质和需求选择合适的导航模式,进行组合,创造出适合用户的产品结构,是良好用户体验的一大步。

相关文章

  • 产品设计的导航模式总结

    模式就是套路,导航是产品层级与架构的核心体现。 标签导航 IOS系统中的万金油一般不多于5个,操作简单,减少层级,...

  • 《APP这样设计才好卖》读书笔记 |2.2讲【页脚】

    模式一草图(标签式导航控件) 模式二草图(界面操作控件) 模式三草图(物理导航栏或虚拟导航栏) 【总结与吐槽】 1...

  • 《移动端设计模式》学习笔记

    这里总结了8种常见设计模式:导航、表格、搜索、表单、工具、引导、操作、反馈。 1、导航 1.1、标签导航 iOS系...

  • iOS中导航设计模式

    平铺导航模式 UIPageController 标签导航模式 UITabBarcontroller 树形导航模式 ...

  • iOS中导航设计模式

    平铺导航模式 UIPageController标签导航模式 UITabBarcontroller树形导航模式 UI...

  • iOS应用导航模式

    IOS导航模式: 标签导航模式、桌面式模式、抽屉式导航、列表式导航、 点聚式导航、下拉菜单式导航、轮播导航 接下来...

  • 移动应用UI设计模式图示

    移动应用UI设计模式: 1.导航设计模式:主要导航和次要导航模式。 1)主菜单导航模式: 跳板式 Springbo...

  • 自定义模式切换

    描述 ALE中,地图定位模式包括普通导览模式、普通定位模式、普通指向模式、导航模式、导航指向模式、导航导览模式。模...

  • 2.3 移动模式产品设计之导航

    标签是导航模式 当你的APP有几个主要任务,你觉得都非常重要并且他们之间的切换比较频繁,这种时候比较适合标签式的导...

  • 移动应用导航设计模式总结

    参考了四本书,结合自己的观察和思考,总结出了以下几种导航模式。 扁平式--标签导航 1.特点: ▪目前iOS系统中...

网友评论

      本文标题:产品设计的导航模式总结

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