运营一个提供定制服务的工艺品网站时,经常遇到的情况是用户在手机上填写了刻字内容、选了材质和尺寸,点提交后页面弹出一行"系统异常,请稍后再试"。这类提示在多设备访问场景下尤其成问题,因为用户可能已经花了几分钟在窄屏幕上逐项填写,看到这种措辞既不知道是自己的操作有误还是服务端出了状况,也不知道刚才填的内容是否还在。
错误提示的基本结构可以拆成两部分:告诉用户当前发生了什么,再给出下一步可以做什么。"网络连接超时,请检查网络后重新提交"比"请求失败"多了一层可操作的信息。如果表单内容在提交失败后仍保留在页面上,提示里可以补一句"您已填写的内容已保留",这对定制类商品尤为重要,因为用户输入的刻字、备注往往不是随手就能重新打出来的。
多设备访问带来的具体问题是提示区域的空间差异。电脑端一行能放下的句子,在手机上可能折成三四行,如果提示框高度固定,文字会被截断,用户只看到半句话。可以检查的方式是用不同宽度的浏览器窗口或真机逐一看一遍常见错误页面,确认提示文字完整显示、操作按钮没有因为布局挤压而难以点击。表单校验的错误信息如果只出现在页面顶部,手机用户可能需要向上滚动才能看到,把校验提示放在对应输入框附近会更直接。
对于定制商品场景,还有一类容易忽略的错误是图片加载失败。用户上传的参考图或预览效果图如果因为网络原因没有显示出来,仅显示一个空白占位框,用户无法判断是图片本身有问题还是加载中断。可以在占位区域写上"图片未加载,点击重试"并保留重新上传的入口,而不是让用户猜测当前页面展示的是不是最终效果。