看完《方寸之间》之后,对APP导航设计的读后感

最近在简书上看到这样的一篇博文《App导航设计—主导航模式解析》,感觉这位移动UI设计师真是用心在学了。都把自己看过的移动设计书籍来分享。体现作者非常用心。

方寸指间

我们先来看看作者是是否分享自己的心得。在此25学堂也非常感谢这篇博文的作者。

俗话说的好,导航是产品成功的一半,在研读了《移动设计》、《方寸之间》以及《移动UI设计模式》之后,又结合自身平日的观察积累,今天斗胆也来详细解析下目前主流的作为主要导航的几大模式。

扩展阅读:移动端UI设计必看的三本APP设计书籍

我们先来看看吧!

 

一、移动APP导航之 标签式导航

标签式导航是IOS主推的导航模式,位于屏幕的底部,在安卓上常见于顶部。这种布局方式能让用户直观地了解到app的核心功能。同时,使用上能在几个标签间快速的跳转。标签分类可以根据逻辑和重要性控制在5个以内,通过视觉表现用户的当前位置,页面之间的切换快速又不容易迷失,简单高效。

试用项:入口选项数目不多,且用户需要在选项见频繁切换执行多任务。

注意项:这种模式不适合太过复杂和不稳定的结构。

标签式导航,也经常融合一些个性化设计。例如,在标签栏的中间位置融合Logo或产品最核心的功能,丰富了标签栏的样式。

同时要注意的是,如果要实现该导航模式要遵循不同操作系统的操作规范(在此仅列举Android和IOS)。

app平台

以下是标签式导航的改进和创新方式:

标签导航

 

二、移动APP导航之抽屉式导航

抽屉式导航追求核心内容的突出,弱化导航界面,常见于一些信息流产品(知乎、path、facebook等)。抽屉式导航在形式上一般位于当前界面的后方,通过左上角的按钮或手势滑动呼出。由于隐藏在屏幕在外,所以导航界面的空间较大,为可扩展性和个性化带来了更多可能。由于导航默认是隐藏的,在选择后需要有明确的提示来告知用户的当前位置。

适用项:以当前内容为核心展示的应用。

注意项:隐藏的导航内容,需要更好的方式调出(如手势)。

抽屉式导航设计2

 

三、移动APP导航之桌面式导航

桌面式导航,是一种类似于手机桌面各个应用入口的导航方式。一般是将全应用信息进行独立分类,做到信息互斥,类别各自有独立入口,内容间基本并列。用户进入到一个入口之后,只处理与此入口相关的内容,如果要跳转至其他入口,必须回到入口汇总界面。

这种导航方式在工具类app中比较适用,每个工具都有一套独立的体系。带来的问题是用户需要更多的操作路径,且不适合在多任务中使用。

适用项:分类清晰,入口独立且固定。

注意项:不适合在交叉类别中使用。

 

APP导航界面磁贴设计

随着移动产品内容的丰富,纯粹的桌面式导航开始减少,更多的是开始融入到其他主导航中,承担起二级导航的作用。

 

四、移动APP导航之点聚式导航

点聚式导航最早来自于应用path,它将用户最频繁使用的多个核心功能点汇聚在主界面中显示,方便用户随时呼出使用,它不同于传统标签栏那样占据界面最下方一栏,而是通过一个点的方式汇聚这些功能的入口。

由于点聚式导航所占用的空间较小,所以它常出现在一些主要流程界面中,作为全局导航使用。

适用项:需要提取最核心的几个点来展示产品特性。

注意项:汇聚后将使部分导航隐藏,需要良好的引导。

点聚式导航

 

以上四种是作者看完《方寸之间》之后,对APP导航设计的读后感。希望各位有自己的一些建议,一定不要吝啬分享。

分享是进步的源泉。

 

每天更新,
全站高品质素材免费下载!