应用设计规范生成器

32 浏览
2 试用
0 购买
Oct 24, 2025更新

本提示词专门用于生成全面且结构化的应用设计规范文档,能够根据应用的核心属性和功能需求,自动创建包含用户流程、界面框架和设计指南的完整设计规范。通过系统化的分析流程和专业的结构组织,帮助设计团队、开发人员和项目相关方建立统一的设计标准和开发指导,显著提升团队协作效率和设计质量,确保应用开发过程中的一致性和专业性。该工具特别适合在项目启动阶段或设计评审环节使用,能够快速产出高质量的设计文档。

设计概述

  • 应用目标与定位

    • 提供一体化健康管理工具,支持训练与饮食计划制定、身体指标记录、课程预约与签到、智能穿戴连接及社区激励,帮助用户形成可持续健康习惯。
    • 多端协作:手机为完整管理与内容浏览端;智能手表为训练中控与指标记录端。
    • 场景覆盖:通勤碎片训练、居家运动、门店上课、周末社群活动。
  • 目标用户分析

    • 主用户:25-45岁城市白领与自由职业者,时间碎片化,注重效率与体验。
    • 健身房角色:会员、教练与营养师;管理后台用于排班、内容维护与会员运营。
    • 设备:手机(iOS/Android)与智能手表(watchOS/WearOS)。
  • 核心功能特性

    • 入门评估与目标设定
    • 训练计划生成与课程库
    • 营养与餐单管理
    • 身体指标追踪与可穿戴同步
    • 课程预约、签到与排班
    • 社区挑战、成就与排行榜
    • 提醒与激励机制
    • 离线缓存与弱网策略
    • 管理后台数据面板与会员运营

用户流程设计

主要用户路径

  • 注册登录流程

    1. 启动页 → 欢迎页(功能与价值主张) → 注册/登录选择
    2. 注册:手机号+短信验证码或邮箱+密码;支持第三方登录(Apple/Google)
    3. 隐私与同步授权(可穿戴设备访问、通知权限)
    4. 入门评估(基础信息、目标、偏好、时间可用性)
    5. 首页展示个性化计划与下一任务
  • 核心功能使用流程

    • 训练计划生成
      1. 入门评估完成 → 选择目标(减脂/增肌/体能) → 选择每周次数与时长 → 选择场景(居家/健身房/通勤)
      2. 系统生成周期化计划(4-12周) → 用户确认 → 添加到日程
    • 课程库浏览与预约
      1. 进入“日程/课程库” → 筛选(时间、地点、教练、难度) → 课程详情 → 预约 → 添加提醒
    • 营养计划与餐单
      1. 进入“营养” → 设置饮食偏好与禁忌 → 系统推荐餐单 → 用户替换/收藏 → 生成购物清单
    • 身体指标追踪与同步
      1. 进入“指标” → 连接可穿戴设备 → 自动同步心率、步数、睡眠 → 手动记录体重、体脂、围度 → 趋势图与分析
    • 社区挑战与激励
      1. 进入“社区” → 浏览挑战 → 加入 → 完成任务(训练/饮食签到) → 获得成就与排行榜积分
  • 关键任务完成流程

    • 课程预约与签到
      1. 课程详情 → 预约 → 状态变为“已预约” → 到店签到(扫描教练/场馆二维码或地理围栏自动签到) → 上课完成 → 状态“已完成”,记录出勤
    • 连接智能手表
      1. 设备设置 → 选择平台(Apple Health/Google Fit/品牌App) → 授权数据范围 → 首次同步 → 状态显示“已连接”
    • 训练开始与结束(手表)
      1. 手表开练 → 选择训练 → 开始计时与心率 → 分段振动提醒 → 完成 → 同步到手机与日程
    • 指标记录
      1. 指标页 → 选择指标 → 输入数值或扫描智能秤 → 保存 → 状态“已记录”,更新趋势图

交互节点分析

  • 关键决策点

    • 目标设定(体重/体脂/耐力目标)
    • 训练计划确认(周期、频次、场景)
    • 课程预约冲突处理(时间重叠时提示替换或加入候补)
    • 饮食偏好(素食/过敏项)
    • 数据同步权限(读取/写入类型)
  • 状态转换逻辑

    • 账户:未登录 → 已登录 → 已完成评估
    • 计划:未创建 → 已生成 → 进行中 → 完成/暂停
    • 课程:可预约 → 已预约 → 候补 → 已签到 → 已完成/缺席
    • 设备:未连接 → 连接中 → 已连接 → 同步失败/权限撤回
    • 网络:在线 → 弱网 → 离线(进入缓存策略)
  • 异常处理流程

    • 弱网/离线:显示离线横幅;提供缓存内容(训练步骤、餐单图片与文本);将操作入队,恢复网络后自动重试;失败提供“重试/取消”
    • 同步失败:明确错误(权限、设备断连);引导重新授权或重连;保留本地记录待同步
    • 预约冲突:弹窗提示冲突详情;提供“替换当前预约/加入候补/保持不变”
    • 数据冲突(多端修改):以时间戳为准;有内容差异时显示差异对比,允许用户选择保留版本

界面框架设计

