页面加载太慢让用户直接关闭
打开一个网页，转圈转了五六秒还没出来，大多数人早就点回退了。加载速度是用户体验的第一道门槛。图片没压缩、JS 文件堆太多、用了好几个外部字体，都会拖慢速度。检查每个资源的大小，优先压缩图片，用 WebP 格式替换 JPEG 或 PNG，能省下不少时间。
比如商品详情页轮播图，原图3MB完全没必要。压到300KB以内，视觉几乎看不出差别，但加载快了一倍不止。
<img src="product.webp" alt="商品图片" loading="lazy">加上 lazy 加载，用户滑到才触发，减少初始请求压力。
按钮点不动？交互反馈缺失
表单提交按钮点了没反应，用户就会反复猛点，结果订单提交了五次。这种情况多半是没给操作反馈。点击后按钮应立刻变色或显示“提交中”，后台处理完再跳转或提示成功。
还有的移动端按钮太小，手指容易误触旁边元素。按钮宽度至少44px，间距留够，别让“确认”和“取消”贴得太近。
导航找不到北
进一个新网站，不知道当前在哪，也不知道怎么回去。尤其内容多的站点，面包屑导航不是装饰，是救命稻草。比如在“帮助中心 > 账户问题 > 找回密码”这一层，没有路径提示，用户只能靠返回键一步步退。
主导航别超过7个入口，多了反而干扰。用清晰文字代替“更多”这种模糊词。把高频功能放在前面，比如“我的订单”比“关于我们”更重要。
表单填写体验差引发流失
注册页要求一次性填10项信息，手机号格式不对也不提示，验证码发了收不到。这些问题都在赶用户离开。拆分长表单为多步流程，每步只问两三项。输入框聚焦时，自动弹出键盘类型，比如手机号调数字键盘。
<input type="tel" placeholder="请输入手机号">验证码发送后显示倒计时，避免重复点击。错误提示紧跟输入框下方，明确告诉用户“手机号格式错误”而不是冷冰冰的“提交失败”。
字体太小看不清，缩放又错乱
有些网页在手机上打开，文字像蚂蚁爬，必须手动放大。根源是没设置合适的视口（viewport）。加上这行 meta 标签，才能让页面适配不同屏幕。
<meta name="viewport" content="width=device-width, initial-scale=1.0">正文文字别小于14px，标题适当加粗。行高保持1.5倍以上，阅读起来不费劲。颜色对比度也要达标，浅灰色字配白背景，阳光下根本看不清。
弹窗拦住去路，关都关不掉
刚进页面就被全屏广告挡住，右上角的叉还做得特别小，点不了。这种设计只会积累怨气。非必要不弹窗，非要推活动，也等用户停留10秒后再出现。提供明显关闭按钮，支持点击遮罩层关闭。
更别搞那种“确定离开？”的虚假退出弹窗，实际是诱导订阅。这类做法短期可能涨点转化，长期毁的是品牌信任。