交互设计准则 模板封面
免费商用 产品设计 规范 v1.0.0

交互设计准则

交互规范:操作反馈、导航结构、表单与异常场景准则。

规范交互准则

免费下载 · 推荐在 UUIDE「模板库」中一键使用

文档预览

模板在 UUIDE 中打开后的实际效果(与导出 PDF 同貌)。

交互设计准则

产品线:  · 准则版本:V .  · 2026- 月- 日生效 · 维护人:  · 适用范围:全部 C 端与 B 端页面


一、总则

  1. 一致性优先:同类问题使用同一种解法;组件、位置、措辞跨页面保持统一,例外须说明理由。
  2. 操作可预期:任何操作的后果在点击前可判断;不可逆操作(删除、提交、支付)须二次确认。
  3. 即时反馈:凡用户操作,100ms 内给出可感知反馈;超过 1 秒的等待须显示进度或加载态。
  4. 容错与可撤销:优先提供撤销而非弹窗拦截;错误提示指明原因与下一步动作。

二、操作反馈

操作类型即时反馈(≤100ms)过程反馈(进行中)结果反馈(完成 / 失败)
局部提交(点赞、收藏)  —  
表单提交   
文件上传 / 导出   
破坏性操作(删除)  —  

三、导航与信息结构

  • 层级深度:核心任务路径不超过  层,常用功能首屏可达;
  • 当前位置:任一页面可明确回答「我在哪、能去哪、怎么回去」;
  • 返回行为:返回后保持列表位置、筛选条件与滚动状态;
  • 面包屑与标签页命名与入口命名逐字一致,不出现同义改写。

四、表单设计

场景准则示例 / 例外
字段组织按填写逻辑分组,单屏不超过  个字段 
校验时机失焦即时校验,提交时统一兜底 
错误提示定位到字段,说明原因与改法,不只写「格式错误」 
默认值与记忆合理预填,记忆用户上次选择敏感信息不记忆
必填标识统一用「*」标注必填,选填不标注 

五、异常与空状态

空态是教育用户的第一次机会:说明这里将出现什么、如何让它出现,并给出唯一主行动按钮;禁止只留一句「暂无数据」。

状态必须包含禁止
空状态图标 + 一句话说明 + 行动入口无引导的空白页面
加载状态骨架屏或加载指示白屏超过 1 秒无反馈
错误 / 断网原因说明 + 重试入口裸错误码、无操作出口
无权限说明缺什么权限 + 申请路径与 404 混用

准则冲突时的裁决顺序:可用性 > 一致性 > 美观;新增交互模式须先过设计评审再进入本准则。

怎么使用

  1. 1下载安装 UUIDE 桌面应用(官网首页免费获取)
  2. 2打开 UUIDE,进入首页「模板库」标签,找到本模板
  3. 3点击「使用」并选择目标项目——模板会拷贝为项目里的普通文档
  4. 4随意编辑文字、表格与图片,完成后可导出 PDF

常见问题

这个模板是免费的吗?
免费,可商用。UUIDE 官方模板全部免费提供,个人或商业场景均可放心使用。
模板内容可以修改吗?
可以。「使用」会把模板拷贝成你项目里的普通文档,文字、表格、图片都能直接编辑。
能导出成 PDF 或 Word 吗?
UUIDE 内可一键导出 PDF(与预览同貌);Word 等格式可用复制粘贴或后续导入导出能力转换。

更多同领域模板 · 产品设计