信息架构

  • 导航结构(移动端)

    • 底部导航5项:首页、训练、营养、日程、社区
    • 顶部栏:搜索、头像入口(个人中心与设置)
    • 全局FAB:快速开始训练/记录指标(根据页面上下文切换)
  • 个人中心

    • 账户与会员信息、设备连接、通知设置、隐私与数据管理、帮助与反馈
  • 管理后台(Web)

    • 概览数据面板 → 会员管理 → 课程与排班 → 内容库(训练/餐单模板)→ 社区运营(挑战/排行榜)→ 推送与运营活动
  • 内容组织

    • 首页:今日计划卡片、下一课程、今日餐单、指标概览、挑战进度
    • 训练:计划详情、课程库、训练历史、收藏
    • 营养:餐单、食谱库、购物清单、营养记录
    • 日程:日/周视图、课程预约与签到、提醒管理
    • 社区:挑战列表、排行榜、成就墙、话题精选
  • 功能分布

    • 快速动作:FAB记录指标、开始训练;课程详情页直接预约;餐单页一键生成购物清单
    • 二级功能:筛选与排序、收藏、分享、导出

页面布局

  • 主要页面框架

    • 首页:顶部问候+进度条;模块化卡片(可重排);“查看更多”链接到详细页
    • 训练计划页:阶段进度、当周任务列表、训练详情(步骤、视频、耗时、器械)
    • 课程详情页:封面图、课程信息(难度/时长/教练/地点)、时段选择、预约按钮、注意事项
    • 营养页:今日餐单(早餐/午餐/晚餐/加餐),营养宏量统计,替换建议
    • 指标页:指标选择(体重/体脂/心率/睡眠等),趋势图(7/30/90天),记录按钮
    • 日程页:周历+列表;预约状态标签;签到入口;冲突提示
    • 社区页:挑战卡、排行榜、好友进度、成就徽章
    • 设备设置页:设备列表、连接状态、数据权限开关、最后同步时间
  • 组件布局规范

    • 网格系统:移动端4列或12列栅格;左右安全边距16px;模块间距16-24px
    • 卡片:圆角8px;内边距16px;标题+主要信息+主按钮
    • 列表项:高度64px;左图标/缩略图 + 主标题 + 次要信息 + 右操作
    • 触控目标:最小48x48dp;相邻可点击元素间距至少8px
  • 响应式适配方案

    • 手机:竖屏主;横屏适配训练视频与课程详情
    • 智能手表:单列列表;大按钮;文本简化;滚动使用表冠/手势;主要操作为“开始/暂停/结束”
    • Web后台:12列栅格;侧边导航+顶部操作;表格可横向滚动;筛选区折叠

设计指南

视觉设计系统

  • 色彩规范(主色、辅助色、语义色)

    • 主色(健康绿):#4CAF50
    • 辅助色(活力蓝):#2196F3;辅助二(高亮青):#00BCD4
    • 语义色:成功 #2E7D32;警告 #FF9800;错误 #F44336;信息 #1976D2
    • 中性色:文字主 #212121;次 #616161;禁用 #9E9E9E;分割线 #E0E0E0;背景 #FAFAFA;卡片/面板 #FFFFFF
    • 对比度:主文本与背景≥4.5:1;按钮文字与背景≥4.5:1
  • 字体系统(字族、字号、字重)

    • 移动端:iOS用 SF Pro;Android用 Roboto;中文采用系统默认中文字体
    • Web后台:Inter/Roboto
    • 字号层级(移动端):标题H1 24/半粗;H2 20/半粗;H3 18/中;正文 16/常规;说明 14/常规;标签 12/中
    • 行高:1.4-1.6;数字与指标采用等宽字体优先
    • 字重:Regular/Medium/Semibold,不超过3种
  • 图标设计规范

    • 尺寸:24px基线;手表端20px
    • 风格:线性2px描边;填充用于选中态
    • 命名:功能-语义-状态(如 train-start-active)
    • 一致性:对齐到像素网格;避免过度细节

组件设计规范

  • 基础组件设计

    • 按钮:主按钮(填充主色,高48);次按钮(描边主色,高48);文本按钮(无底,高32);状态:默认/按下/禁用/加载
    • 输入框:轮廓/填充样式;标签/占位;错误态红色提示与说明文本;支持清除与密码显隐
    • 选择控件:单选/复选/开关;开关宽52高32;状态色遵循语义色
    • 下拉与选择器:时间/日期/地点;支持搜索与多选;最大显示5项,超出滚动
    • 标签与芯片:圆角16;用于筛选与状态标识;可关闭芯片带“X”
    • 通知与反馈:Toast 2-3秒;Snackbar带操作;Banner用于重要提醒;Dialog用于确认与冲突处理
    • 进度与骨架:线性进度条;环形进度;骨架屏替代列表与卡片内容
  • 复合组件规范

    • 训练卡:标题、时长、难度、器械、开始按钮;支持收藏
    • 课程卡:封面、教练、场地、时间、状态标签(可预约/候补/已满),主操作“预约”
    • 餐单卡:餐次、热量与宏量、替换建议,“加入购物清单”
    • 指标瓦片:当前值、变化箭头、时间戳、记录按钮
    • 排行榜项:头像、昵称、积分/完成次数、名次徽标
    • 设备连接项:设备名、平台、连接状态、权限开关、同步时间
  • 交互状态定义

    • 按下态:不透明度降低10%,或Android涟漪效果
    • 禁用态:不透明度50%,禁用点击与焦点
    • 加载态:按钮内置小型环形进度(不遮挡文案);全屏加载用于页面首次进入
    • 成功反馈:绿色Toast + 轻微震动(手机与手表)
    • 错误反馈:红色Snackbar +明确错误文案与解决动作

交互设计原则

  • 手势操作规范

    • 轻点为主;左滑列表项显示辅助操作(收藏/删除)
    • 长按显示上下文菜单(收藏/分享)
    • 日程周历支持左右滑动切换周;上下滚动查看详情
    • 手表:滑动与表冠滚动;避免复杂多级菜单
  • 动效设计指南

    • 页面过渡:200-250ms,缓出曲线;模块展开/折叠:150-200ms
    • 重点动作(开始训练/预约成功):微动画与缩放缓和
    • 避免过度动画;保证低端设备流畅
  • 反馈机制设计

    • 多通道提醒:本地通知、推送、手表振动;允许用户自定义时段与频率
    • 训练中实时反馈:心率区间提示(颜色与震动)、分段计时
    • 任务完成:成就动画≤800ms;排行榜积分即时更新

