文件預覽
範本在 UUIDE 中開啟後的實際效果(與匯出 PDF 同貌)。
交互设计准则
产品线: · 准则版本:V . · 2026- 月- 日生效 · 维护人: · 适用范围:全部 C 端与 B 端页面
一、总则
- 一致性优先:同类问题使用同一种解法;组件、位置、措辞跨页面保持统一,例外须说明理由。
- 操作可预期:任何操作的后果在点击前可判断;不可逆操作(删除、提交、支付)须二次确认。
- 即时反馈:凡用户操作,100ms 内给出可感知反馈;超过 1 秒的等待须显示进度或加载态。
- 容错与可撤销:优先提供撤销而非弹窗拦截;错误提示指明原因与下一步动作。
二、操作反馈
| 操作类型 | 即时反馈(≤100ms) | 过程反馈(进行中) | 结果反馈(完成 / 失败) |
|---|---|---|---|
| 局部提交(点赞、收藏) | — | ||
| 表单提交 | |||
| 文件上传 / 导出 | |||
| 破坏性操作(删除) | — |
三、导航与信息结构
- 层级深度:核心任务路径不超过 层,常用功能首屏可达;
- 当前位置:任一页面可明确回答「我在哪、能去哪、怎么回去」;
- 返回行为:返回后保持列表位置、筛选条件与滚动状态;
- 面包屑与标签页命名与入口命名逐字一致,不出现同义改写。
四、表单设计
| 场景 | 准则 | 示例 / 例外 |
|---|---|---|
| 字段组织 | 按填写逻辑分组,单屏不超过 个字段 | |
| 校验时机 | 失焦即时校验,提交时统一兜底 | |
| 错误提示 | 定位到字段,说明原因与改法,不只写「格式错误」 | |
| 默认值与记忆 | 合理预填,记忆用户上次选择 | 敏感信息不记忆 |
| 必填标识 | 统一用「*」标注必填,选填不标注 |
五、异常与空状态
空态是教育用户的第一次机会:说明这里将出现什么、如何让它出现,并给出唯一主行动按钮;禁止只留一句「暂无数据」。
| 状态 | 必须包含 | 禁止 |
|---|---|---|
| 空状态 | 图标 + 一句话说明 + 行动入口 | 无引导的空白页面 |
| 加载状态 | 骨架屏或加载指示 | 白屏超过 1 秒无反馈 |
| 错误 / 断网 | 原因说明 + 重试入口 | 裸错误码、无操作出口 |
| 无权限 | 说明缺什么权限 + 申请路径 | 与 404 混用 |
准则冲突时的裁决顺序:可用性 > 一致性 > 美观;新增交互模式须先过设计评审再进入本准则。
怎麼使用
- 1下載安裝 UUIDE 桌面應用程式(官網首頁免費取得)
- 2開啟 UUIDE,進入首頁「範本庫」分頁,找到本範本
- 3點擊「使用」並選擇目標專案——範本會複製為專案裡的一般文件
- 4隨意編輯文字、表格與圖片,完成後可匯出 PDF
常見問題
- 這個範本是免費的嗎?
- 免費,可商業使用。UUIDE 官方範本全部免費提供,個人或商業情境皆可放心使用。
- 範本內容可以修改嗎?
- 可以。「使用」會把範本複製成你專案裡的一般文件,文字、表格、圖片都能直接編輯。
- 能匯出成 PDF 或 Word 嗎?
- UUIDE 內可一鍵匯出 PDF(與預覽同貌);Word 等格式可用複製貼上或後續匯入匯出功能轉換。