app易用、友好的导航设计模式

一款成功的app应用软件必定拥有良好的导航设计模式,毕竟导航对于整个app核心体验起到关键作用。移动互联网中有很多的优秀的app导航就是经过设计师反复精心打磨,通过无数次的验证、实践得出设计模板,这些模板的好处在于,由于经过验证,具备突出的特性。如今,移动互联网中有很多的流行的导航设计模式,而了解这些模式有利于你的app投入市场后得到更多用户的支撑,拥有更强的竞争力。

一、组合导航




通常情况下,使用混合导航都是当用户需要聚焦内容,同时又需要一些快捷入口能够连接到某些页面的时候。另外,组合导航使用宫格的形式展示快捷入口与标签导航不同,这些宫格入口之间不需要平级关系,也不必包含整个层级的内容,可以将其理解为一种图形化的文字链,并且这种导航比较灵活,能适应架构的快速调整。

二、侧边栏和抽屉控件

由于手机屏幕有限,而如何在有限的区域有效而优雅的放置更多内容,始终都设计师需要考虑的问题。为了完善的解决此问题,设计师们常常是选择侧边栏、下拉框和抽屉控件来承载更多的内容。而我们较常见的有:汉堡菜单、滑出菜单的箭头和侧边栏,利用这种导航设计来帮助主界面上更好的显示关键的信息。

具体在什么情况下,适合使用侧导航呢?

A、应用的主要功能和内容在同一页面。有些用户设置这类低频操作内容需要显示在其他页面里,为的就是让主页面看上去干净美观,因此会将这些辅助功能放在抽屉栏里。

B、应用中有不同的视图,并且他们之间是平级的关系,需用用户同等的去对待,抽屉栏将会浪费掉大多数的用户对于侧边栏中入口的潜在参与度和交互程度。

温馨提示:当需要用户有一定参与的信息层级,这时较好不要使用抽屉栏导航设计。

三、内容的导航




不管你的app属于那种类型,总是希望拥有顺畅的用户体验,清晰的内容。所谓内容的导航指的并非是系统性的导航,而是在浏览过程中,让概览模式和详情模式下无缝转换的一种导航模式。如:Tinder,在用户的个人页当中,你首先看到的是概览模式,其中用户的图片占据着绝大多数的区域,再点击一下之后,图片缩小,你可以看到更多和用户相关的信息。

四、底部导航设计

导航就是指引用户浏览阅读的工具,而底部导航应该是用户表示程序中常用的几项重要功能,这些功能要求能够直接从应用程序的任何地方访问。一般情况下,好的底部导航设计需遵循如下规则:

1、只显示重要的功能

A、使用3至5个较好导航标签。若少于3个标签,这时可以考虑使用标签选项卡来替代。

B、尽可能避免使用超出5个底部导航块,否则会造成块与块显得太拥挤,也容易造成误点错点等问题。

C、一旦你顶层导航块超出5个,不要将他们都放在底部导航,要考虑将其放在其它地方货选出较主要的放在底部。

2、避免滚动设计

对于小屏幕而言,隐藏一部分导航块是不错的解决方。你无须担心屏幕限制,只需要吧导航块至于一个可滚动的区域即可。但是这种方式难免会降低使用效率,因为即使你已经看到了你所需要的,可能依然需要滚动一下才能看到全部。

3、告知用户当前位置

好的导航设计应该是用户在没有外界指引的情况下,也能仅靠⑴眼就能知道如何从A点到B点。你应该使用合适的视觉线索,如:图标、标签或颜色,直观的告诉用户,而不必有过多的解释。

五、弹出框




并非所有的弹出框都是不好的设计,为了让用户和界面之间有更好的交互,弹出框将会是较佳的解决方案。当有较新的推送信息出现,用户在浏览当前页面而不想跳出的时候,使用弹出框来呈现临时介入的信息,是一个两全其美的方案。不过,弹出框这个足够引人瞩目的控件,在用户真正需要的时候提供帮助,若滥用也是非常惹人反感的,关于这点,天津app开发需要设计要知道。

总之,导航设计是app设计发展过程中值得玩味的地方,因移动设备屏幕尺寸限制的原因,设计师往往会将屏幕空间尽量留给主体内容,而优秀、易用、友好的导航设计会让用户轻松到达目的地而又不会干扰和困惑用户,有助于提升用户体验,帮助app应用赢得更多点击率和下载量。

声明:文章"app易用、友好的导航设计模式"为文率科技APP开发公司原创文章,转载请注明出处,谢谢合作!

APP开发常见问题文章推荐阅读