实施建议

  • 开发优先级建议

    1. 核心框架与登录/评估/首页
    2. 训练计划与课程库 + 日程预约/签到
    3. 营养与餐单管理 + 购物清单
    4. 指标记录与可穿戴同步(基础心率/步数/睡眠)
    5. 社区挑战与成就/排行榜
    6. 提醒与激励机制
    7. 离线缓存与弱网策略完善
    8. 管理后台(数据面板、排班、内容库、运营)
  • 测试验收标准

    • 功能性:完整覆盖上述用户路径;预约冲突与离线队列正确处理
    • 性能:关键页面首屏≤1.5s;列表滚动60fps;离线资源预缓存命中率≥80%
    • 可访问性:文本大小可调;VoiceOver/TalkBack标签完备;触控目标≥48dp;对比度达标
    • 数据同步:多端数据在5秒内一致;冲突提示可操作
    • 稳定性:崩溃率<0.5%;同步失败重试成功率≥95%
    • 安全与隐私:权限明确、可撤回;敏感数据传输加密;数据导出与删除流程可用
  • 迭代优化方向

    • 个性化增强:依据历史行为与设备数据动态优化训练与餐单
    • 社区玩法:团队挑战、周期赛季制、更多徽章体系
    • 设备生态:支持更多品牌设备与指标类型(血氧、HRV)
    • 内容质量:课程与食谱评分体系,UGC审核与精选
    • 运营工具:后台人群分层、A/B测试、自动化推送策略优化

附加可穿戴与弱网策略细化:

  • 可穿戴数据范围:心率、步数、卡路里、睡眠时长与阶段;授权分项开关;每日自动同步窗口(用户可设)
  • 弱网策略:训练步骤与餐单文本必缓存;视频采用分段缓存与自适应码率;预约与记录操作入队(最多缓存50条),超出提示清理;显示队列状态与可手动“全部重试”或“取消未完成”

设计概述

  • 应用目标与定位

    • 面向校内二手交易场景,提供实名可信、低门槛的买卖体验,构建从上架、搜索、沟通、支付、履约到评价的交易闭环。
    • 强化校区绑定与校内配送/自提,降低履约成本,提升安全性与效率。
    • 通过规范的交易流程、信用分与评价体系、风控与仲裁,建立可靠社区。
  • 目标用户分析

    • 人群:18-26岁在校学生与社团组织。
    • 场景:宿舍、教室、图书馆等校内高频场所。
    • 需求:快速发布、可信交易、便捷议价沟通、安全交付。
    • 终端:移动端与小程序为主,触控交互为核心。
  • 核心功能特性

    • 学号实名认证与校区绑定
    • 商品分类、标签与智能搜索
    • 引导式上架与质检提醒
    • 站内聊天、议价与收藏
    • 订单担保、支付与交易闭环
    • 校内配送/自提与取件码
    • 评价体系与信用分
    • 违规举报与仲裁流程
    • 活动位与推荐
    • 后台审核与风控

用户流程设计

主要用户路径

  • 注册登录流程

    1. 启动应用 → 欢迎页(隐私政策与用户协议同意)
    2. 登录方式:手机号一键登录/微信授权登录(小程序) → 短信/微信校验
    3. 实名认证:输入学号与姓名 → 上传/拍照学生证或校园认证截图 → 选择校区 → 提交认证
    4. 风控与审核:实时校验(OCR+号段规则+黑名单)→ 通过则发放“校内已认证”徽章;失败进入人工审核(24小时内)
    5. 完成引导:选择常用分类兴趣 → 完成
  • 核心功能使用流程(买家)

    1. 搜索/浏览:首页推荐→分类列表→搜索输入→筛选(价格区间、校区、成色、是否可送)
    2. 查看详情:商品图、价格、成色、描述、标签、交易方式、卖家信用;查看相似推荐
    3. 沟通议价:进入聊天→预设快捷报价(-5%、-10%或自定义)→卖家接受/还价→达成价格
    4. 下单担保:选择交易方式(校内配送/自提)→确认价格与订单条款→支付至平台担保
    5. 履约交付:生成取件码(自提)或安排校内配送 → 卖家交付/物流扫描 → 买家验收
    6. 完成评价:星级+标签+文字评价 → 更新信用分
  • 核心功能使用流程(卖家)

    1. 引导式上架:选择分类→拍照上传(自动去重/质量提示)→填写标题、成色、价格、交易方式→标签添加→提交审核
    2. 接收意向:消息通知→查看买家议价→选择接受/还价/拒绝
    3. 订单确认:买家支付担保后→准备交付→按方式完成交付(自提扫码验证或配送交接)
    4. 收款与评价:买家验收完成→担保放款→对买家进行评价
  • 关键任务完成流程

    • 取件码自提流程:
      1. 买家选择自提点(校内自提台/自提柜/指定地点)→生成取件码(6位数字+二维码)
      2. 卖家到场 → 买家出示取件码 → 卖家扫描或输入码 → 系统验证 → 完成交接
    • 校内配送流程:
      1. 买家选择配送服务(校内跑腿或平台配送)→支付配送费(如有)→生成配送单
      2. 卖家打包 → 配送员取件 → 完成送达 → 买家确认收货 → 放款

