需要时显示——论App中的功能可见性.doc

需要时显示——论App中的功能可见性 近几年移动平台风生水起，APP多得数不胜数，交互方式也是遍地开花，相信大家都玩过那么几个 让人惊艳的APP。大家看到的亮点或是转场够炫、或是拟物得恰到好处、又或是突破性的操作 方式，但我认为“需要时显示”也是许多设计中的精妙之笔，是设计师应遵循的原则之一。 需要时显示 首先谈谈“需要时显示”这个概念，记忆中这句话有2个出处： Extras on Demand.-《Designing Interfaces》 摘抄：让80%的使用情形更容易，而剩下的20%至少是可能达到的（需要用户稍做努力）。 Only Show What I Need When I Need It.-《Android Design-Design Principle》 摘抄：当一下子看到太多东西时，人们容易受打击。将任务和信息分解成小的、可消化的片段。隐 藏当前非必须的选项，并指导人们如何走下去。两个出处，一个贯穿全书，一个作为操作系统的规范，可见这句话的分量。 举个例子 说到这里，我忍不住要举个非常喜欢的案例-ALKAQUA矿泉水。不知道有多少同学在超市看到过这 瓶水，反正它惊艳了我的时光… 整个瓶身只有LOGO，净含量等信息，配上胶囊状的形态，看上去非常简洁，气质优雅。 但这还不是高潮，真正的高潮是在转动瓶身时的那一刹那，我被折服了。关于此水的详细介绍用极小的字体印在了背面，而又恰好地利用水的折射放大了文字。 画外音：我们为什么要转动瓶身了？一定是在寻找！那么当你要找它时，它就恰到好处地出现在你 眼前，没有早一步，也没有晚一步，刚巧赶上了。 为什么“需要时显示” 在我看来，“需要时显示”能成为设计原则并不是不无道理： 1.页面承载更多信息 自从人类记录事物的方式从壁画到罗马人的“codex”页后，内容就变得有了边界。移动设备的兴起， 使我们传统意义上的“页”变得越来越小，更加地需要隐藏使界面承载更多的信息！ 2.使界面变得优雅 排版上认为，界面的优雅在于合适的留白，让人的视线可以得到喘息。就像批发市场对比奢侈品店 的陈列，拥堵、嘈杂总给人一种低档、庸俗的感觉，而宽敞的空间总让人觉得从容、闲适。功能的隐藏释放了空间，使我们的界面变得优雅。 3.核心任务/信息更清晰 页面所有的设计应该为其核心任务服务，隐藏不必要的信息，核心信息才会相对清晰和凸显，这是 对用户最好的指引。 4.打动用户 精妙的“功能出场”如同ALKAQUA的说明那样，在我们真正需要时给予我们，这样的设计能与用户产 生思维上的互动，让人瞬间感动。 正题:如何“需要时显示” “需要时显示”其实讲的是2点： 1.暂时不需要的功能要隐藏起来。 2.被隐藏的功能要能被发现。 第1点许多人已经探讨过了，我们可以通过聚拢、压缩等方式来进行。这里需要探讨的是第2点—— 如何让用户发现功能，或者说是“功能可见性”的问题。 换句话说，设计师定义了页面中隐藏了某些功能，但用户需要通过非常规手段才能发现，这个实在 不是好的设计。（ps：这里需要考虑功能到底有多生僻，本篇暂不做讨论） 功能可见性 功能可见性，其实说得是“如何让用户发现功能”的问题。 最直接的形式是给用户一个可视信号：这里有东西。当然形式可以是直白的也可以是暗示性的、甚 至可以通过社会性的影响。 但如果不给出信号的话，用户也可以： 1.通过学习发现。2.被动地发现。 3.不用发现，它已经出现了。 于是我们就有了这样一个框架： 语义符号 1.蓄意性语义符号 蓄意性语义符号指的是有意识地创建和布置好的语义符号，简单点说就是有明确意义的实体信息， 比如路口的指示牌等。 蓄意性语义符号是界面语言中最常见、最易被感知的信号，比如各种箭头、按钮、icon等。我们常 用下箭头表示有浮层或可伸展，i按钮查看imformation信息，用“+”表示可展开等。 Path中的“+”则代表了一类“添加”操作的集合，google play中应用的介绍用“v”表示了下方有更多信息 。2.附带性语义符号 附带性语义符号指的是生活中行为和事件意料之外的副产品，简单点说就是暗示性的实体信息，比 如人的影子，这是一个人存在于一个光源前面的附加效果，也暗示着人的存在。与蓄意性符号不同 的是，它们表面上都不带任何意义。 早些年使用乐phone时的一个交互，让我记忆深刻。这里的光作为某个未知物的附带性产物（想想 街头转角处的人影），被用户所察觉，它暗示着这里有东西。 QQ提醒的交互也非常有意思，点击底部的冠形部分，会弹出一个圆形菜单，冠形本身并没有什么 明确意义，它仅仅暗示它是不完整的形态。3.界面隐喻 附带性语义符号中有个特殊的类型是必须提及的，也是设计师最乐于关注的，那就是隐喻。 修辞上认为隐喻是通过比较两个好像无关的事物，制造的一种 修辞的转义