用户界面中那些令人抓狂的提示设计,我们发现了这些规律
说实话,刚入行做产品设计那会儿,我压根没把提示信息当回事。不就是弹个框、跳个字吗?随手拖一个组件,改改文案就完事了。可真正上了项目才发现,用户流失的重灾区,往往就藏在这不起眼的提示框里。
记得第一次做电商App改版,付款环节的转化率死活上不去。产品开会拍桌子说体验差,我还不服气——流程顺滑、文案清晰、按钮醒目,哪儿有问题?直到有一天自己下单,到支付那步突然弹出一行小字“支付异常”,我整个人都懵了。什么异常?订单还在吗?要不要重新操作?那一瞬间的茫然,现在想起来都替当时的自己脸红。
从那之后我才开始认真研究提示信息设计这件事。先是翻了一大堆前辈的文章,发现这玩意儿水比我想象深得多。比如说吧,错误提示和警告提示根本不是一回事,前者是告诉用户操作失败了得重来,后者是提醒风险让他谨慎。混为一谈,用户看到提示压根不知道该紧张还是该淡定。再比如成功提示,很多人觉得操作成功了弹个对勾就齐活,其实用户这时候最需要的是明确下一步该干啥。
研究过程中踩过的坑简直能写本书。有次运营提需求,说希望用户在填写表单时实时校验,发现问题就马上提示。我二话不说上了个输入框失焦就弹提示的设计,结果内测时被疯狂吐槽——用户刚输完一行字,还没来得及输第二行,提示就蹦出来了,打字节奏全被打乱。后来才知道,这种即时反馈得结合输入状态来触发,不是简单的失焦事件能搞定的。
还有更隐蔽的问题。做过用户访谈才发现,很多人压根不看提示框的内容。扫一眼颜色——红的黄的绿的——凭颜色判断情况。这让我开始反思:提示信息到底是说给人听的,还是只是程序员自己觉得应该有的安全感?颜色、图标、文字三者的配合,比我想象中重要得多。

转机出现在主导那个内部管理系统的时候。这次我学乖了,先做用户调研,把实际使用场景里会产生哪些提示信息全部列出来,然后按严重程度分类,最后才去设计每种类型的信息呈现方式。举个例子,操作前的确认提示用黄色警告色,内容用问句句式引导用户思考;操作后的结果提示,成功就用绿色加一个明确的成功描述,失败则用红色加简明的解决方案。
最关键的一步是引入了“提示信息分级”这个概念。把全站所有提示分成四级:信息级——用户可以忽略但最好知道的内容;成功级——告诉用户操作完成了;警告级——提醒用户注意但不影响继续操作;错误级——阻止当前操作需要用户介入。每个级别对应固定的设计模板,颜色、图标、按钮措辞都统一规范。这样开发照着做,测试也能对标验收,省心多了。
项目上线后,客服那边反馈表单填写类的咨询量明显下降了。坦白说,那一刻比产品数据报表上任何数字都让我高兴。现在回头看,提示信息设计这件事,说简单也简单,说复杂也复杂。简单在于它本质上就是“帮用户理解当前状态、引导用户下一步行动”,复杂在于要真正做好,得把用户当人看,把提示当对话来设计。
最近在研究无障碍设计规范,发现提示信息的可访问性又是一门新课题。视障用户怎么感知提示内容?色弱用户怎么区分提示类型?键盘用户怎么快速定位提示?这块还有太多东西值得深挖。只能说,越做越觉得设计这行当,每一个小细节都值得认真对待。


