滑动顺畅与功能友好
「交互操作规范」的第一部分聚焦两个层面:页面滑动的物理顺畅度,以及功能设计对用户的友好程度。
滑动顺畅
为保证搜索用户浏览页面的便捷性,页面上下滑动及 tab 模块切换等操作需顺畅不卡顿。
落地建议:
- 长列表做虚拟滚动或分页加载,避免一次渲染上万节点导致掉帧;
- 滑动动画与 tab 切换保持 60fps,避免主线程长任务阻塞;
- 图片/视频懒加载,防止滚动时因资源加载卡顿。
功能友好:直达与回退
4.3.2.1 条要求:用户可以快速直达目标页面或使用功能,操作简易,回退自如,避免繁琐步骤或重复点击。
白皮书给了一个电商反例,非常经典:
- 错误路径:选择感兴趣的商品 → 商品详情页(多余操作)→ 再点一下才能到可下单购买的详情页。这种「造成用户多余操作」的情况是不允许的。
- 正确路径:选择感兴趣的商品 → 商品详情页,可直接点击购买。
同时,百度智能小程序提供的返回功能统一位于页面左上方,建议不要放置其他位置——保持全局一致的回退体验。
功能友好的设计原则
把规范翻译成设计语言:
- 路径最短:从落地到完成核心动作,中间每多一步都在流失用户;
- 回退自如:任何时刻都能一键返回,且返回位置符合平台习惯(小程序=左上);
- 操作已知:功能入口可见、可预期,不要把关键操作藏起来。
小结
滑动顺畅管「物理体验」(不卡顿),功能友好管「路径体验」(直达+回退)。一句检验标准:用户从落地页到完成他想做的事,中间有没有多余的点击?有,就改。
