智能手机应用界面的导航设计分析

导航(Navigation)是指援用户从一点举动到另一点的方法,罕见于互联网网站设计。艾伦?库伯(Alan Cooper)以为任何将用户带到新的界面局部、定位对象、工具或许数据的举措都是导航。在一个网站中,由于全部信息无法展如今一个页面以内,因此需求提供页面之间跳转的链接。导航正是组织和引导这些链接的媒介,以协助用户高效完成义务。正如道格拉斯?〖?范杜月(Douglask.Van Duyne)等人提出用户不是总能找到链接,并且不知道链接会将其带到何方,因此导航是每个网站中的重要模块。不只如此,用户还能经过导航了解网站中页面与页面、页面中内容与内容之间的关系。由此得出,导航是用户举措触发的指南针,在整集体验进程中起到关键作用。

罕见的互联网网站导航按作用主要分为三种类型:公共导航、结构化导航与关联性导航。公共导航:页头导航和页尾导航是构成网站公共导航的方式,它们出如今网站的每一个页面。显示常用信息、常用操作链接或按钮等,例如:用户名、企业的Logo、热线电话、中英文切换等。结构导航:是基于内容的中心导航方式,主要分为全局导航、面包屑导航、局部导航三种类型。全局导航和面包屑导航是网站架构中的中心,由于用户在阅读网页时的眼睛运动轨迹主要围绕字母“F”展开,因此重要的导航应放置于网站页面的顶部(页头导航之下)。全

局导航中所提供的关键词链接是对整个网站内容的概括,用户能经过全局导航抵达任何一个一级页面后再停止随便切换(到其它一级页面);而面包屑导航能经过用户阅读页面的轨迹明晰地告知用户在网站中的位置,在提供轻松前往历史检查页面的基础上,运用户在网站中不至于迷失方向。局部导航出如今网页的左右两边,提供了以后页面中二级内容的链接,运用户能在以后页检查不同信息。关

联导航:属于网页中的附加导航,有相关引荐、快速链接,上下文导航三种详细方式,例如:经过下拉框的方式提供关联信息的链接。此外,广告、活动等网站运营型的内容会运用此种类型的导航。

智能手机移动互联网运用界面导航是界面中引导用户操作的重要模块,是运用界面信息架构的详细表现方式。不同于网站导航,移动运用界面导航没有固定的方式,其目的是展现界面中的中心信息与操作,协助用户快速到达目的。智能手机移动互联网运用界面导航由内容与结构组成,设计师应该先确定与内容有关的信息,再思索与实践内容相关的导航结构方式。依据运用、智能手机与移动用户的特点,运用界面的导航需求聚焦于用户的主要义务,尽能够删减不用要出现的信息。智能手机移动互联网运用界面的导航分为主界面导航和次级界面导航两种形式,次级界面导航由主界面导航分解而来,其作用是配合主界面导航的样式使界面导航构成一个全体,因此次级界面导航的样式普通较为单一;主界面导航是整个导航系统的中心模块,影响整个界面的规划与操作方式。本节主要基于主界面导航的样式,重点研讨运用界面导航的设计要点与方法。笔者总结了智能手机移动互联网运用界面的导航主要分为以下九种。

(1)列表导航:列表导航在智能手机移动互联网运用界面中比拟罕见,属于传统的导航方式。例如联络人运用、歌曲播放运用、邮件运用等都适宜采用列表导航的方式。在列表导航中,其上下列表之间的内容相对独立,没有附属关系,这种方式有利于独自更新列表以及列表中的内容。在运用列表导航时,列表中关键词或关键内容的表达不宜太复杂,复杂易懂的信息能协助用户顺利完成义务。而一个列表跳转至其它界面的层级尽量坚持在两步以内,否则将会容易招致用户迷失方向或前往本钱过高的效果。此外,在一个界面范围内(或一个屏幕以内),列表导航中列的数量可以依据移动设备屏幕尺寸和每列显示内容的多少来定义,例如在iPhone4S接听电话运用的通话记载列表界面中就显示了 8列最新通话信息。

(2)九宫格导航:九宫格导航常以具有相反尺寸的方格(数量为九个方格)呈“三行三列”的规划方式出如今主界面中。所谓九宫格导航是指用户在一个屏幕范围内所见方格为九个,当界面需求展现的信息超越一屏时,可将其它信息再以方格的方式置于第二屏中,而用户也能经过向上滑动屏幕见到其它方格内的信息(第二屏的方格数量也要小于或许等于九)。每一个方格都是第二级界面中局部外容的入口,并且方格之间的信息关联度较低,没有清楚的附属层级关系。依据详细运用界面的需求,可以将文字、图形等外容设计于每一个方格里,因此九宫格导航中的方格适宜设置带有清楚标识的信息。

随着快信息读图时代的到来,九宫格导航中的方格不只可以作为二级界面的入口,还可以用来展现详细信息,例如:在电子商务运用界面中经过方格展现服装的缩略图片,若用户看到中意的服装便会直接点击图片进入界面检查详细信息。以图片作为方格内容的方式,不只能协助用户快速识别信息,其直观的视觉效果还能在情感上为用户带来愉悦的感受。因此,九宫格导航中方格里的内容可以依据运用的实践状况停止设计,而方格的数量也可以停止适当的增加以便更好地展现信息,例如豆瓣电影运用界面就将电影的海报放置于长方形方格内,并设置一屏以内的方格数量为六个。

(3)标签(Tab)导航:标签导航来源于桌面阅读器,其作用是将曾经翻开的网页以标签的方式停止分类,以方便用户在多网页中停止切换。标签方式良好地运用了物理隐喻的原理,有效地防止了不用要的页面跳转。在移动互联网运用界面中,标签导航主要用来将并列的信息经过横向标签的方式停止区分,以方便用户点击和切换不同信息。