交互节点分析

  • 关键决策点

    • 认证通过/拒绝:决定权限(上架、聊天、下单)
    • 价格谈判:接受/还价/拒绝决定订单是否进入担保支付
    • 交易方式选择:自提/配送影响后续履约和取件码生成
    • 验收与放款:买家确认收货是放款触发点
    • 举报与仲裁:异常纠纷触发仲裁流程
  • 状态转换逻辑

    • 商品:草稿 → 待审核 → 上架中 → 已锁定(待支付)→ 交易中 → 已售出/已下架
    • 订单:待支付 → 已支付(担保中)→ 待交付 → 已交付待验收 → 已完成/已退款/仲裁中
    • 聊天议价:开放 → 报价中 → 达成价格 → 完成下单/超时关闭
    • 认证:待提交 → 机器审核中 → 通过/拒绝 → 人工复核(如有)
    • 信用分:初始分 → 增减(交易完成、纠纷、违规)
  • 异常处理流程

    • 认证失败:提示具体原因(照片不清晰/信息不一致),提供重试与人工审核入口
    • 支付失败:提示错误码与重试,保留订单锁定10分钟
    • 商品被他人锁定/售出:详情页灰置购买按钮,推荐相似商品
    • 配送延迟:系统提醒超时,联系配送员与卖家,必要时可发起退款申请
    • 验收超时(24小时):系统自动确认收货(可配置为延长一次)
    • 纠纷仲裁:提交证据(聊天记录、照片、视频)→平台介入→判定退款/部分退款/维持交易

界面框架设计

信息架构

  • 导航结构(底部Tab,移动端与小程序一致)

    1. 首页(推荐/活动位/搜索入口)
    2. 分类(全品类、标签、筛选)
    3. 发布(引导式上架入口,突出主CTA)
    4. 消息(聊天、系统通知)
    5. 我的(账户、认证、信用、订单与上架)
  • 二级导航与入口

    • 首页:搜索栏、活动位Banner、快捷入口(自提点、配送服务)、推荐瀑布流
    • 分类:顶部分类切换、筛选面板、结果列表
    • 消息:会话列表、系统消息、订单消息分组
    • 我的:头像与认证徽章、信用分模块、我的商品、订单、地址与自提点、设置与帮助
  • 内容组织

    • 商品:图→标题→价格→标签(成色、校区、可配送)→卖家信用图标
    • 订单:状态标签(担保中/待交付/待验收/已完成)→商品摘要→交易方式→时间线
    • 聊天:消息气泡→报价卡片(结构化)→订单预览组件
  • 功能分布

    • 快速发布:底部Tab居中“发布”主按钮;首页顶部“一键卖”入口
    • 信用与评价:我的页显著位置;商品详情展示卖家信用等级
    • 举报与仲裁:商品详情与订单页右上角更多菜单;聊天内会话更多菜单

页面布局

  • 主要页面框架

    • 首页:顶部搜索框(常驻)→活动位Banner(可左右滑动)→快捷入口(3-4项)→推荐商品瀑布流(2列卡片)
    • 商品详情:图片轮播(最多9张)→基本信息(标题、价格、成色、标签)→卖家信息(头像、信用、校区)→交易方式模块(自提/配送)→操作区(聊天、立即购买)→相似推荐
    • 发布页(引导式):分步表单(分类→拍照→标题与描述→价格→交易方式→标签)→质检提醒(缺图/模糊/关键信息缺失)
    • 聊天页:顶部对方信息→消息列表→报价组件(输入价格、快捷价)→订单预览与下单CTA
    • 订单详情:状态进度条→商品摘要→价格与费用明细→交易方式与自提点/配送信息→取件码(二维码+数字码)→验收与问题申诉入口
    • 我的:认证状态与信用分→入口网格(我的商品、我的订单、地址/自提点、钱包/支付、设置)
  • 组件布局规范

    • 栅格与间距:8px间距体系;主要容器左右内边距16px;卡片圆角8px
    • 点击目标:最小触达区域44x44px
    • 文字行高:正文行高1.5;标题行高1.3
    • 列表项:高度≥64px;缩略图比例1:1或4:3,尺寸≥72px
  • 响应式适配方案

    • 移动端:375-428宽度优先;图片按比例自适应;瀑布流2列(窄屏1列)
    • 小程序:遵循平台安全区;Tab数量≤5;页面头部使用原生导航高度;下拉刷新与上拉加载统一反馈
    • 横屏与大屏:列表栅格列数增加;弹层宽度不超过容器的80%

设计指南

视觉设计系统

  • 色彩规范(主色、辅助色、语义色)

    • 主色 Campus Blue:#2B6CFF(品牌与主CTA,AA对比需搭配白/深灰文字)
    • 辅助色 Campus Green:#28A745(校园配送与已认证提示)
    • 中性色:
      • 字体主文:#1F2937
      • 次级文案:#6B7280
      • 分割线:#E5E7EB
      • 背景:#F9FAFB
      • 卡片背景:#FFFFFF
    • 语义色:
      • 成功:#22C55E
      • 警告:#F59E0B
      • 错误:#EF4444
      • 信息:#3B82F6
    • 对比要求:正文与背景对比度≥4.5:1;大文本(≥18pt)≥3:1;主按钮文字与背景≥4.5:1
  • 字体系统(字族、字号、字重)

    • 中文:iOS使用 PingFang SC;Android使用 Noto Sans SC;小程序使用系统默认中文字体
    • 英文与数字:iOS San Francisco / Android Roboto
    • 字号与字重:
      • H1(页面主标题):20-22px,Semibold
      • H2(模块标题):18px,Semibold
      • 正文:14-16px,Regular
      • 辅助说明:12-13px,Regular
      • 强调数字(价格/信用分):18-20px,Semibold
    • 行距:正文1.5;标题1.3;多行标签间距8px
  • 图标设计规范

    • 风格:线性图标,圆角2px,描边1.5px
    • 网格:24px基准网格;触达区≥44px
    • 语义一致:交易、配送、自提、信用、举报、担保、仲裁等图标需直观

