互联网产品设计之——APP常规导航(二)

上次给大家总结介绍了底部Tab导航、顶部Tab导航,舵式导航和轮播导航,今天利用空闲时间将其余的APP常规导航在梳理给大家。

常规导航——宫格导航

描述:宫格导航顾名思义就是由最原始的九宫格演示过来的,是我们日常APP中常用的一种导航样式,以平铺的形式展示所有栏目,看着和桌面类似。

优点:

简洁,样式单一由九宫格演变而来,不需要用户学习就可以使用;

丰富,使用宫格式导航进行的内容分类,照片加文字的方式更加情感化;

扩展性强,宫格导航出现的形式更多是独占一个页面,所有可以展示大量内容,适用于功能庞大的APP。

缺点:

排布:应该进行合理分类,便于用户浏览定位;

切换效率低,当在下一级栏目进行深度操作时,要进行初始栏目的切换需要跳反回当前页面。

常规导航——抽屉式导航

描述:交互方式像抽屉工作方式因此得名,也叫扩展菜单、汉堡菜单、侧边导航。多用来放置不常用的内容,比如设置、个人中心等。

优点:

利用率高,外观小巧不会占用太多空间,但容量却惊人;

功能重要性划分,通过主次原则将功能进行了划分,不常用的功能隐藏于此。

缺点:

可见性差,用户不易发现。

常用导航——下拉导航(也称菜单导航)

描述:下拉导航常用在电商类APP,适用于类目层级较多时使用,其可作为二级、三级导航,一般出现在APP顶部,通过点击展开/收起菜单。

优点:

分类明显,可将多分类进行有效整合、分组、排序;

类别组合,可以很好的将多种栏目筛选进行组合选择;

连贯性优,此类导航可以与界面形成有机整体,不过干扰用户当前及接下要进行的任务和操作。也容易让用户很好的感知到当前所在位置。

缺点:

位置,因为菜单导航大多位于页面顶部,所以手势操作体验略逊;

常规导航——列表导航

描述:最常用的导航模式多于其他导航模式并存、相互辅助,多用于二级导航,由文字+icon+栏目框组成。

优点:

条理清晰,从视觉上看此类导航最便于用户理解和接受,并且多列表时可以通过间距有效、便捷的进行区域划分;

便于查找,用户使用此类导航时可以快速定位到想要寻找的入口;

文字信息不受控制,此类导航相对于其他导航的一个优势就是栏目命名不收字数控制,3字、5字都可以、

缺点:

条目多时要合理组织展示栏目,否则影响用户查找降低信用度;

不适用于当前栏目中频繁切换。

在产品设计过程中,需要根据业务模式、功能流程、展示样式、信息传达等多方面来规划设计适合自己的导航。导航的模式还有很多,感兴趣的童鞋可以多多去体验和试用各类APP,一定会发现新大陆。