6. 操作的要求

到处都是操作

蓝色的文字链接可以点击,头像可以点击,图标按钮可以点击… 这样一个页面中,到处都是操作。
这帖子中的缩略图可以点击放大,放大后,就很惨了。
图片很长,好几屏,如果不想看这张图了,需要一直滚到底,才有“收起”按钮。可是都已经滚完图片了,也就不需要收起了。

与传统的电视、图书相比,数字产品可以让用户操作,操作设计的不好,是很大的问题。

要怎样才能把操作设计好?
这篇介绍操作设计的五项要求,确保操作的设计达到这五项要求,应该就比较有把握了。
 


 

要求一.操作前,可识别。

左图,一行行蓝色的文字,是可以点的。
右图,更新,打开,都是可以点击的按钮。
蓝色的文字,特定的形状的按钮,用户知道这些是可以点击的。
(链接与按钮在上一个专题《设计元素12篇》里有专门的一篇。)

文字链接和按钮是最常见的两个操作标识。除此以外,用户头像往往是可以点击的,一张缩略图应该是可以点击的… 整个数字产品领域,经常与用户长期的交互,已经形成了很多共识,很多特定的内容、形式,用户都能猜到“那是可以点击的”。

无论视觉设计风格如何,所有可以点击的,都应该确保,用户不需要尝试也能知道“那时可以点击的”。 实际的设计过程中,经常会为了达到视觉设计的特定风格而让一些链接看不出是链接,使得按钮不像是按钮。设计者会安慰自己“用户应该会去试一下,一试就知道那是可点的了。”通常不是这样,用户不知道,也就不去点了。

操作要确保用户在操作前,只是用眼睛看,就能识别出来。
 


 

要求二.操作前,结果可预知。

这是个跟着音乐打节奏的游戏,现在是游戏前的设置。
左下角的“调速”按钮,通过立体效果让用户知道那是可以操作的,可识别了。点击后的效果是怎样的?并不是想象的那样,并不是拖动旋转到特定的速度档位,而是要一次次点击,速度按照1-2-3-4-1逐级变化。和用户猜想的不一样。

未操作之前,就应该让用户能猜到操作后的效果。
这是iOS中删除APP时的二次确认。
点APP左上角的小叉子,可以删除APP。删掉的后果是什么?就是删了呗。iOS还唯恐用户对后果认识的不足够清楚,通过二次确认窗口进一步说明了删除后的后果:删除此应用将同时删除其数据。尽可能详尽的描述删除操作的后果。

操作前,结果可预知。
 


 

要求三.操作时,即时反馈。

以前的iOS,解锁屏幕是从左向右滑,滑动的过程中,锁屏画面要随着滑动的进度逐渐变淡,露出桌面和桌面上的一个个APP。
在一些低端的性能不够好的安卓机上,这个解锁的操作就不是那么流畅。滑动,但画面并没严格的随着滑动而变,直到滑动到头才一下子闪现出桌面与图标,会让人觉得不舒服。据说,iOS系统会把系统的运算资源优先分配给这样的用户操作,确保动画过程流畅。

评价汽车的操控性能好,汽车评测节目的主持人总会说“指向性好”。指向性是说,一转动方向盘,车子就即时的随着改变方向,而不是转动之后,过1秒钟才改变方向。即使方向盘转动角度很小,车也会做出反应。方向盘灵敏,司机的操控才会更爽。

人们以往对于现实事物的操作,操作的效果都是即时出现的。把手机往远处扔,手机是随着人手的运动向远处飞去的。不会是开始没位移,最后一瞬间飞出去。肯定是这样,不信你试试。

汽车、数字产品都是人造物,应该尽量模拟真实世界中的事物,追求即时的操作反馈。

还好,类似上面滑动屏幕的问题可以依靠设备的硬件运算性能来改善,目前的硬件性能提高的很快,卡顿越来越罕见了。除了硬件性能,还有一种情况,更值得关注:网络延迟。

网络环境不稳定,服务器反应不及时… 总有很多网络传输的问题,使得操作的结果没法立即出现。
如果我们知道,操作要打开的目标很可能要延迟几百毫秒,甚至是一两秒才能显示出来,我们应该怎么做?
方案一.目标数据载入后,才在屏幕上显示。
方案二.马上显示,先显示个“替身”,目标内容载入后再替换掉替身。
方案二中,最简单的“替身”是loading动画。
虽然方案一听上去也没什么不对,但实际效果却很不好。点击了之后没反应,过了一秒钟页面才变化,在这一秒内,用户可以会去尝试别的操作,然后,就全乱套了。

“替身”除了简单通用的loading动画,还可以有更进一步的:点击了桌面上的Facebook图标,要打开这个APP,没法足够快的显示,就先显示一个尽可能类似最终目标的样子出来,更专业的替身。
“您要的就是这些信息,马上就来。”

无法即时显示,是一个减分,服务提供者应该尽可能弥补这个缺陷,尽可能的安抚用户。

iOS官方要求,如果打开APP载入不够及时,应先提供一个loading画面,就是为了“即时反馈”,而不是点了桌面上的图标后,过一会儿才打开APP界面。

一些产品将这个官方要求的loading画面做成了一个广告画面,之后,再进一步,这个广告还是可以点击的,进入该广告的页面。“进门的广告”由此而来。这“进门的广告”慢慢的成了一种标配。有些后来的产品设计者,甚至不知道这缘由,认为打开APP之前,就应该有这么个广告位的。

用户点桌面上的图标,要打开这个APP,尽快的把这个APP展现给用户,这是产品应该努力做到的。

操作时,即时反馈。这才是原本的初衷。
 

top Created with Sketch.