6. “跟随式”固定导航

Dropbox
问题
用户希望能够在应用内随时访问菜单。
广州网站建设,广州网站设计,广州网站制作,网站建设,网站设计,广州网站建设公司,广州网站设计公司,品牌网站建设
解决方案
滚动页面时保持顶部、侧边或底部导航栏不变。在某些情况下,页面部分子节的标题也可在滚动时保持固定,或附着到已有的固定导航栏上。以地址簿为例,其中按字母顺序分隔的每个分节(“a”、“b”“c”等)可以在滚动过分节标题时保持在顶部导航栏下方。相册和文件夹类应用多采用这种设计模式。在其他方面,当用户朝着某一方向滚动时,可以让菜单消失,而朝另一方向滚动时则会固定显示。在这方面Pinterest是一个很好的例子,其菜单会在向上滚动时从底部消失,向下滚动时重新出现。这一点与用操作栏(Android机广为采用的模式)存储常用app功能的模式完全不同。
7. 垂直导航
Facebook、Spotify
问题
用户希望能够在应用的不同部分之间进行导航,但屏幕空间有限,无法显示全部信息。
解决方案
将重要的UI部分以列表的形式进行呈现,让用户可以滚动查看自己要执行的操作或内容。在这一方面,滚动是一个比较标准的移动应用手势,所以应用采用这一模式进行导航布局是比较合理的。这一模式还可让UI的标题和脚标能够实现更多“通用”导航,例如操作栏等。Spotify等音乐播放器,Yahoo!、Digest等新闻阅读器以及之外的各种应用都以不同方式采用了垂直导航的模式。
8. 弹窗

TED、Dropbox
问题
用户希望在查看相关信息的同时保持当前在UI中所处的位置。
解决方案
以弹窗的形式显示重要通知和其他信息。这一UI模式的优势在于能够以简洁明了的形式查看其他信息或执行特定操作,同时无需用户退出当前活动。正式的TED应用会以弹窗的形式放置播放控件,同时背景会以半透明形式显示,这样一方面可以让用户知道自己能够对播放器执行相关操作,同时,又不会干扰用户浏览当前内容。
Dropbox和Kindle也将控件放到了弹窗里。弹窗式UI模式对于这类应用的操作非常重要,因为其主要执行对象是数据,因此这一模式就可以让用户清楚看到控件的操作目标。在保证内容可见的情况下,用户可以对筛选选项进行调整或改变字体大小,同时不需要在不同视图间来回切换——所有操作都可以在当前界面完成。弹窗和模拟窗口也可用于显示重要通知或需要用户特别注意的提示,要隐去弹窗需要用户点击或滑动。以Secret和Swarm为例,这两个应用均使用弹窗来说明用户继续操作的预期结果。
广州网站建设,广州网站设计,广州网站制作,网站建设,网站设计,广州网站建设公司,广州网站设计公司,品牌网站建设
9. 滑出页面、侧边栏和抽屉

LinkedIn、Gogobot
问题
用户希望能够在应用内的各个不同部分间进行导航,同时导航期间不用在每个部分耽误时间。
解决方案
为应用设计一个二级部分——例如导航、聊天、设置、用户资料等,该二级部分可在不需要时以可折叠面板的形式隐藏到主要部分之后。在需要访问时,可移动到主要部分一旁或滑动覆盖主要部分。由于滑动页面是和应用主要内容相脱离的单独内容层,因此具体如何对抽屉内的内容(图标、文字乃至简单控件)进行布局可以灵活掌握,只要能够保证重要功能的快速访问即可。
通常情况下,抽屉可以隐藏到“汉堡式层叠菜单”下方,或者隐藏在一个简单箭头(表明箭头内包含额外内容)后方。
10. 无所不至的链接
Yelp
问题
用户希望获得前后一致的内容导航体验,同时不会受到多余内容的干扰。
解决方案
给应用内的大部分甚至全部内容加上链接,让用户能够自由探索寻找自己所需的信息,而不会陷入死循环或被繁冗的超链接文本、多余的按钮、广告宣传等网站上常见的无聊内容所干扰。如果用户希望与应用中的某一部分内容进行交互,他们一般会点击该内容,打开新视图获得详细体验。举例来说,在Yelp中,用户面临着多种选择——他们可以点击底部的按钮,也可以点击内容本身(例如地图或评论)进行浏览。而Flipboard则在用户浏览数字杂志时提供了眼花缭乱的导航方式,例如滑动、点击、手抓退出、撤销、返回等等等等,相比Yelp要复杂得多。
广州网站建设,广州网站设计,广州网站制作,网站建设,网站设计,广州网站建设公司,广州网站设计公司,品牌网站建设
10. 高级滚动条

Carousel、Dropbox
问题
用户希望能够看到自己当前在整体内容中所处的位置,并能够快速跳跃到较长的列表或图集的某个特定位置。
解决方案
除了使用滑动手势进行滚动外,很多移动清单或图集类应用还提供长时间显示或滑动时短暂显示的滚动条。在很多情况下,滚动条还会配套滚动索引(按日期、字母、分类、位置等排序)。对于索引式滚动,其滚动提示条通常是长时间显示的,也就是说用户不执行滚动操作时也显示。通过触摸或拖动滚动提示条能够以显眼的方式弹出当前所处部分提示。但是,滚动条和索引两者也可以结合采用,并且仅在滚动时显示以节省屏幕空间、减少对用户的干扰。对于滚动和索引的功能比较关键的应用,滚动条一般会以显眼方式长时间显示。
例如Carousel,其不仅有显眼的滚动条,在底部还提供了一个强力滚动条,以便用户轻松滚过上百万张照片。随着用户创造内容、订阅、组群、列表等的日渐增多,我们在未来将看到更多能够让用户以搜索和滚动条之外的方式寻找所需的创造性UI设计模式。
11. 滑动视图

Yahoo! 、Digest、Flipboard
问题
用户希望能够在不返回索引的情况下从某项内容快速导航到另一内容。
解决方案
让用户能够以滑动内容的方式在不同项目间切换。这一模式很类似于浏览相簿的感觉,现在有越来越多的应用开始采用这一模式,比如Yahoo!、Digest和Flipboard等。这一模式有助于维持用户的浸入式体验,另外,其还可用于架构用途,例如把应用中的不同部分分类到各个“标签”,让用户能够通过滑动进行查看。在采用这一模式时,还可以考虑一下如何以最佳方式让界面表现出其具有滑动功能。
广州网站建设,广州网站设计,广州网站制作,网站建设,网站设计,广州网站建设公司,广州网站设计公司,品牌网站建设
让用户放手导航
关注用户预期的导航目标、他们是否会观察导航元素、他们导航到应用某一区域的频率、用户的来源和使用应用的目的(也就是用户流)等等。反复对导航元素进行整理、排序、改变大小和微调,直到获得超越预期的结果。当然还需要深思用户在尝试进入应用的某个部分时实际会采取哪种方式,切勿遗漏关键要素。



