让手势设计带你的产品体验“飞”…小 Q 在《细节体验|你离用户只差一个好的交互》一文中较为详尽的归纳了反馈给用户体验带来的好处,那么,今日我就继续讲讲“动作”(即为手势)是如何让你的产品体验可以“飞“起来的。 随着信息技术的不断成熟,互联网行业的进展以及用户体验对用户的影响力也在不断增强。交互是因为有了“动作”和相应的“反馈”才形成了一个回合的交互行为。「收」「放」自如 好的开始是成功的一半,一些简单而且常用的手势,假如能用得恰如其分,手势的设计是能让界面看起来更炫,让用户觉得使用很畅通的。 智能手机受尺寸限制,对用户而言首屏空间越发宝贵。假如不能在第一时间让用户得到有效信息,App 的魅力将大打折扣。当用户第一眼看到首屏放置的主要内容后,通过上下滑动的方式寻找更多内容信息时,合理的利用手势滑动的魅力,把众多功能归置起来,不让首屏展开的功能堆砌在用户滑动页面的过程中,给用户提供更洁净的阅读空间。 譬如下图所示的案例,Airbnb 在产品首屏展开最常用的租赁模块,用户一旦进入产品,就能非常方便的填写并完成查询功能,当用户有意识的向上滑动屏幕的时候,展开的模块会以关键词提示的形式吸顶,底部的内容会顺着滑动操作无限延伸,既不完全隐藏常用功能,也不过度干扰用户阅读视觉区域。 同样的设计理念,QQ 浏览器也的首屏也是用的很好,它把首屏的默认展示区域留给了天气信息及一些活动公告。一方面把用户使用浏览器的习惯区域日常化,让用户进入一个搜索引擎后不觉得过于枯燥,另外一方面从视觉设计看,通过首屏顶部的加宽,让整个界面的视觉体验更加一气呵成。对于搜索框这个核心功能的入口,待用户滑动界面寻找其他内容的时候,就会很自然的吸顶,利用微小的区域突出搜索框的入口,并释放更多的阅读空间。 「变」「换」 自如 手势操作是苹果带给世界的惊喜,手势的设计能让界面设计看起来更炫。优秀的手势操作是那些可以让用户明确知晓如何使用的手势,手势减少了用户操作的繁琐度,同时可以和不同规格的设备自由交互。App 设计中,手势和动画一定是息息相关的。动画是用户在完成整个动作之前,与 App 交互最直接的信号。 产品心理学之情感设计中,提到这样的观点:我们需要用心关注行为设计,行为设计很大程度上决定了产品的用户体验。在行为设计中,利用手势+动画的设计就是比较炫酷的体验设计。通常可以通过手势的滑动操作,把不动的元素变得有生命;如最美...