第36件事 生活是实用设计最好的灵感来源

小O自从师从老K,也许是耳濡目染的缘故,慢慢地,小O越来越懂老K师傅了,尤其是老K比较独特的思维方式,现在基本上都能猜到老K出牌的套路了。这让小O想起了当年达摩祖师对其学徒的一番意味深长的点评。达摩的弟子有慧可、道育、僧副、尼总持等,达摩的点评为慧可得髓、道育得骨、尼总持得肉、道副(即僧副)得皮。意为有的学徒只学得皮毛,而有的学徒学到了精髓,可见悟性不同,学到东西的深浅将会有天壤之别。

老K对禅宗颇有研究,极简明快、直指人性、不离现实、活用实用、继承传统和不断超越是禅宗的核心思想,讲完了极简设计和人性设计之后,接下来很有可能是与不离现实和活用实用相对应的某种设计。小O很自信,也想知道自己的“读心术”准不准,拭目以待。

为了早点验证自己的猜想,小O来到老O的办公室,正想询问下一次的课程主要讲些什么,老K师傅脱口而出,原来真是与不离现实和活用实用相对应的实用设计。小O心中窃喜,越来越有自信了。

实用设计指的是基于现实生活中的设计,对现实生活进行抽象和提炼,活学活用,将其灵活运用到移动应用设计中。现实生活是最好的老师,是我们灵感的源泉,不管是好的创作还是设计,都来源于对生活的深刻理解。

乔布斯说:“伟大的产品都是只有一个按键的,例如抽水马桶。在这样的思想指导下,iPhone只保留了一个物理按键。”也可以理解为正是受到了生活中抽水马桶一个按键的启示,所以在设计iPhone时,只设计了一个易于操作的物理按键。这就是用户体验中的实用设计。我们不妨延伸一下,在现实生活中,我们还有哪些方式来传达信息和指令?比如手势、声波、面部识别等,或许以后连那个物理按键都会消失,取而代之的是手势或声波等。这也是实用设计。

现实生活中,我们或多或少都去过商场或百货大楼,商场或百货大楼不同楼层售卖的东西基本上会有一些区隔,比如一个商场有4层,一层卖的可能是珠宝首饰,二层卖的可能是童装,三层卖的可能是精品男装,四层卖的可能是时尚女装。这些是现实生活中的设计,我们看看京东商城是如何对商场的这种设计进行抽象和提炼的。不妨先来看看京东商城的首页,将主要售卖的东西分成8F:1F展示售卖的是家电通讯商品;2F售卖电脑数码商品;3F售卖服饰鞋包商品;4F售卖美容珠宝商品;5F售卖居家生活商品;6F售卖母婴玩具商品;7F售卖食品保健商品;8F售卖图书音像商品。京东商城的这种楼层式设计就是一种活学活用的实用设计,有利于降低用户的认知成本。

现实生活中,我们经常看到抽屉,平时将东西放到抽屉里,等需要的时候打开抽屉,取出来后再关上抽屉。抽屉最大的好处是节省空间,将抽屉这种设计进行抽象和提炼,我们来看看移动应用的抽屉式交互设计是如何展现的,如图6-13所示。

从图6-13中不难看出,当用户点击带有“三横”的icon时,这时像打开抽屉一样拉开一个面板,根据自己的需要进行选择和操作。当用户想关闭这个抽屉时,很简单,只需要再次点击带有“三横”的icon,或者点击抽屉面板之外的任何地方。带有“三横”的icon就好像现实生活中抽屉的拉手一样,打开或关闭,都需要用到拉手。

现实生活中,我们经常会看到各式各样的卡片,比如名片、优惠券、卡牌游戏、各种各样的银行卡等。卡片最大的价值在于易于操作,现实世界中的卡片可以翻面,这样可以展示更多的内容;也可以折叠,这样可以呈现概要的内容;也可以展开,这样可以显示更多的内容,也可以将很多卡片堆起来以节省空间,还可以将卡片分类和分组,便于查找。将现实生活中的卡片进行抽象和提炼,在移动应用设计时可以用到现实生活中卡片的特性,即利用动画或多媒体效果将这种特征更加形象地表达出来,可以提示卡片背面的内容,也可以提示卡片能够展开,还可以在卡片中嵌入图片、音频和视频等多媒体文件。对于不同屏幕尺寸的移动终端来说,卡片设计是最佳的设计方式,可以垂直展示(手机终端),也可以水平展示(平板终端)。我们以印象笔记iPhone版为例,如图6-14所示。

00044.jpg

图6-13 抽屉式设计

00047.jpg

图6-14 印象笔记卡片式设计

从图中不难看出,印象笔记iPhone版App采用了卡片式设计,页面包含了“笔记”、“笔记本”、“标签”和“地点”4个卡片,其中“笔记”这个卡片与其他3个卡片不同之处在于展开,这样可以显示更多的内容详情。

新浪微博手机客户端在展示内容信息流的时候也采用了卡片式设计,一条微博内容就是一张卡片。在iPad版的微博中,由于屏幕尺寸比手机客户端大,所以可以水平展示卡片内容详情,如图6-15所示。

00050.jpg

图6-15 新浪微博卡片式设计

点击图6-15中所示的一张卡片(一条微博内容),在右侧展示卡片的详情内容,点击右上角的“x”将收起详情内容。

当我们对现实生活理解越深,在设计移动应用时候就越能够将更多有价值的东西进行抽象和提炼,并将之运用到交互设计当中去,这样对用户体验将会有较大的提升。

小O虽然猜到老K师傅要讲的主题,但是却怎么也没有想到移动应用的很多交互设计技巧都来自于现实生活中,追本溯源,都可以看到一些源头的灵感和火花。生活充满着智慧,就看自己怎么去抽象和提炼,将其虚拟化,并灵活应用于产品的用户体验设计。

00053.jpg

实用设计就是将生活中的东西进行抽象和提炼,将其虚拟化,活学活用,灵活运用于移动应用的用户体验设计。实用设计的关键在于对生活的理解深度。对生活理解越深,抽象和提炼的能力也就越强。引导用户体验设计潮流并不是一件难事,现在虽然卡片式设计为主流的设计方式,但过一段时间之后,也许将会出现新的设计方式潮流。虽然现在不知道具体答案,但是这种新颖的设计方式潮流必将来源于实用设计。人人都可以进行实用设计,进而引导设计时尚潮流。