产品设计的导航模式总结

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

标签导航

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

分段式导航

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

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

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

今日头条的舵式导航反映出其对社交的追求

Tumblr作为一款轻博客类的产品,写博客为最核心功能
抽屉式导航

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

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

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


淘宝黄色的分类滚动导航结合下拉菜单导航

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

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

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

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

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 14,791评论 4 61
  • 平常我们去商场或者景点逛的时候,通常会看到整个景区或者整个商场的导游图,能让我们知道身处何地并且快速的找到目的地。...
    Ronie阅读 12,310评论 5 148
  • 假设我们需要建造一栋建筑,那么第一步需要做什么工作?——没错,设计和规划好地基,万丈高楼平地起依靠的是稳健合理的地...
    汪继志阅读 4,320评论 0 10
  • 后工业社会,工业生产不仅仅集中于制造业和运输业的物质性产品领域,同时更加集中于制造和传达信息与服务的非物质产品。 ...
    甄柠阅读 4,601评论 0 0
  • 佳爷,今天突然在群里说,现在心情好想弹吉他。但眼下吉他肯定不在身边,如其他过去的东西一样都放在了过去,伴着时光蒙上...
    回希阅读 2,532评论 0 4

友情链接更多精彩内容