匠心体验第二章 移动应用的内容与导航_匠心体验第二章 移动应用的内容与导航试读-查字典图书网
查字典图书网
当前位置: 查字典 > 图书网 > 设计 > 匠心体验 > 第二章 移动应用的内容与导航

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

● 移动终端应该提供什么服务内容? ● 在何种环境下使用何种菜单? ● 如何设计导航菜单? ● 鼓励用户浏览 ● 正确管理滚动页面 ● 简化导航 ● 避免导航 移动终端应该提供什么服务内容? 和固定终端相比,移动终端应用的设计者更需要仔细斟酌服务内容。通常,移动应用背负着一个体系的所有烙印,体系中的每个环节都有话要说,更麻烦的是,每个环节都能找到自己的位置。看看这些庞大的浏览空间、内容繁多的首页、包罗万象的菜单。移动终端怎样才能去繁就简呢? 移动终端必须采取简洁原则 移动终端造成的各种束缚反而成就了自身的繁荣。一个备受限制的环境往往会促使人们至臻完善,选择不同寻常的道路,不断精益求精。移动终端创造的恰恰是这种环境。移动终端的缺陷塑造了今天移动服务的品质特点——简洁。 移动终端的屏幕空间小,无线网络连接往往速度较慢,有时甚至会出现断网的情况。所以,和固定终端相比,移动终端可容纳的内容较少。然而,这些缺点反而成为移动终端发展前进的动力:移动应用的设计者被迫更深入地考察用户需求,对人机交互界面精雕细琢。 事实证明,屏幕大小决定了设计思路:平板电脑的界面比智能手机的界面更加丰富、更加完整。但是,平板电脑和智能手机的界面往往由同一个团队设计。而且,移动终端的界面比固定终端的界面更加简洁。 移动终端产业对简洁原则已达成了共识。人们认为应该缩小移动终端的功能范围。移动终端用户体验专家卢克•沃洛布莱夫斯基掀起的“移动优先”(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 的网站首页都参与体现了品牌的服务特点,二者差异巨大。这两个例子很有价值,我们从中可以看出,不存在绝对的“最佳”方案:一切取决于具体情况,一种设计可能适合第一种情况,却未必适合第二种情况。 图 很多移动应用程序和网站选择把菜单放在首页上。如果有其他选择的话,请设计者不要这样做。所有功能都至少要点击一次后才能被激活,这种首页仅仅提供了选择栏目,变成了所谓的“空白页面”——除了导航别无他用。 图 最后不要忘记,智能手机和平板电脑的操作环境大不相同。用户甚至是在几乎完全相反的条件下使用这两种设备。另外,设计者可以根据屏幕的可用面积考虑设计合适的配置。 图 标记区分已访问过的链接 将访问过的链接加以标记区分,能让浏览变得更容易,让用户避免耗费精力。众多移动终端界面都如同浏览清单一样,用户从中挑选,决定浏览或舍弃。 让用户迅速辨认自己已经浏览过哪些内容,这一点非常重要。通过简单的视觉效果,让用户辨认出已浏览过的内容,这种方法在几年前还属于网页的设计规范。但如今实施这种设计规范的人越来于少,导致用户使用效率降低。 图 避免导航 默认选择 与其想方设法让导航更便利,为何不干脆避免导航呢?在某些情况下,我们可以删减一些导航页面,设置默认选择。“取舍”也是首页设计的基本原则:用户最常搜索的元素,或是设计者出于设计策略希望大力推广的元素,应该重点呈现。 图 优化横向导航 移动应用的信息架构往往非常深:信息架构分为很多级,层层叠压。为了弥补信息架构过深带来的缺点,设计者可以采用横向导航功能,让用户直接在同级内容之间跳转,而不必返回高层级别。另外,横向导航功能也可以在不同层级内容之间跳转,或者根据用户当前浏览页面提供各种捷径。横向导航在不同内容之间建立了桥梁,让用户不必走无用的弯路。 图 针对用户感觉的设计要领 谈到浏览页面,用户的感觉非常重要。如果设计者预计人机交互过程会比较烦琐,可以在界面上多下点功夫,以求改善效果。界面的基本设计思路就是限制时间堆积。设计理论学家爱德华•塔夫特提出这一概念,指用户在完成目标的过程中必须通过的一系列页面。时间堆积和空间并存的元素组织形式正好相反。从结构上看,信息架构的时间堆积越多,越容易让用户感到浏览过程漫长、乏味。 因此,组织好信息架构,让用户不会感到每一次点击后都会登录不同页面,这一点非常重要。在关联背境中显示新内容,用户就不会感到在一直不停地翻页。 图为了让用户在目录列表和细节页面之间的更顺畅地跳转,设计者可以在显示方面多花些心思,减少页面之间的割裂感,让用户减少来回穿梭的感觉。 图 在屏幕上的次要区域使用一些视觉效果,能让用户把注意集中到正在做的事情上。 图 值得一提的是,这种设计方法不仅适合内容紧凑的文档,对于需要经常查看细节的情况也大有益处。因此,这种视觉效果通常还会引导用户深入浏览更多细节:如果用户没有感到浏览内容被割裂得七零八落,自然会希望浏览更多的内容。我们甚至可以假设,用户敢冒更大的风险前去浏览自己可能不喜欢的内容,是因为他知道返回原来的页面或去往其他页面的操作十分便捷。 图信息升级移动终端的信息架构往往分成很多层级,用户有时需要浏览一系列页面后才能达到目的。因此,设计者有必要解决层级过多的问题。其中一种不错的解决方法是把内容混杂放在浏览页面上。这样一来,平常需要一连串操作才能看到的低层级信息就会“浮出水面”,用户不再需要穿越层层页面,就能精确找到所需的信息。 图 本章要点 移动应用的内容要适应屏幕大小的限制和加载速度慢等问题,但也要充分利用移动设备的特殊功能,如拍摄视频与照片、卫星定位、传感器、扫描…… 依据简洁原则,在提供最少的有效功能与米尔顿•格拉泽所说的“恰到好处”之间找到平衡点。注意,不要让移动终端的用户体验过于苍白。 掩藏技术可以加入更多功能,同时避免在屏幕上出现过多视觉干扰:把一些功能用菜单、图标、箭头、操作手势隐藏起。 根据使用环境的特点选择合适的菜单。在设计菜单时,既不要盲从最新的流行,也不要任凭个人喜好进行判断。 向用户指存在示隐藏菜单,可以使用通用图标,同时搭配说明文字。 采用切断设计鼓励用户浏览屏幕下的隐藏内容。 采用定位锚点凸显处于屏幕下方的不显眼元素。 将重要元素固定在屏幕上,让用户在使用滚动页面时更方便触控。 仔细考量:在用户进入应用程序和网站时,应当向其呈现怎样的页面?根据用户进入应用程序和网站的方式,他的需求是什么?用户通常使用这款移动应用的目的是什么?让用户清楚分辨看过和没看过的内容:用户知道哪些是已看过的内容之后,会把精力集中在没看过的部分。 让横向导航更加便利,弥补移动终端信息架构层次过深的缺点:让用户不需要返回上一层级,直接可以在同一层级或不同层级的内容之间跳转。

展开全文


推荐文章

猜你喜欢

附近的人在看

推荐阅读

拓展阅读

《匠心体验》其他试读目录

• 第二章 移动应用的内容与导航 [当前]
  • 大家都在看
  • 小编推荐
  • 猜你喜欢
  •