组件设计规范

  • 基础组件设计

    • 按钮(Button):主按钮(填充主色,圆角8px);次按钮(描边主色或浅灰填充);禁用(降低至30%不透明度,不改变文案)
    • 输入(TextField):边框浅灰#E5E7EB;聚焦描边主色;错误态描边错误色并展示帮助文案
    • 选择(Radio/Checkbox):选中主色填充;禁用浅灰;点击范围扩展至标签文本
    • 标签(Tag/Chip):圆角16px;分类标签浅底深字;语义标签用对应语义色描边
    • 卡片(Card):阴影轻(移动端Elevation 2);内边距12-16px;点击反馈微弱缩放或阴影增强
    • 通知(Toast/Badge):Toast底色深灰,文字白;Badge用于未读消息与活动提醒
  • 复合组件规范

    • 商品卡片:缩略图(左/上)、标题两行省略、价格高亮、成色与校区标签、卖家信用图标、收藏按钮
    • 报价组件:输入框(价格)、快捷减价按钮、发送报价CTA、状态提示(已发送/被接受/被拒绝)
    • 订单摘要:商品缩略图、价格明细(商品价、配送费、担保费)、交易方式、预计交付时间
    • 取件码组件:二维码+6位数字码;剩余有效时间计时;“复制”与“分享”按钮
    • 评价组件:星级选择(1-5),标签选择(最多5个,如“描述一致”“响应及时”),文本输入(可选)
  • 交互状态定义

    • 按钮:默认/按下(轻微缩放或加深阴影)/禁用/加载中(spinner)
    • 输入:默认/聚焦/已填充/错误
    • 列表项:默认/滑动(收藏/举报快捷动作)/长按(多选或更多操作)
    • 卡片:点击进入详情;收藏心形动画(填充过渡200ms)
    • 聊天消息:发送中/已送达/已读;报价卡片有“有效期”与“状态”标识

交互设计原则

  • 手势操作规范
    • 上拉加载、下拉刷新统一反馈
    • 列表项左滑:显示收藏与举报(需二次确认举报)
    • 详情页图片:双指缩放、长按保存(受平台限制)
  • 动效设计指南
    • 过渡时长:150-250ms;层级切换使用淡入+位移微动
    • 重要状态变化(支付成功、生成取件码)使用轻量弹层与图标动效,不超过600ms
    • 避免大面积复杂动效,保证性能与可访问性
  • 反馈机制设计
    • 成功:Toast+页面状态更新
    • 警告/错误:Inline错误文案+Toast;可操作项明确(重试/联系支持)
    • 关键操作需确认:下单、取消订单、举报、提交仲裁
    • 无障碍:所有反馈有文本说明;动效不依赖颜色识别

实施建议

  • 开发优先级建议

    1. 基础账户与认证模块(登录、学号实名、校区绑定)
    2. 商品浏览与搜索(分类、标签、筛选、详情)
    3. 引导式上架与图片质检提醒
    4. 聊天与议价(结构化报价组件、系统消息)
    5. 订单担保与支付(支付对接、订单状态机)
    6. 履约(自提取件码、校内配送流程)
    7. 评价与信用分(评价提交、信用分计算)
    8. 举报与仲裁(证据提交、流程状态)
    9. 活动位与推荐(首页Banner与算法接口)
    10. 后台审核与风控(商品审核、风控拦截)
  • 测试验收标准

    • 认证通过率与准确率:OCR识别成功率≥95%;人工复核时效≤24小时
    • 搜索与列表性能:关键交互<300ms响应;首页首屏渲染<1.5s(4G网络)
    • 上架时长:完成引导不超过90秒;图片自动压缩至单张≤1MB
    • 支付成功反馈:≤2秒展示成功状态;失败有明确错误与重试
    • 取件码验证:扫码或输入成功率≥99%;延迟≤500ms
    • 无障碍:对比度达标;按钮触达区达标;动态内容有文本替代
    • 异常覆盖:10大异常用例通过(认证失败、支付失败、商品锁定、配送延迟、验收超时、仲裁等)
  • 迭代优化方向

    • 推荐优化:基于校区、兴趣与历史行为的个性化推荐
    • 质检增强:AI图片质量与成色识别、标题规范化建议
    • 议价效率:模板化还价与成交建议(市场价参照)
    • 履约体验:自提点地图与拥挤度、配送员位置实时更新
    • 信用分细化:交易稳定性、响应速度、纠纷率、社区贡献
    • 风控提升:违规品类识别、关键词过滤、异常交易检测(高频上架、短时大量交易)
    • 运营与活动:新生季、毕业季主题活动位与品类权重调整

设计概述

  • 应用目标与定位

    • 为企业提供统一服务门户与工单系统,标准化请求提交、审批分派与处理闭环,明确优先级与SLA,沉淀知识库,实现跨部门协作、绩效可视化与合规审计。
    • 支持桌面与移动端一致体验,与企业SSO、消息与存储系统集成,输出可执行的设计与组件规范。
  • 目标用户分析

    • 企业员工:提交入职、设备申请、故障报修、费用报销等请求;查阅工单状态与知识库;移动端碎片化操作。
    • 部门管理员:审批、多级分派、规则配置(模板、SLA、权限);关注队列健康与升级处理。
    • 服务台工程师:接单、处理、协作子任务、回访与关闭;遵守SLA,与员工沟通。
    • 管理者/审计:仪表盘与报表、绩效与合规监控、审计追踪。
  • 核心功能特性

    • 统一入口与导航
    • 工单模板与动态表单校验
    • 多级审批、分派与协作子任务
    • SLA规则、提醒与升级
    • 状态流转、时间线与评论
    • 知识库与自助搜索
    • 仪表盘与统计报表
    • 角色权限与审计
    • 与企业SSO、消息与存储集成
    • 多端适配与组件规范

