做个小实验:随手打开一个企业站的询盘表单,点提交按钮,如果页面纹丝不动,你会怎么办?多数人的反应是再点一下,还没反应就关页走人。网页前端开发的诸多细节里,交互反馈是最不起眼又最值钱的一类,它不花什么成本,却直接影响访客敢不敢在你的站上做动作。
哪些反馈最值钱
按对转化的影响排序,这几处是头牌:
- 表单提交:点击后按钮进入加载状态,转个小圈或变灰,成功后明确告知已收到,失败时说清哪里没填对。这一个状态包,能救回大量以为没反应而离开的访客;
- 报错提示:出错了用红字标出具体字段,别只弹一句提交失败,让人自己找错;
- 悬停状态:链接和按钮悬停时变个颜色、轻抬一下,用户才知道这东西能点;
- 加购和收藏:点击后按钮短暂变化或角落计数加一,确认动作已被接收。
一个做家居用品的客户把询盘表单补上提交状态后,表单完成率从百分之五十一升到六十八,改动就几十行代码。丢掉的访客从来不会告诉你原因,他们只是安静地关页。这些反馈的实现成本都不高,一个状态包半天工作量,是网页前端开发里性价比最高的一类活儿,比换banner划算多了。
动效要克制
反馈不等于炫技。动效的黄金时长在两百毫秒上下,快到不耽误事,慢到能被感知。页面滚动时满天飞元素、点个按钮整页跳舞,观感廉价还拖速度。判断标准很简单:动效是帮用户确认发生了什么,还是抢用户的注意力,前者留,后者删。企业站要的是顺手和可信,不是游乐园。把握不住尺度就少做,克制的页面几乎不会出错,过头的动效几乎都会被吐槽。拿不准就问自己一句:这个动效帮用户确认了什么?
验收的土办法
把站点交给公司里最不熟悉电脑的那位同事,让他完成一次询盘流程,卡壳和犹豫的地方都记下来。网页前端开发的交互做得好不好,内行看代码,外行的手感更接近你真实客户的手感,他们遇到的每个迟疑,都是别人也会遇到的迟疑。做完这轮再让懂行的同事从技术上过一遍,两层检查下来,交互层面基本没有死角,可以放心上线。
两条建议:验收新站时把交互状态列成清单逐个过,按钮、表单、菜单各点一遍,悬停、点击、出错三个状态都看;改版别只改视觉稿,把交互反馈一并梳理,性价比比换banner高得多。比格网络交付前有一份交互自检清单,这类无声的流失点,上线前就该堵住。