匠心体验——第二章　移动应用的内容与导航

● 移动终端应该提供什么服务内容？ ● 在何种环境下使用何种菜单？ ● 如何设计导航菜单？ ● 鼓励用户浏览 ● 正确管理滚动页面 ● 简化导航 ● 避免导航 移动终端应该提供什么服务内容？ 和固定终端相比，移动终端应用的设计者更需要仔细斟酌服务内容。通常，移动应用背负着一个体系的所有烙印，体系中的每个环节都有话要说，更麻烦的是，每个环节都能找到自己的位置。看看这些庞大的浏览空间、内容繁多的首页、包罗万象的菜单。移动终端怎样才能去繁就简呢？ 移动终端必须采取简洁原则 移动终端造成的各种束缚反而成就了自身的繁荣。一个备受限制的环境往往会促使人们至臻完善，选择不同寻常的道路，不断精益求精。移动终端创造的恰恰是这种环境。移动终端的缺陷塑造了今天移动服务的品质特点——简洁。 移动终端的屏幕空间小，无线网络连接往往速度较慢，有时甚至会出现断网的情况。所以，和固定终端相比，移动终端可容纳的内容较少。然而，这些缺点反而成为移动终端发展前进的动力：移动应用的设计者被迫更深入地考察用户需求，对人机交互界面精雕细琢。 事实证明，屏幕大小决定了设计思路：平板电脑的界面比智能手机的界面更加丰富、更加完整。但是，平板电脑和智能手机的界面往往由同一个团队设计。而且，移动终端的界面比固定终端的界面更加简洁。 移动终端产业对简洁原则已达成了共识。人们认为应该缩小移动终端的功能范围。移动终端用户体验专家卢克•沃洛布莱夫斯基掀起的“移动优先”（Mobile First）风潮强调：只保留必要的内容和功能。从设计移动终端界面产品之初，设计者就要开始考虑屏幕空间的限制。因此，他会自然而然会采用简洁的风格，做出必要的取舍。 因此对于用户来说，移动终端提供的服务如同一阵清风，满足了用户最根本的需求——简洁。于是，移动终端的设计思路又让曾经风靡一时的经典风尚卷土重来——一切以简洁为上。最伟大的设计理论家之一约翰•梅德（John Maeda）教导设计者们：为了用户的利益，要学会放弃。根据他的理论，通过缩减功能范围，可以让产品更加实用，更容易被用户接纳。但是，面对复杂的软件和庞大的技术设备，有谁没感到过不知所措呢？ 一个开放的环境总会充斥着各种可能性，简洁原则很难践行。然而，在移动终端这个存在重重限制的环境下，简洁原则实行起来则恰如其分。 37 Signals 公司在开发项目管理工具Basecamp 时曾提出这样一条箴言：“特色少就是我们最大的特色。” 选择越多，就越难以选择。这种矛盾不仅体现在人们的消费行为中，还体现在人们对关联事物的运用中。 如果想进一步了解简洁理念，请阅读巴里•施瓦茨（Barry Schwartz）的著作《选择的矛盾：为什么“多”就是“少”》（The Paradox of Choice: Why MoreIs Less），这本经典之作可谓经久不衰！ 单凭简洁还不够 当然，绝不能牺牲对用户来说十分重要的组成部分，否则会影响用户使用终端应用的积极性。用户应当能在移动应用中找到自己所需的功能。如果移动终端所提供的应用还能在其他地方找到“完整版”，满足用户需求这一前提就显得更为关键，因为用户会期待在移动终端上也能找到同样的功能。更糟糕的是，如果解决不好这个问题，用户会觉得：“移动终端上的应用恐怕仅限于此了吧。” 简洁原则并不是寻求“更少的功能”，而是“真正能满足用户在移动中的使用需求”。正如米尔顿•格拉泽（Milton Glaser）曾说过的：“更少不意味着更多，足够才意味着更多。”斯蒂芬•胡博非常赞同这种说法，简洁绝不是要提供不完整、受限制、贫乏的用户体验。 “移动终端永远不意味着降低或限制用户体验。”——胡博 为简洁而隐藏 通过设计内容架构和界面，也可以达到简洁的目的。其实，隐藏某项功能不等于就此放弃，可以把该功能安置在下一级的结构中。设计者应该把各项功能分成不同级别，把最重要的功能放在幕前，即默认在界面上显示。其他功能也能使用，只不过需要用户多操作几步而已。所以，移动终端应用程序即便拥有多样的功能，也未必会呈现复杂的外观。 隐藏的功能和内容应当或早或晚能够被发现：行为召唤、图标、图形元素等标志着它们的存在。但是，隐藏功能和内容有 时会被彻底藏起来，用户完全无法猜到这些元素可以被激活，只有通过一个简单手势或动作才能暴露出来。 图 应用程序默认显示行走时间。用户点击圆形后才发现还能显示路程的公里数，如果再点击一次，还能显示走过的步数。上述功能实际都存在，而这种设计方式不会让界面显得过于臃肿。 由于移动终端的屏幕空间很小，设计者总是不得不使用掩藏技术，但是，这恰恰为各种功能的重要程度提供了一个分级的机会。 移动终端的潜力、环境与使用 在移动终端上规划内容不等于减少功能，更要考虑移动终端的独特使用方式和操作环境。实际上，智能手机和平板电脑的特殊使用方式为功能设计指出了方向。用户不会在台式电脑、智能手机或平板电脑上做同样的事情。比如，在智能手机和平板电脑上打字，既不方便又无趣，用户就会产生尽量少打字的倾向，而打字的内容和方式也跟在台式电脑上有所不同。加载除照片和视频以外的文件，或者处理庞大的工作量时，也是同样的道理。 设计者还要考虑到，用户在使用移动终端时，大多会将任务分割在较短的时间段内处理。 如果说，移动应用的设计需要舍弃，那么这也是一个绝好的机会让设计者仔细思考——究竟应当提供给用户什么样的服务？移动设备拥有广阔的应用潜力，设计者可以借此研究如何适应任务和使用环境。拍摄相片和视频、使用卫星定位系统、启动移动与环境传感器、扫描物品……各式各样的功能开启了全新设计前景，同时在各种应用和网站之间建立了新的沟通桥梁，为用户提供了真正的贴心服务，让用户摆脱盲目的境地，不再满足于简单的信息复制。 图 在参观公寓后添加照片，在路上向其他用户发送信息，拍摄商品以便印证其质量：移动终端具备大量特殊功能，让用户从中受益。 在何种环境下使用何种菜单？ 设计者在选定了应用程度与网站的内容和功能后，就应该考虑如何向用户展示，让用户很容易看到内容、使用到功能。关于移动终端的菜单设计，别人最常问我的问题是：采用选项卡菜单还是汉堡菜单？应该如何选择？和大部分用户体验的相关问题一样，我的最佳答案是：“看情况而定。”设计者要根据应用的内容、具体环境、设计策略多个条件做决定。最终呈现在用户面前的界面不过是对上述条件深思熟虑后，精心设计的结果而已。 直观菜单 最传统的菜单设计与网页菜单设计十分相近，即列举出菜单的所有项目。这种方法没有任何风险：一切都在眼前，用户不会错过任何内容。但难点在于很难把希望展示的内容统统列举出来。 什么时候使用直观菜单？ 下面是可以或必须采用直观菜单的几种情况。 ● 当菜单拥有建议能力的时候，换句话说，菜单可以激发用户产生浏览页面的想法。 ● 当用户需要高效率的时候：用户需要通过菜单立即进入各个功能，这时直观菜单更理想。 ● 当菜单选项不多的时候：添加一个“其他”选项就可以达到全面覆盖目的，我在后文中会详细介绍。 ● 当基本不存在屏幕空间不足问题的时候。 ● 当用户需要常常从一个页面跳转到另一个页面的时候。 图 直观菜单可以让用户直接点击使用重要的功能，如MAPPY 中的“路线”（Itinéraire）功能、FOODSPOTTING 中的“拍照”功能和CAPTAINE TRAIN 中的“购物篮”功能，同时也可以鼓励用户探索不知晓或者从未浏览过的页面，比如MAPPY 中的“购物”功能。 弥补直观菜单的缺陷 直观菜单存在两种缺陷：一是菜单在屏幕上占据空间较大；二是菜单无法容纳过多数量的选项。以下是弥补这两种缺陷的方法。 在用户不需要菜单的时候将菜单隐藏 直观菜单最大的问题是它始终存在于屏幕上，十分碍事。所以，在人机交互的某些时刻，尤其在用户探索页面和阅读内容的时候，最好将菜单隐藏起来。此时，我们可以假设用户不需要太多的整体导航功能选项。 图 和大多数移动浏览器一样，当用户“卷起”页面时，SAFARI 菜单消失；在用户点击时，菜单重新出现。 两者兼顾的方法在iPhone 最初的开发指导思想中有这样一条建议：标签栏（tab bar）中的最后一个选项应当是“更多内容”“其他”等类似选项，用户只需点击一下就可以展开次要选项。当然，在任何移动应用中都能采用这种方法。 图 “其他”（Autre）设为菜单导航的最后一个选项，包含后续内容和其他选项。 隐藏菜单 移动终端像素有限，设计者显然需要其他方案来解决菜单过大的问题，于是汉堡菜单及其衍生设计应运而生。无论菜单是大是小，“汉堡菜单”的主要原则是隐藏菜单，并通过点击屏幕上的图标展开菜单。隐藏菜单往往在旁侧竖立摆放，需要浏览时会出现在屏幕的左侧或右侧。因此人们也把这类菜单叫做“抽屉菜单”，在软件里也有类似的设计。 “汉堡菜单”通常采用三条上下排列的横线作为按键，这种排列方式让人联想到汉堡包中面包与食材上下叠放的样子，“汉堡菜单”因此得名。 什么时候采用隐藏菜单？ 隐藏菜单的最大优点是占据屏幕空间极少，可以把空间留给其他元素。其最大缺点是隐藏了菜单的具体内容：如果用户不打开菜单查看，从表面上什么都看不到。众所周知，可以被直接看见的直观目标的使用频率更高。如果采用隐藏菜单，被隐藏的具体选项功能的使用频率会大幅降低。隐藏菜单没有建议能力，也就是说，只有在用户主观希望去寻找一些东西时，才会点击隐藏菜单进行搜索。 隐藏菜单不会自行给予用户任何启发，激发他们产生使用隐藏内容的想法。常言道：“眼不见，心不念。”这句话在人机交互的世界中得到了最完美的诠释。 然而，如果被隐藏的内容并非应用中的关键部分，那么隐藏菜单完全可以接受，甚至应该得到推崇。从人机工程学角度看来，通过点击一下来展示所有功能，这种设计没有太大意义：这其实意味着，设计者不知道该如何取舍，如何找到合适的平衡点。还是那句话，想要设计高效的导航，设计者首先要考虑如何按照内容和功能的重要性进行分级的问题。 以下是可以或必须使用隐藏菜单的几种情况。 ● 当菜单里没有任何重要内容，或者设计者希望向用户重点推荐的内容时：即次要内容和支持性功能，如用户账户、设置参数、分类筛选、联系人，等等。 图 旁侧的菜单里都是些次要项目，完全可以隐藏起来。 ● 当屏幕上已经默认显示了大部分功能时：以新闻实时播报、社交网络为基础的移动应用大多如此。另外，一切属于供应方推送（push）而非用户索取（pull）的应用也属于这种情况。 ● 当用户已经知道或能够猜到存在一些功能时：最常见的用户登录功能，以及一些应用所特有的功能，例如，用户应该能猜到报刊类应用程序或网站上应该具有按照政治、金融、国际新闻等主题对内容进行分类筛选的功能。 图 显然，在这款应用程序中，一定存在根据运动项目分类筛选的功能，所以设计者可以把该功能隐藏起来，让出更多界面空间给其他更重要的元素。 ● 当某一个选项属于一系列惯例性操作中的一步时：比如用户身份验证。 ● 当清单内容很长的时候：如电子商务网站的商品清单、在线杂志的栏目单等。当然，在核心页面和重要位置上，仍然可以重复强调隐藏菜单里列举的内容。 图 ● 当不同项目之间的用途互不相关时：比如针对不同客户群的不同项目。用户在使用中不会在各个选项之间穿梭，也就是说，不会从一个栏目跳到另一个栏目。 图 使用这款应用程序时，用户通常每次只会使用搜索、建议、查询路线这些主要功能中的一个。所以，当用户在首页上选择一个项目后，菜单完全可以隐藏起来。 ● 当设计者希望尽可能去除屏幕上的多余元素，让用户聚焦关键内容时：隐藏菜单实际上成为一种净化界面、优化结构的好方法。 ● 当出现两个菜单，且彼此形成了竞争关系时：设计者应该找到妥协的方法，隐藏相对次要的菜单或用户能猜到存在的菜单。 图 使用竖向的隐藏菜单（右图）展示相对次要的栏目，以便突出另一个主要菜单（左图）。这样一来，用户可以通过主要菜单在“清单”和“地点”之间切换。 图 将应用程序中的整体导航功能放入隐藏菜单，让这些操作能够始终显示。隐藏菜单对于选项、操作、筛选功能都非常适合。 弥补隐藏菜单不够直观的缺陷 隐藏菜单天生具有“隐藏”的缺陷。有几种窍门可以弥补这种缺陷。如果设计者在几经权衡之后决心使用隐藏菜单，但仍担心用户看不到菜单藏起来的内容，这时，以下方法就会发挥作用。尤其在用户不了解或者很少使用移动应用的时候，设计者更应该尝试下文介绍的方法。 使用约定俗成的醒目图标 第一条建议就是：尊重约定俗成的习惯。设计者选择了隐藏菜单，就意味着把菜单内容置于用户的视线之外了。设计者应该竭尽所能让隐藏菜单有机会展现在用户眼前。现在，设计者们最常采用汉堡菜单的形式设计竖向综合性菜单。但是，“汉堡菜单”往往伴随另一种视觉图标，有的设计者甚至索性用这种图标取代“汉堡菜单”，让菜单更醒目、更富内涵。 我们还应记住：界面越简单，用户就越容易发现隐藏菜单，完全不需要设计各种花哨的图标吸引用户的注意。 图 图 采用安卓系统的准则，把简化“汉堡菜单”和报刊标志相结合，既能凸显菜单的综合性，又能让它变得更显著。但是，菜单图标必须特点鲜明，用户才不会只看见报刊标志，也不会把简化的“汉堡菜单”错当成报刊标志的点缀。 竖向隐藏菜单的图标该摆放在哪里？最常见的是把图标放在屏幕的左上方。设计者也可以打破习惯，只要保证图标足够突出就可以了。 图 如果隐藏菜单包含的选项具有相同的语义元素，那么设计者不必使用传统图标（进入隐藏菜单的简单方式），而可以选择一个展现所有选项共性的图标。 图 通过左上角“用户”图标就能进入“汉堡菜单”，因为菜单内的大多数选项与用户账户有关。 配上说明文字 如果设计者十分希望凸显菜单，但又不能默认显示菜单内容，那么可以加入说明文字。说明文字自然而然会增大进入菜单的按键尺寸，让按键更加明显。 图 无论是否搭配图标，说明文字“菜单”（Menu）都能吸引注意，让用户明白此处存在隐藏菜单，并立刻了解如何进入菜单。 配上通告文字 通告文字能够把用户的注意吸引到菜单栏目的更新内容上。当然，这绝不是要“发明” 一堆和使用环境毫无关系的通知。设计者必须谨记，你要做的仅仅是利用通告文字弥补相关栏目不够明显的缺陷。 图 通告文字的另一个好处：把用户的注意吸引到旁侧的菜单上。 配上动画 设计者还可以通过动画效果让用户注意到菜单的存在。采用动画效果时也要适度，避免增加人机交互操作的负担。 图 载入应用程序的时候，隐藏菜单会短暂闪现，而后消失，最终给首页让位。用户可以看到“汉堡菜单”轻微的动画效果。图形动画在初次使用时非常有用，但对于经常使用这款应用程序的用户来讲，很容易心生厌烦。 如何设计导航菜单？ 图形规格 设计者需要根据内容的重要程度使用不同规格的图形：图形越大越容易吸引用户的目光。但屏幕上的其他元素也扮演着重要角色：如果界面非常简洁，设计者不需要始终强调图形部分。 值得注意的是，如果存在次要菜单的话，应该让主菜单的表现形式与之匹配。次要菜单的外观应当相对质朴、平实，避免过分吸引用户的注意。 图 提示用户当前所处位置 在更接近惯例的菜单设计中，提示用户当前所处位置是一项很好的功能，但我们经常会见到这种情况：“抽屉菜单”没有提示用户当前处在哪个页面、哪个栏目。提示当前所在位置，能够帮助用户在虚拟空间中定位，在大脑中畅游交互世界。 图 使用说明文字还是图标？ 标注说明文字是最简单明了的方法。但有时屏幕空间非常宝贵，设计者可以考虑使用图标代表众所周知的功能。用户很容易学会使用并记住常用的功能图标，比如“首页”“信息提示”“个人信息”“用户账号”“搜索”等功能，完全不必使用说明文字。 而且，用户重复使用的频率越高，越容易记住图标的意义。 图 由于使用频率较高，FACEBOOK 和MEETIC 的导航功能完全采用图标。 在菜单里标注说明文字永远比标注图标更易于理解，更能启发用户。但是，说明文字占据空间较大，在多种语言版本并存的移动应用中更是如此。 图 应用程序页面顶端的导航菜单比移动终端网站的菜单更具启发性：后者缺少说明文字，仅靠图标很难表达复杂的概念。 一切取决于设计者希望推荐各个栏目的积极程度：如果默认栏目最重要，而相对来说，用户不常搜索其他附属栏目，那么设计者必须通过菜单展现这一情况。　最后不要忘记，说明文字与图标可以混合使用。说明文字与图标绝非对立的两面，二者结合使用或许能达到绝佳效果。设计者最好使用众人皆知的图标代表一些常用功能，因为用户理解这些图标的含义。设计者还可以搭配说明文字，强化图标的建议能力。 图 过渡与转化 在设计菜单时，设计者还需要考虑到当用户调取菜单时，应该如何将其呈现出来。此时，动画发挥了重要作用：动画可以在用户的脑海中重现整个系统的运行模式。系统在虚拟空间中呈现一组页面，页面按一定方向连续运动，形成动画效果。 菜单从左侧逐渐呈现在屏幕上，在用户的脑海中留下菜单来自“左侧”的印象。 鼓励用户浏览 用“切断”鼓励浏览 设计者如果无法在屏幕的有限空间里展示菜单的全部内容，就要仔细想想该如何提示用户找到更多内容。为达到这一目的，设计者可以采用切断设计（cutoff design）。具体来说，切断设计指的是故意截断内容，暗示下文仍在继续，促使用户继续浏览后面的内容。这就好比用美味的前菜勾起食客的食欲。 这种方法非常有效，WINDOWS PHONE 的界面模式和导航面板将其视为设计典范。 图 当然，切断设计不仅用于传统菜单，设计者但凡希望鼓励用户继续浏览，都可以使用。 提供指示 如果鉴于屏幕大小或取舍考量，设计者无法显示菜单，那么可以给出图画线索指示菜单的存在。 图 短时提示 为了帮助用户理解导航选项的意图，设计者可以在短时间内提供指示，吸引用户的注意，而不必让指示一直停留在界面上。不过一定要小心：滥用这种方法会让用户感到厌烦。刺激性提示越频繁，风险越大。 图 在打开广告几秒钟后，会短暂出现两个箭头，指示用户可以向左或向右翻页，回到上一个广告或继续浏览下一个广告。 图 解释说明 在没有菜单或指示的情况下鼓励用户继续浏览，最后一条途径是明确地告诉他如何进行下一步操作。我将在本书第五章里讲到，这种方法其实有潜在的风险，最好采取暗示的教学方法。但是，即便解释说明只能出现一次，仍是一种可以接受的设计方案。 正确管理滚动页面 在移动终端上浏览页面不一定是从一个页面跳到另一个页面，有时也像阅览卷轴一样，向页面底部展开。屏幕宽窄有限，但滚动页面的长度可以加长，加载更加丰富的内容。下文会给出一些建议，正确管理在移动终端上的滚动页面。 提示用户使用滚动页面 首先，设计者必须想办法提示用户可以向页面底端拖动。设计者需要向用户表明：当前页面下方，屏幕没有展示出来的部分仍然存在内容。最常见的方法就是前文提到过的切断设计。 定位锚点 处在页面底部的元素无法显示在屏幕上。为了弥补这个缺点，设计者可以采用定位锚点：用户点击定位锚点后，自动跳转到相关页面。 固定元素 移动终端屏幕最主要的缺点是长度和宽度都有限。鉴于宽度很难再扩大，设计者只能设计很长的滚动页面，以便添加更多内容。所以，设计者应该把重要元素始终留在屏幕上，让用户在不断下拉页面时仍然能够看到它们。 根据不同内容，重要元素也不一样。重要元素在总体上分为以下三种。 ● 行为召唤：不论位于页面何处，都能鼓励用户采取行动。行为召唤如果始终显示在屏幕上，还能起到建议作用。 ● 导航元素：“返回”或“关闭”、跨越页面的“下一页”“上一页”等元素。同类链接还包括“返回页面顶端”，让用户快速回到页面顶端，弥补屏幕长度不足的缺陷。根据系统和设备的不同，此类导航命令不一定从开始就被采用。 ● 指示当前情况的元素和标题，帮助用户时刻记得自己正在浏览的内容。 图 通常来说，设计者会在页面的顶端和底端放置固定元素，但现在越来越多的应用程序和网站开始使用悬浮窗。而安卓系统的《Mateiral Design 设计规范》或许在某种程度上助推了这种趋势。 图 我们常常会见到，很多应用程序上虽然设计了固定元素，但给人的感觉是设计者没有经过认真考虑，仅仅是为了照搬设计规范而已。不要忘记，固定元素必须有资格占据屏幕上的固定位置！如果设计者拿不定主意，那么可以采取折中的办法：在用户下拉页面时隐去这些元素，一旦用户采取任何操作（尤其是点击），这些元素会再次重现！ 简化导航 精心设计首页 精心设计首页，能帮助用户更好地浏览内容。用户走进大门时，他最需要什么？最常见的目的又是什么？ 用户在打开移动终端网站或应用程序的时候，都拥有自己的特殊需求和预期。因此，作为移动应用的设计者，千万不要把用户淹没在推介信息和促销广告的海洋里，不要把难以下咽的内容堆到用户面前。设计者应当优先展示用户想要的工具和功能，否则用户就会迅速逃走！ 图 设计者可以根据自己想要推荐的核心价值设计合适的首页。BOOKING 和AIRBNB 的网站首页都参与体现了品牌的服务特点，二者差异巨大。这两个例子很有价值，我们从中可以看出，不存在绝对的“最佳”方案：一切取决于具体情况，一种设计可能适合第一种情况，却未必适合第二种情况。 图 很多移动应用程序和网站选择把菜单放在首页上。如果有其他选择的话，请设计者不要这样做。所有功能都至少要点击一次后才能被激活，这种首页仅仅提供了选择栏目，变成了所谓的“空白页面”——除了导航别无他用。 图 最后不要忘记，智能手机和平板电脑的操作环境大不相同。用户甚至是在几乎完全相反的条件下使用这两种设备。另外，设计者可以根据屏幕的可用面积考虑设计合适的配置。 图 标记区分已访问过的链接 将访问过的链接加以标记区分，能让浏览变得更容易，让用户避免耗费精力。众多移动终端界面都如同浏览清单一样，用户从中挑选，决定浏览或舍弃。 让用户迅速辨认自己已经浏览过哪些内容，这一点非常重要。通过简单的视觉效果，让用户辨认出已浏览过的内容，这种方法在几年前还属于网页的设计规范。但如今实施这种设计规范的人越来于少，导致用户使用效率降低。 图 避免导航 默认选择 与其想方设法让导航更便利，为何不干脆避免导航呢？在某些情况下，我们可以删减一些导航页面，设置默认选择。“取舍”也是首页设计的基本原则：用户最常搜索的元素，或是设计者出于设计策略希望大力推广的元素，应该重点呈现。 图 优化横向导航 移动应用的信息架构往往非常深：信息架构分为很多级，层层叠压。为了弥补信息架构过深带来的缺点，设计者可以采用横向导航功能，让用户直接在同级内容之间跳转，而不必返回高层级别。另外，横向导航功能也可以在不同层级内容之间跳转，或者根据用户当前浏览页面提供各种捷径。横向导航在不同内容之间建立了桥梁，让用户不必走无用的弯路。 图 针对用户感觉的设计要领 谈到浏览页面，用户的感觉非常重要。如果设计者预计人机交互过程会比较烦琐，可以在界面上多下点功夫，以求改善效果。界面的基本设计思路就是限制时间堆积。设计理论学家爱德华•塔夫特提出这一概念，指用户在完成目标的过程中必须通过的一系列页面。时间堆积和空间并存的元素组织形式正好相反。从结构上看，信息架构的时间堆积越多，越容易让用户感到浏览过程漫长、乏味。 因此，组织好信息架构，让用户不会感到每一次点击后都会登录不同页面，这一点非常重要。在关联背境中显示新内容，用户就不会感到在一直不停地翻页。 图为了让用户在目录列表和细节页面之间的更顺畅地跳转，设计者可以在显示方面多花些心思，减少页面之间的割裂感，让用户减少来回穿梭的感觉。 图 在屏幕上的次要区域使用一些视觉效果，能让用户把注意集中到正在做的事情上。 图 值得一提的是，这种设计方法不仅适合内容紧凑的文档，对于需要经常查看细节的情况也大有益处。因此，这种视觉效果通常还会引导用户深入浏览更多细节：如果用户没有感到浏览内容被割裂得七零八落，自然会希望浏览更多的内容。我们甚至可以假设，用户敢冒更大的风险前去浏览自己可能不喜欢的内容，是因为他知道返回原来的页面或去往其他页面的操作十分便捷。 图信息升级移动终端的信息架构往往分成很多层级，用户有时需要浏览一系列页面后才能达到目的。因此，设计者有必要解决层级过多的问题。其中一种不错的解决方法是把内容混杂放在浏览页面上。这样一来，平常需要一连串操作才能看到的低层级信息就会“浮出水面”，用户不再需要穿越层层页面，就能精确找到所需的信息。 图 本章要点 移动应用的内容要适应屏幕大小的限制和加载速度慢等问题，但也要充分利用移动设备的特殊功能，如拍摄视频与照片、卫星定位、传感器、扫描…… 依据简洁原则，在提供最少的有效功能与米尔顿•格拉泽所说的“恰到好处”之间找到平衡点。注意，不要让移动终端的用户体验过于苍白。 掩藏技术可以加入更多功能，同时避免在屏幕上出现过多视觉干扰：把一些功能用菜单、图标、箭头、操作手势隐藏起。 根据使用环境的特点选择合适的菜单。在设计菜单时，既不要盲从最新的流行，也不要任凭个人喜好进行判断。 向用户指存在示隐藏菜单，可以使用通用图标，同时搭配说明文字。 采用切断设计鼓励用户浏览屏幕下的隐藏内容。 采用定位锚点凸显处于屏幕下方的不显眼元素。 将重要元素固定在屏幕上，让用户在使用滚动页面时更方便触控。 仔细考量：在用户进入应用程序和网站时，应当向其呈现怎样的页面？根据用户进入应用程序和网站的方式，他的需求是什么？用户通常使用这款移动应用的目的是什么？让用户清楚分辨看过和没看过的内容：用户知道哪些是已看过的内容之后，会把精力集中在没看过的部分。 让横向导航更加便利，弥补移动终端信息架构层次过深的缺点：让用户不需要返回上一层级，直接可以在同一层级或不同层级的内容之间跳转。