用户流程设计

主要用户路径

  • 注册登录流程(SSO)

    • 首次访问:重定向至企业SSO登录页 → 成功后回到门户首页 → 后台刷新用户资料与角色 → 引导新手提示(可跳过)。
    • 会话维持:静默刷新令牌;超时后展示轻量登陆提示并一键重新授权。
  • 员工提交请求流程

    1. 入口:首页「提交请求」或分类卡片(入职、设备、报修、报销)
    2. 选择模板:按分类筛选或搜索 → 进入模板说明页(包含所需材料、预计时效)
    3. 动态表单:字段按条件显示/必填校验 → 上传附件(进度+病毒扫描) → 实时验证与错误提示
    4. 设置优先级:默认由模板规则和用户选择共同决定(含引导说明)
    5. 提交:生成工单号 → 展示确认页与预计SLA到期时间 → 自动关注工单通知
    6. 后续:在详情页查看状态、时间线、评论与知识建议;支持追加信息与撤销(状态受限)
  • 管理员审批与分派流程

    1. 审批队列:按类别/优先级/到期排序 → 批量或逐条处理
    2. 审批动作:通过/驳回/转签(需备注);驳回需填写原因并可反馈建议模板
    3. 分派:选择工程师或技能组;可拆分协作子任务(设负责人与期限)
    4. SLA确认:核对或重置(权限受控);设置升级路径与提醒节奏
    5. 提交:状态变更为「待处理/已分派」→ 通知工程师与员工
  • 工程师处理与回访流程

    1. 工作台:看板/列表视图(我的、团队、升级)→ 过滤优先级与SLA剩余
    2. 接单与处理:更改状态为「进行中」→ 添加工作日志、使用知识库方案 → 需要协作则创建子任务
    3. 暂停/等待:设为「等待用户/暂停」(说明原因,SLA计时规则自动处理)
    4. 解决与回访:设为「已解决」→ 触发回访表单 → 员工确认或重开
    5. 关闭:员工确认或超时自动关闭 → 归档到知识库(需工程师补充摘要与标签)
  • 自助搜索与知识库流程

    1. 入口:首页顶部搜索栏或知识库模块
    2. 搜索:支持分类、关键词与同义词;推荐FAQ/教程
    3. 解决路径:查看内容 → 标记有用/无用 → 一键生成工单(预填字段)或关联到现有工单
    4. 维护:管理员与工程师可提交流程化的解决方案并审核发布
  • 仪表盘与报表

    1. 管理者选择视图:实时概览、队列健康、SLA达成、升级事件、满意度
    2. 深入分析:按部门/类别/人员过滤 → 导出与定时报送

交互节点分析

  • 关键决策点

    • 优先级确定:模板默认规则+用户输入+自动检测(关键字/影响范围)
    • SLA启动/暂停/继续:提交即启动;「等待用户/暂停」自动暂停计时;恢复时继续
    • 审批结果:通过/驳回/转签;驳回需原因且可返回修改
    • 分派策略:按技能、负载、班次;可智能推荐
    • 升级:在剩余时间<=20%或逾期时自动升级至上级或值班
  • 状态转换逻辑(工单状态机)

    • 草稿 → 已提交 → 待审批 → 已驳回(可编辑重提)/已通过 → 待分派 → 已分派 → 进行中
    • 进行中 → 暂停/等待用户/等待第三方 → 已解决 → 待回访 → 已关闭
    • 任何状态 → 已升级(并保持原处理状态标记升级层级)
    • 允许重开:已关闭 → 重开(返回进行中或待分派)
  • 异常处理流程

    • 表单校验失败:就地红色提示+辅助文案;阻止提交
    • 附件上传失败:保留输入,允许重试;提供错误原因
    • SSO失败:提示重新登录与网络检查;保留本地草稿
    • SLA逾期:红色标识+即时通知;自动升级并记录审计
    • 集成失败(消息/存储):重试队列与备用通知渠道;生成运维告警

界面框架设计

信息架构

  • 导航结构(桌面端顶部主导航 + 左侧子导航)

    • 首页(概览、快捷入口)
    • 提交请求(模板库)
    • 我的工单(员工)
    • 审批与分派(管理员)
    • 工程师工作台(个人/团队)
    • 知识库(搜索、分类、维护)
    • 仪表盘与报表(管理者)
    • 管理设置(模板、SLA、角色权限、集成、审计日志)
  • 移动端导航

    • 底部导航:主页、请求、工单、知识库、工作台(根据角色动态)
    • 二级导航与筛选通过顶部标签与抽屉筛选呈现
  • 内容组织

    • 列表页:搜索、过滤(多条件)、排序、批量操作、导出
    • 详情页:标题与状态区、核心动作区、时间线、评论与附件、相关知识、子任务、SLA信息
  • 功能分布(按角色)

    • 员工:首页、提交请求、我的工单、知识库
    • 管理员:审批与分派、模板与SLA管理、队列监控、审计
    • 工程师:工作台、工单详情处理、知识库维护
    • 管理者:仪表盘与报表、合规审计

