王M争:「所见即所得」原则我记在前文章提到过,是没有详细说明。最近在体验些品时,发现很多交互设计上坑都可以归纳到「所见所」上。
我们可以首先来看下「所见所」案例:上寄件去北京,在填写收件信息时候,发现了个「智能填写」功能很有意思。所谓「智能填写」是 OCR识技术,系统可以识图片上地址。例如,你收件地址正好是身份证上住址,那么你可以上传身份证照片,系统接识照片上地址而不需要手动去输入。
用户具体操作流程是:
拍摄/上传照:点击「上传图」按钮,用户以选择拍摄或者上传相册里的照,框选合适的识别区域。
系统识别并展示结果:系统会自动识别图片中的址信息,并且输入框中展示,如果识别错误的方,用户可以手动编辑修改。
用户确认:用户对地址息确认无误了,点击「智能填写」按钮,输入框的地址息会动回填地址栏。
了解了大致流程,来一下款竞品。产品A和B都提供了「智能填写」的功能,但是在交互计上存在差异。产品A,当用户上传完图片才会出现「智能填写」按钮;产品B是全程展示「智能填写」按钮的。个人更加偏爱产品A的理模式,因为当用户都没有上传图片,给用户展示「智能填写」按钮是没有任何义的,这的「智能填写」虽然可见但是不可得,用户也不能点击。当然有人会说,虽然不可点击,但是展示了也没什问题吧?当然有问题,它会给用户带来个痛点:
对新用户来说,产品A肯定更加容易上手。因为新用户一进个页面,只能看到上传图的按钮,用户明白我首先要上传图。产品B是直接一股脑地把所有选项展示出来,用户不道选项之间的联系和操顺序。
给户展示了他们本应该看到的元素,可会阻断正的操作流程。户如果还没上传图片,就点击「智填写」按钮会直接报错,「传参数为空」,户哪里看懂这是么意思。
之前在火车取票,前面队的大婶跟我说她的票取了。我凑过一看,发现她没有闭购保险的弹框。因为这个弹框没有盖住「确认打印」按钮,户误为还是可点击的,导致无法正成取票流程。
了解到这些痛点,那么如何才在交互设计上实现「见即得」原则呢?我总结了两个方法:限制和就。
了解限制原则,我们需要答两个问题:
因多限制,多会哪些坏处?内多,用户处理不过;选项多,用户挑花了眼;时间多,优惠券限限制用户懒得用。
限制用户与界交互触。是以智能填写为例,前界有三个触:上传图片按钮、输入框、智能填写按钮。这三个触分应着步骤、步骤和步骤三。如我们在步骤阶段用户提供了步骤三触,保不齐会有用户尝试去交互,这样效操作会触发报场景。所以用户处于个线性操作流程,根据用户所处阶段,分析用户可能进交互操作,提供交互触,保证用户看到触都是可交互。
罔顾用户的操阶段,一股脑的把所有触点提供给用户。设计师倒是很省心,但是用户却很糟心,他们需要花时间去判断和分析每一个触点的用以及它们之间能存在的联系。个工应该由我们代劳,我们来分析用户处不同阶段所需要的功能触点。
举知乎的例子,知乎一「向知友提问」的功能。但这按钮只会用户滑动搜索结果页3屏后会出,因滑动了3屏,我们可以猜测用户对当的搜索结果不满意,引导用户去提问。
当然限制原则不仅仅限制交互触点,还可以应用到产品逻辑中,帮用户解决很多问题。我曾遇到过一场景,公司线了一款优惠券,用户点击「立即领取」按钮即可领取。但些用户会被风控判风险级过高,导致领取失败。对于这报错文案,我们改了好几版,但每次都会收到用户的投诉。我们无法直接告诉用户,因风险级过高导致无法领取,因用户风险级过高因通了某项业务。当时通的时候,我们并未告知通后会被判高风险用户。所以了不必的麻烦,好的办法就行判断置,如果判断用户高风险用户那么就直接不展示该优惠券。
从面的阐述中,我们可以发「所见即所得」原则根本的目的了节省用户的操作时间,提升产品易用性。广义的操作时间还应该包括了用户对于反馈的感知时间,因只充分理解系统反馈的信息能行一的操作。如何帮用户速的消化反馈的信息呢?因反馈系统对于用户操作的回应,那么我们可以让操作反馈尽的贴近一点,这就就近原则。就近原则可以分两类:置就近形式就近。
所见即所,这里「所见」即代表着用户视线,而用户视线是留在上个交互触附近。
例如,是寄件场景,要填写发件信息,我懒新填写遍地址,正好看到输入框右边有个附近地址功能。我了下,没有反应,又了几下才发现底部出现了个「附近地址」列表。这里交互触是「附近地址」文链接,我视线也是留在附近,没有注意到下列表已经出现在底部。操作和反馈完全不在视觉区域。
形式就近,这的形式指反馈形式。目前最通用的反馈方式是弹框,弹框的弊端也就恰恰在于它的「通用」上。所有类型的反馈都可以用弹框来承载,用户无法立刻知弹框所传递内容的是什。既然反馈是系统对于用户操作的回应,而用户操作是一个个交互触点所触发的。如果可以通过改变触点身形的变化来完成息的传递,用户知起来会更加容易。
举个例,用户在输入登录密码的候,其触点是输入框。当用户密码输入错误的候,可以通过抖动输入框的方式告知用户输入错误。这抖动是现实生活中「摇头」的映射,都知道摇头代表着否定的思,用户不用弹框上的「密码错误」个字也能密码输错了。
以上就是对交互计中「所见即所得」则的总结和析,如果你有不同的见和法,欢迎留言讨论。
注作者的微信公众号:「王M争」