美文网首页
移动UI设计模式之导航设计

移动UI设计模式之导航设计

作者: 一只倔强的刺猬 | 来源:发表于2016-11-14 18:24 被阅读0次

    导航–我理解为APP中的地图,好的导航能够快捷的指引用户达到目的,也能提高用户体验。

    跳板式导航

    跳板式导航又称为快速启动板或宫格导航,其特征为界面中的菜单选项就是进入各个应用的起点。当有多个内容项(>5)时,可以用这种导航模式,往往用在二级页面作为内容列表的一种图形形式呈现,或作为一系列工具入口的聚合。

    其表现方式有:①利用网格布局将主要入口全部聚合在页面,让用户做出选择,各项之间同等重要。②利用不规则的布局方式可以凸显某些项的重要性。③视情况使用个性化和用户自定义选项,个性化的跳板式导航可在显示菜单选项的同时显示用户个人资料,通常会提供自定义功能,允许用户改变跳板式导航的布局。

    跳板式导航的缺点为:无法第一时间看到内容,选择压力大。

    列表菜单式导航

    与跳板式的特征相同,列表菜单式导航的每个菜单项都是进入应用各项功能的入口点。

    其表现形式有:个性化列表菜单,分组菜单和增强列表,分组菜单可将内容划分区域,增强列表是在简单的列表菜单上增加搜索,浏览或过滤之类的功能后形成。

    列表菜单很适合用来显示较长或拥有次级内容的标题,通常用在二级页面,不会默认展示任何内容。其缺点是会占用一定高度。

    选项卡式导航

    选项卡式导航在不同操作系统上有不同表现。位于屏幕底端的选项卡可以方便用户用拇指进行操作,适用于需要经常切换的标签。选项卡上的标签采用7+-2原则不超过5个,如有更多可以用水平滑动来设计。位于屏幕顶端的选项卡看上去让人眼熟,因为它模仿了标准的网站导航模式。

    为已选择的菜单项设置不同的视觉效果,用户就能清晰的知道自己选择了哪一项。

    当下所流行的tab导航,舵式导航,抽屉式导航都属于选项卡的变种。

    陈列馆式导航

    陈列馆式导航通过在平面上显示各个内容项来实现导航。主要用来显示一些文章,菜谱,照片,产品等。

    表现形式可以布局成轮盘,网格或用幻灯片演示。

    陈列馆式与宫格式的区别在于陈列馆式可以看得到内容,用来展示,而宫格大多运用图标来表现。陈列馆式导航能很好的应用于用户需要经常浏览,频繁更新的内容。

    仪表式导航

    仪表式导航提供一种度量关键绩效指示是否达到要求的方法,经过设计以后,每一项量度都可以显示出额外的信息。这种导航模式对于商业应用,分析工具以及销售和市场应用非常有用。

    仪表式导航用的不多,因为需要开展研究才能决定应该对哪些关键量度采用仪表式导航。

    隐喻式导航

    隐喻式导航的特点是用页面模仿应用的隐喻对象,这种导航主要用于游戏,但在帮助人们组织事物(比如日记,书籍,红酒等),并对其进行分类的应用中也能看到。阅读类APP很多采取隐喻式。

    超级菜单式导航

    这种导航模式在现在的设计中使用的比较少,而且一般会用做分类检索的次级导航使用。个人理解超级菜单即为一个界面中拥有多个菜单导航,当有多种分类选项时适合应用超级菜单式导航。

    页面轮盘式导航

    通过这种导航模式,用户可利用滑动操作快速浏览一系列离散的页面,页面指示器可显示出导航中的页面数量,用户滑动可显示下一页。

    页面轮盘式可以很好的实现少量页面,用直观的指示器来表明总屏数和当前所在位置。

    图片轮盘式导航

    图片轮盘式能很好的显示清新悦目的内容,如艺术品,产品或照片等。无论是使用箭头,部分图片内容或是页面指示器,它都能提供良好的视觉化功能可见性,也便于告知用户有更多的内容可以访问。

    扩展列表式导航

    扩展列表式导航通过下拉屏幕显示更多的信息,它能够很好的逐步显示某个内容项的更多细节或选项。

    在选择导航模式之前,首先要确定信息架构,再根据信息内容选择合适的导航。

                                                         

                                                       

    相关文章

      网友评论

          本文标题:移动UI设计模式之导航设计

          本文链接:https://www.haomeiwen.com/subject/fmzhpttx.html