与传统的构架方式,如列表方式比拟,标签导航能在有限的空间里展现较多内容,并增加用户的点击次数,提高操作效率。通常状况下,移动运用界面中各标签之间应该呈并列关系,而随着触摸屏幕的普及,经过标签改良的新型导航方式也应运而生。当导航展现信息为两个的时分,可以将标签的方式改良为经过按钮切换信息,而按钮的操作方式既可以是点击又可以是左右滑动,这种方式能运用户与界面的交互愈加自然。此外,值得留意的是标签上不同类型的内容和功用尽量坚持独立。在一个屏幕以内,只允许用户与一个主要的功用停止交互。

(4)旋转导航:旋转导航主要经过左右滑动或双方向滑动(只往左或只往右)切换不同的信息,适用于屏幕空间有限而又需求展现少量信息的运用界面。旋转导航内的信息都具有相反属性,似乎属于广告信息、引荐内容、搜索内容等,在电子商务运用中较为罕见,如团购、电商平台、电影等。旋转导航能充沛应用移动设备有限的屏幕空间,在运用界面的一个模块以内展现一系列信息,而展现的信息多为明晰的图像或文字。设计师需求在视觉上告知用户旋转导航内的信息数目,并同时告知用户目前所在的位置,如左图中有两个焦点表示一共有两页可供转换的信息,而以后所在的是A页。与此同时,运用界面系统还要支持用户循环旋转导航内的信息,如导航内有三条信息,而用户能不时往左边滑动循环检查三条不同的信息。如今,设计师普通会将旋转导航与其它导航方式停止结合,以便在一个屏幕以内展现更多的信息。例如将旋转导航与九宫格导航结合起来,旋转导航用来展现信息,而九宫格导航则提供第二级界面的入口。

(5)抽屉导航:抽屉式导航又称为手风琴式导航,是为了防止界面一屏以内信息展现过长而设计的界面导航方式,其目的是在一个界面内展现更多内容。导航框内展现的信息以两级列表的方式停止分组,两级列表之间存在附属关系。用户能经过父级导航展开其子级项目,经过父级信息与子级信息的设置与分类,不只能运用户灵敏地隐藏或显示所需求的信息,还能减小信息对屏幕的占用率,整个界面的功用和规划也了如指掌。抽屉导航在设计时需求留意两个效果,第一:把用户常用的信息设置为默许展开,其它的信息则收缩至抽屉内。这样能防止由于页面过长和信息过广而招致的用户阅读担负过重的效果。第二:抽屉的展开和收起形状需求在视觉上停止清楚的区分,以便于用户查找需求的信息。

(6)侧滑导航:侧滑导航是一种较新的导航形式,它由左屏、主屏和右屏三个局部组成。在

智能手机移动互联网运用中,移动社交运用Path最早釆用该种导航方式。侧滑导航能运用户能将视野聚焦于检查主界面的信息,而其它操作功用则经过点击左右屏幕中的信息或条目而完成。这使得主界面内容愈加繁复和明晰,也使左右屏幕中的信息和操作项目更具有扩展性,例如当用户添加好友后便能在右侧屏幕中检查最新列表信息。除了社交运用以外,旧事运用、阅读器运用、电子商务运用等都纷繁釆用侧滑导航的方式。但侧滑导航并不一定适用于每一种运用类型,自觉的追风并不能带来更好的用户粘着度,因此设计团队和设计师还是要依据运用的实践状况而停止导航设计。

(7)复杂导航:面对日益多样化的移动互联网运用,其界面导航可以依据运用的详细状况将多种导航方式停止组合。集合两种或两种以上导航方式都称为复杂导航,它普通针对信息量广,并且操作项目多的移动运用界面。例如:电子商务运用淘宝网集合了九宫格导航和旋转导航的方式,使运营内容与重要操作入口同时出如今主界面中;数字媒体运用网易旧事则集合了旋转导航、列表导航与侧滑导航的方式,使头条旧事、其它旧事摘要与切换旧事主题的列表能基于一个主界面全部展现出来,降低了用户跳转界面的本钱。

(8)全景图导航:全景图导航是微软公司于2010年推出的Windows Phone OS 7.0 (WP7)系统的导航概念。全景图导航没有清楚的导航边界,内容自身就是界面,给用户提供一种阅读杂志的全新体验。这种以内容为中心的导航能运用户快速沉溺在运用中,并且不会迷失方向。

(9)全屏导航:全屏导航是适用工具型运用与沉溺式运用常用的导航方式,其界面需求展现的信息较为扁平,只包括了必要信息而没有深层次的信息架构。通常状况下,一个适用型运用只处置某一个方面的效果,如iPhone中的原生运用指南针、天气预告、记事本等均经过全屏导航的方式突出了运用的中心功用,运用户能快速阅读信息或完成某项操作。

沉溺型运用分为游戏类运用、媒体类运用与特点义务类运用,其导航方式略有不同。游戏类运用为了给用户添加更真实的游戏情境体验,普通采取占满整个屏幕的界面规划方式运用户聚焦于游戏内容,不受其它元素的搅扰。媒体类运用最罕见的便是视频播放和电子阅读,为了运用户更好地沉溺于情节中,其界面导航会删减一切多余的信息而只显示以后内容,只要当用户点击屏幕时才会在浮动层上显示操作控件。特定义务类运用罕见的有录音、拍照、图片处置等,界面导航多以突出特定义务为主,在界面的下方辅以义务的操作按键,通常运用自定义的界面以配合环境。

提供最优质的资源集合

立即查看 了解详情