我所了解的在微信中开店比较有名的二个APP:有赞、微店。本来是想看看二者之间的交互有什么不同,但当看到二个APP的导航设计后,决定回顾一下APP常用的导航方式:
一、标签式导航
1、底部标签式导航,如果你稍有留意就会发现市面上大多数APP都是底部标签式导航,如:微信、QQ、淘宝、京东等。除了大家说的手指热区的问题,还有始终放在下面时不会影响用户阅读,无论你看不看我,我都在那里,如果你要找我,我也一直在那里,有木有,会给用户一种安全感哦。其实我还想说的是这种标签式导航还有种好处,就是APP的内容分类、关联性让你一目了然,切换时也很方便,这些是它的优点,当然缺点是,不能放太多,超过5个手机就无法展示,或不能很好展示了。不要说在下面用滑动啊。。。
2、顶部标签式导航,这种常见于音乐类APP,之所以这样,我想还是拇指热区的原因,随着手机尺寸越来越大,底部才是手指最能方便操作的地方。对于音乐APP的用户来说,显然听歌才是最主要的,也最常用的操作。
3、上下都有标签导航的应用
这种新闻类APP,由于内容、分类较多,运用顶部和底部双tab导航,而切换频率最高的tab放在顶部,这是为什么呢?因为新闻在每个tab都是沉浸式阅读,最常用的操作是在一个tab中不断地下滑阅读内容,将常用的tab放在顶部,加入手势切换的操作,反倒能带来更好地阅读体验。
这里我有话要说:既然新闻是沉浸式阅读,那么它不应该在这么宝贵的位置上放上这么多无用的栏目,更不应该上下都占用,网易在下面这么重要的地方放上跟新闻不相关的栏目,我觉得应该是产品策略或运营策略,不是网易号称是有态度的新闻吗?用户量应该不小,所以下面放的跟新闻没关系的栏目据我猜测都是为了借光推广网易的其它业务,大树底下好乘凉嘛!
好的沉浸式阅读神马样呢?我又看看了其它新闻APP,觉得澎湃深得我心,哈哈~稍体验了下,唯一不好的是默认的栏目不能删。。。
4、底部标签导航的扩展式
最早看到这个方式的是Path,每次点加号会有一个小动画,关闭也是,它是一个社交APP,要鼓励用户发言,这样设计非常赞哦~
二、抽屉式导航
在小屏幕时代,这种导航是很经典的设计方式,界面既干净又能迅速找到菜单。但随着大屏时代 的到来,慢慢放弃了,也是因为手指热区的问题。现在用得不太多了,手机QQ还有保留,但用在不太常用的菜单中。澎湃新闻中选类别也有用到
三、列表式导航
一般用在作为辅助用的二级导航或更深的导航,使用时为内容分类,分块显示
四、平铺式导航
有人说淘宝的每日好店中用到的就是平铺式导航,适用于随意式阅读的需要,不需要相邻页面之间的跳转,呃,刚才澎湃新闻的导航用的就是这个拉~
五、宫格式导航
有人举了一个很好的栗子:
经常使用美图秀秀的人都会有一个共同的烦恼,例如我拍了一张图片,我需要美图一下,我的心理模型是这样的:进入美图秀秀-打开一张图片-先祛斑祛痘、放大眼睛、瘦个脸-最后加上特效(自然/甜美可人/粉嫩系)-保存图片。
但是美图秀秀给我的实际模型却是这样的:进入美图秀秀-打开一张图片-进入人像美容-祛斑祛痘、放大眼睛、瘦个脸-保存图片-再进入美化图片-加个特效-再次保存。这样做的结果是流程复杂,而且我多存了一张没用的照片,还要到照片里进行删除。
这就是宫格式导航的缺陷,信息互斥,无法相互通达,只能给用户带来了更多的操作步骤。
微店导航也是使用的这种宫格式的,现在的菜单一屏都没法满足了,还需要滑屏,这样的话,要找任何一个新菜单都必须回到首页。。。
但是不是无用之处了呢?天天基金网APP没有底部标签式导航,这样的算不算是宫格式的延伸呢?我用了一段时间,没有违和感呢~
也就是这种导航适合联系不强的产品,每个产品都可以独立一套
六、悬浮ICON式导航
顾名思义,就是有个图标一直悬浮在APP上,点击图标就可以进入操作,在APP上我尚未见过,只在iPhone手机上看到有使用,Assistive Touch,我自己不喜欢使用这个东东,明明有Home键,为什么还要这个,我问了几个正在使用的同事,说是因为怕Home键按坏,呃,好吧。。。