页面布局

  • 主要页面框架

    • 标准布局:顶部栏(Logo、全局搜索、通知、用户菜单)+ 左侧导航(模块与二级菜单)+ 右侧主内容
    • 工单详情:顶部标题与状态条 → 右侧动作栏(优先、升级、分派、状态变更) → 主区域分为「概况卡片」「时间线」「评论/附件」分区 → 边侧信息卡(SLA剩余、参与人、标签)
    • 工作台看板:列为「待分派/已分派/进行中/等待/已解决」;卡片显示关键字段与SLA徽标
  • 组件布局规范

    • 过滤区:置于列表顶部,横向排列主要条件,次要条件收纳至「高级筛选」抽屉
    • 表单区:分组标题+两列布局(桌面);移动端单列;长表单提供步骤进度(Stepper)
    • 时间线:按时间倒序,状态变化使用显著图标与颜色语义
    • 评论区:输入框固定于底部;支持@、附件、表情(受限);显示身份与时间戳
    • 动作区:主要按钮居右,次要操作居左;危险操作(二次确认)
  • 响应式适配方案

    • 断点:Mobile <600px;Tablet 600–1024px;Desktop ≥1024px;Wide ≥1440px
    • 栏数:Mobile单列;Tablet 1–2列;Desktop 2–3列(内容卡与侧栏)
    • 表格在移动端转为卡片列表(关键字段:标题、状态、优先级、SLA剩余、负责人)
    • 触控目标:最小44x44;文字最小14px;交互控件间距≥8px

设计指南

视觉设计系统

  • 色彩规范

    • 主色(Primary):#1554F6(按钮、链接、强调)
    • 辅助色(Secondary):#00A3A3(次要强调、标签)
    • 语义色:成功 #27AE60;警告 #F2994A;错误 #E53935;信息 #2D9CDB
    • 文本与灰阶:正文 #1F2937;次要 #6B7280;边框/分隔 #E5E7EB;背景 #F9FAFB;纯白 #FFFFFF
    • 可访问性:主色与白底对比≥4.5:1;文本与背景对比≥4.5:1;禁用状态使用明度而非仅靠颜色
  • 字体系统

    • 字族:中文优先系统字体(PingFang SC/ Microsoft YaHei/ Source Han Sans),英文字体(Roboto/ Helvetica Neue/ Arial),统一为 sans-serif
    • 字号(桌面):标题 H1 24/32;H2 20/28;H3 18/26;正文 14/22;辅助 12/18
    • 字重:标题 600–700;正文 400–500;强调 500–600
    • 行高:标题 1.3–1.4;正文 1.6
  • 图标设计规范

    • 尺寸:16、20、24px;统一线性风格,描边1.5px
    • 含义明确、避免装饰性冗余;状态图标与语义色一致

组件设计规范

  • 基础组件

    • 按钮(主/次/文本/危险)
      • 状态:默认/悬停/按下/禁用/加载
      • 主按钮背景 #1554F6;悬停加深;按下阴影减弱;禁用灰度;加载显示微型进度
    • 输入框/选择器/多选框/单选框
      • 焦点高亮(主色边框+阴影);错误态红色边框与说明文字;占位符不替代标签
    • 下拉与搜索
      • 支持键盘导航;空态与无结果提示;可清除与一键重置
    • 日期时间选择器
      • 支持SLA截止预览;禁选过去/节假日(可配置);键盘可输入
    • 标签/徽章(Priority/SLA)
      • P1 红色、P2 橙色、P3 蓝色、P4 灰色;SLA徽章显示剩余时间与状态(正常/紧迫/逾期)
  • 复合组件规范

    • 表格
      • 固定表头;可排序列(图标反馈);多选复选框;行内操作;分页与每页数量选择
      • 可访问性:行焦点状态明确;屏幕阅读器朗读列名与单元格内容
    • 看板卡片
      • 显示标题、状态、负责人、SLA剩余;拖拽移动(权限受控);移动时提供位置反馈
    • 时间线
      • 节点:状态更改、评论、附件、SLA事件(启动/暂停/升级/逾期);每项含时间戳与操作者
    • 评论框
      • 支持@与引用;附件预览与删除;输入时提示提交快捷键(Ctrl/Cmd+Enter)
    • 表单步骤(Stepper)
      • 步骤标题清晰;禁用跳过必填;显示进度百分比与预计完成时间
    • 模态/抽屉
      • 进入/退出动效(200ms,ease-out);可键盘关闭(Esc);焦点陷阱处理
  • 交互状态定义

    • 焦点:可见边框与阴影;Tab顺序与视觉一致
    • 悬停:提升对比或阴影,不改变组件尺寸
    • 选中:高亮背景或边框;与禁用态区分
    • 加载:骨架屏或微型Spinner;不阻断必要阅读
    • 错误:红色提示+说明;提供修复建议链接
    • 成功:绿色提示与可撤销操作(如撤销删除,5秒内)

交互设计原则

  • 手势操作规范(移动端)

    • 轻触触发;长按显示更多操作(如工单卡片快捷菜单);左右滑动切换看板列仅在明确场景启用
    • 下拉刷新列表;上滑载入更多;滚动回顶按钮
  • 动效设计指南

    • 微动效用于状态反馈(按钮点击、卡片拖拽);时长100–200ms
    • 进入/退出过渡统一(200ms);层级变化(模态、抽屉)采用淡入与位移
    • 避免过度动画影响效率;确保动效可被系统减少动态设置所抑制
  • 反馈机制设计

    • 即时:表单校验、操作成功/失败Toast;关键动作用模态确认
    • 过程:进度条/骨架屏;长时任务显示剩余估计与后台执行提示
    • 通知:SLA提醒与升级通过企业消息推送;在应用内通知中心可见与可管理
    • 空态:给出引导与示例;提供创建或导入入口

