按钮藏得太深，用户根本找不到
你有没有遇到过这种情况：想删除一个账号，翻了三四层菜单都找不到‘注销’选项？这其实是很多产品常犯的错——把关键操作藏在层层嵌套里。设计师可能觉得‘用户不会随便删账号’，所以故意提高操作门槛，但实际结果是用户直接放弃，甚至对产品产生反感。真正好的交互，是让用户在需要时能快速找到功能，而不是像玩寻宝游戏。
图标太抽象，谁看得懂？
一个没有标签的齿轮图标，真的是设置吗？三个横线就一定是菜单？这些看似‘通用’的设计，在不同人群中的理解差异很大。尤其是中老年用户或不常上网的人，面对纯图标的导航常常一脸茫然。与其依赖用户的想象力，不如老老实实加个文字说明。别为了视觉简洁牺牲可读性。
表单验证等到最后才提醒
填完一整页信息，点击提交，突然弹出‘邮箱格式错误’‘手机号不能为空’。这种体验让人火大。正确的做法是在用户离开输入框时就实时校验，比如邮箱少了个@，立刻标红提示。这样问题早发现，不至于让用户重来一遍。
前端可以这样实现：
document.getElementById('email').addEventListener('blur', function() {
const email = this.value;
const regex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
if (!regex.test(email)) {
showError('email-error', '请输入有效的邮箱地址');
} else {
hideError('email-error');
}
});忽略手势操作的边界情况
在手机上滑动删除一条消息，手指稍微抖了一下，动作失败，还得再试一次。很多设计只考虑理想状态下的手势路径，却没处理偏移、速度过慢等情况。比如滑动操作应该有一定容错范围，横向移动超过30像素才触发，避免误触滚动条。
颜色对比度不够，阅读困难
浅灰色文字印在白色背景上，看着挺高级，但在阳光下或低亮度环境下几乎看不见。这不仅影响普通用户，更对色弱、视力不佳的人极不友好。WCAG 标准建议正文文本的对比度至少达到 4.5:1。别为了美观牺牲可访问性。
自动播放让人崩溃
打开网页，突然冒出视频声音，吓一跳。不少网站喜欢用自动播放吸引注意力，但大多数时候只是打扰。除非用户明确授权，否则别擅自开启音视频。如果非要展示动态内容，至少先静音播放，给用户选择权。
加载状态一片空白
点进去一个页面，啥也不显示，也不知道是不是卡了。这时候用户通常会反复点击，导致重复请求。哪怕只是一个旋转图标或‘正在加载…’的文字，都能缓解焦虑。更进一步，可以用骨架屏模拟内容结构，让等待过程更自然。