产品设计的导航模式总结

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

标签导航

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

分段式导航

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

产品设计的导航模式总结_第1张图片
微博中分段导航与下拉导航的结合
舵式导航

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

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

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

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

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

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


产品设计的导航模式总结_第5张图片
淘宝黄色的分类滚动导航结合下拉菜单导航

产品设计的导航模式总结_第6张图片
分类更多,京东采用了左侧的滚动导航结合跳板导航
下拉菜单导航

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

产品设计的导航模式总结_第7张图片
LOFTER中滚动式导航和下拉导航的结合

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

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

你可能感兴趣的:(产品设计的导航模式总结)