实施建议

  • 开发优先级建议

    1. SSO与角色权限架构(基础安全与访问控制)
    2. 工单模板与动态表单引擎(核心提交能力)
    3. 工单详情页与状态机、时间线与评论(处理闭环)
    4. 审批与分派模块(管理员核心流程)
    5. 工程师工作台(看板/列表与SLA显示)
    6. 知识库与搜索(自助率提升)
    7. SLA规则与提醒升级(合规保障)
    8. 仪表盘与报表(管理可视化)
    9. 集成(消息、存储、审计)与移动端优化
  • 测试验收标准

    • 功能:所有状态转换符合状态机;表单校验覆盖必填/格式/条件显示;附件上传含失败重试与安全扫描
    • 性能:首屏加载<2.5s(桌面);交互响应<100ms;列表分页与搜索<500ms
    • 可访问性:符合WCAG 2.1 AA;键盘可用;焦点可见;颜色对比合规;图像含替代文本;ARIA语义正确
    • 安全与审计:操作留痕(创建/修改/审批/升级/关闭);SLA事件记录完整;权限边界测试通过
    • 跨端一致:主要流程在桌面与移动端一致;断点适配与触控规范符合要求
  • 迭代优化方向

    • 优先级与分派智能推荐(基于历史数据与技能标签)
    • 知识库质量提升(评价闭环、重复问题聚合、自动提炼FAQ)
    • SLA策略细化(工作时间/节假日、暂停理由分类、分层升级规则可视编辑)
    • 体验优化(批量操作、快捷键、个性化仪表盘)
    • 数据治理(报表维度扩展、满意度与处理时效关联分析、异常趋势预警)

附加规则与配置建议(可在管理设置中实现)

  • 优先级默认映射(可配置示例)
    • P1:影响全公司或核心系统不可用,SLA解决4小时
    • P2:影响部门或关键功能异常,SLA解决8小时
    • P3:一般问题,SLA解决24小时
    • P4:咨询/优化,SLA解决72小时
  • SLA计时规则
    • 启动:提交或批准后(按模板设定)
    • 暂停:等待用户/外部依赖状态
    • 恢复:状态回到进行中/已分派
    • 升级:剩余时间≤20%提醒;逾期自动升级并通知上级与管理员
  • 权限要点
    • 员工:创建/查看自身工单、评论、追加信息、确认解决/重开
    • 管理员:审批、分派、模板与SLA管理、队列监控、升级管理
    • 工程师:接单、状态变更、日志、子任务、知识维护
    • 管理者/审计:查看仪表盘、报表、审计日志;不可变更工单内容(除配置权限)

示例详情

适用用户

产品经理

在立项或评审阶段,一键生成完整设计规范,统一需求与范围,设定优先级和验收标准,提升推进效率。

UX/UI 设计师

从需求快速产出用户流程与界面框架,沉淀色彩、字体、组件规范,保障跨平台一致性并支撑组件库建设。

前端与移动开发工程师

依据明确的布局与交互说明对照实现,减少反复沟通;据交互状态与异常流程提炼开发与测试用例。

解决的问题

用最少输入,产出可直接用于评审与开发的专业级应用设计规范。通过输入应用目的、目标用户与核心功能,即可在数分钟内自动生成覆盖用户流程、界面框架、视觉与交互指南、实施建议的完整文档,帮助: - 在项目启动时快速定标:把零散想法变为统一、清晰、可执行的设计标准 - 在设计评审前对齐认知:明确关键流程、组件规范与验收口径,提高通过率 - 在多端协作中保持一致:统一导航、信息架构与交互规则,降低返工与设计债 - 在开发落地时减少反复:输出开发可直接使用的规范与优先级建议,缩短交付周期 - 在持续迭代中可复用:建立可扩展的设计系统底座,支持后续版本高效扩充

特征总结

一键生成覆盖用户流程、界面框架与设计指南的设计规范,项目启动即出稿
根据应用目标和用户群体自动梳理核心路径,输出清晰可执行的用户流程图谱
预置信息架构与导航模板,快速搭建跨平台一致的界面框架,减少反复返工
自动生成色彩、字体、组件与交互规范,统一视觉语言,保障品牌一致体验
基于优先级给出开发顺序与验收标准,帮助团队明确边界,缩短沟通与交付周期
支持按行业与业务场景定制输出结构,满足金融、教育、电商等差异化需求
一键复用模板与参数,高效生成多版本规范,用于评审对比与多方协同
智能识别风险与可访问性要求,提前标注异常与边界场景,降低上线缺陷
生成标准化Markdown文档,便于分享、存档与版本迭代,随时可被团队接力

如何使用购买的提示词模板

1. 直接在外部 Chat 应用中使用

将模板生成的提示词复制粘贴到您常用的 Chat 应用(如 ChatGPT、Claude 等),即可直接对话使用,无需额外开发。适合个人快速体验和轻量使用场景。

2. 发布为 API 接口调用

把提示词模板转化为 API,您的程序可任意修改模板参数,通过接口直接调用,轻松实现自动化与批量处理。适合开发者集成与业务系统嵌入。

3. 在 MCP Client 中配置使用

在 MCP client 中配置对应的 server 地址,让您的 AI 应用自动调用提示词模板。适合高级用户和团队协作,让提示词在不同 AI 工具间无缝衔接。

AI 提示词价格
¥20.00元
先用后买,用好了再付款,超安全!

您购买后可以获得什么

获得完整提示词模板
- 共 822 tokens
- 3 个可调节参数
{ 应用目的 } { 目标用户 } { 核心功能 }
获得社区贡献内容的使用权
- 精选社区优质案例,助您快速上手提示词
限时免费

不要错过!

免费获取高级提示词-优惠即将到期

17
:
23
小时
:
59
分钟
:
59