美文网首页
通过点击区域和点击反馈来降低用户的心理负担

通过点击区域和点击反馈来降低用户的心理负担

作者: GeekEnel | 来源:发表于2018-03-08 09:27 被阅读0次

    现在回过头来看我们的两款产品:一号花城商户端、一号花城客户端,在用户体验上,都存在两个非常明显的问题:

    • 点击区域太小且不统一

    • 对用户的操作没有反馈

    在用户使用App 的过程中,“操作——反馈——呈现——再操作——再反馈——再呈现”,是个基本的使用流程,而在这个流程中,设计的不当会明显影响用户的体验。

    用户在操作过程中,其实潜意识当中心理是有负担的:

    • 我的这次点击有没有点到?

    • 我触发了接下来的操作么?

    • 我是否勾选了我需要的选项?

    这些在我们日常的使用中,可能是一闪而过的念头,但如果仔细回想,确实存在。

    在 App 以及网页的界面设计中,我们应该尽量去减小用户的心理负担。个人感觉比较简单易行的两种方法:

    • 增加点击区域

    • 给予用户操作反馈

    增加点击区域

    settings.png

    一个很明显的对比,左图是微信的系统设计页面,右图是一号花城商户端的设置页面。注意导航栏上的返回图标,许多 App 通过在返回图标旁边显示将要返回的上级页面,这样既告知了用户操作后的去向,同时在视觉上明显增大了用户心理上的可操作面积(黄色区域),降低了用户操作的心理负担,提高了操作的成功率。相比之下,如果仅仅放一个返回图标,那么用户的点击需要更准确才能出发操作,同时成功率必然会降低。

    导航栏上的返回按钮是一个非常典型的例子,同时在 App 各个页面中,对于页面内的可点击文字、图标的处理也同样适用,给用户一个较大的视觉上的点击区域,会让用户更轻松得去操作,成功率也会更高。

    给予用户操作反馈

    操作反馈,顾名思义,即对用户对屏幕的点击、滑动等操作,给予界面上的视觉改变,让用户知道自己的操作已成功。比如:

    • 点击图标时按钮的颜色、透明度等改变。

    • 点击文本按钮时文本的颜色、尺寸等改变。

    • 点击区域的背景色改变

    通过这些不起眼的反馈,可以给用户的操作以更强的信心。

    但,我们现在的两款产品,从刚开始就很少考虑到这些操作、反馈和用户体验的问题,以至于现在想进行全部修改并添加界面上的反馈、修改按钮的点击区域等,阻力非常大,开发的意见也很大,只能在后期逐步去修改。

    相关文章

      网友评论

          本文标题:通过点击区域和点击反馈来降低用户的心理负担

          本文链接:https://www.haomeiwen.com/subject/zqkjfftx.html