应用中心 · 五项可用工具

五项应用,挑一项今天就上手

从整改入口地址、调取设计组件,到上线前跑一轮体验检查、确认多设备状态,UED中心把这些工具直接交到做事的人手里。每一项都写清它解决什么问题、会给出什么结果,你按手上的活儿挑一项开始就行。

导航入口 3.2 内容中心 品牌站组件库 体验诊断工具包 跨端状态面板

01

导航入口 3.2

入口地址 / 版本 3.2 / 平均每 6 周一次迭代

同事发来的旧链接点开跳到了陌生地址,团队里几个人用的入口版本还不一样。

通用品牌站导航入口变更到 3.2 版之后,3.0 时期的地址会自动跳转到新地址,留在浏览器里的历史书签照样打得开。一级栏目按品牌、历程、应用、笔记、帮助、联系六类组织,320px 宽的小屏上完整保留,不会折叠到找不着北。

  • 反馈通道并入入口变更公告页,匿名也能提交,不必先有账号。
  • 换一台设备重新登录,入口状态和收藏跟着账号走,不必重新配置。
  • 顶部状态条常驻显示当前版本,悬停能看到旧地址的跳转说明。
导航入口 3.2 的页面截图,一级栏目横向排布,页面顶部有版本号与状态条
导航入口 3.2:一级栏目横向铺开,版本状态常驻页面顶部

02

内容中心

1,860 篇笔记 / 12 个主题簇 / 收藏跨端同步

方案评审前一天,需要把可访问性相关的方法和排查记录一次性翻出来。

1,860 篇设计方法与排查笔记按 12 个主题簇组织,检索支持主题簇、版本号与设备类型三种入口。看到有用的条目直接点收藏,数据保存在账号维度,换设备登录后自动重新同步,不用手工导出再导入。

  • 主题簇覆盖交互、视觉、前端实现、内容运营、体验度量等方向,每篇只归一个簇。
  • 收藏没跟上时,重新登录就能把最新状态拉回来。
  • 每月更新两到三篇,版本公告与排查记录跟着版本期一起发。
内容中心页面截图,左侧是十二个主题簇索引,右侧一条笔记带收藏按钮
内容中心:左侧主题簇索引,右侧笔记正文与收藏入口

03

品牌站组件库

96 个组件 / 18 套页面模板 / 4 套色彩主题

品牌站要赶在活动前上线,设计稿还在改,前端已经开始搭页面骨架。

96 个组件覆盖导航、表单、卡片、表格、状态提示与页脚等常见区块,配 18 套页面模板和 4 套色彩主题。设计负责人和前端工程师拿同一份素材,改文案和配色就能出一版能点的原型,不用为每个按钮重新对一遍间距。

  • 页面模板覆盖首页、产品详情、栏目列表、帮助文档、活动页与法律说明等类型。
  • 四套色彩主题各自带深浅两档,切换时组件内的文字对比度同步调整。
  • 组件与模板随主版本一起更新,改动记录写在内容笔记里。
组件库页面截图,网格中排列按钮、表单、卡片等组件以及两套页面模板缩略图
组件库:组件按类型分栏,模板缩略图给出整页排布的参照

04

体验诊断工具包

27 项检查 / 三类指标 / 输出带编号的检查清单

上线评审前想先自查一轮,又不想把整个团队拉进来逐页点。

跑完一轮给出 27 项检查结果,分可访问性、加载性能与导航路径三类,每项写明命中位置和当前表现,最后导出带编号的检查清单,逐条分给对应岗位就能动手改。

  • 可访问性看对比度、焦点顺序、可点击区域与替代文本。
  • 加载性能看首屏资源、图片体积与阻塞脚本所在的位置。
  • 导航路径看一级栏目深度、返回入口与移动端是否丢层级。

27 项检查 · 实心为已通过 · 描边为待处理

诊断报告截图,二十七项检查结果以列表与点阵方块呈现,右上角有分数环
诊断报告:左侧逐项结果,右上角汇总本轮的通过情况

05

跨端状态面板

设备登录状态 / 收藏同步状态 / 冲突条目

同一份收藏,手机上刚加完,回到工位打开电脑却还是旧列表。

面板把登录过的设备、最近一次登录时间和收藏同步结果列在一起,哪台设备停在待同步一眼就能看到。遇到待同步,先在一台设备上重新登录让账号状态刷新一遍,再回到面板确认结果。

  • 每台设备标出最近登录时间与当前同步状态,长时间未登录的设备单独提示。
  • 同步中、已同步、待同步三种状态各带文字说明,不用猜图标含义。
  • 多设备同时改动同一份收藏时,面板保留后写入的结果并标出冲突条目。
跨端状态面板截图,列出三台设备的登录时间与收藏同步状态,其中一台标注待同步
跨端状态面板:设备列表逐台显示登录时间与同步结果

06

五项应用对照

场景、结果与获取方式

应用 适用场景 输出结果 获取方式
导航入口 3.2 团队入口版本不一致,旧链接还要继续可用 六类一级栏目,旧地址自动跳转 访问新地址后收藏即可
内容中心 评审前要翻出一批方法和排查记录 12 个主题簇下的 1,860 篇笔记,收藏跨端同步 在账号内按主题簇收藏
品牌站组件库 品牌站或活动页要在短时间内出可点原型 96 个组件、18 套模板、4 套色彩主题 在账号内选好项目后导入
体验诊断工具包 上线前自查可访问性、加载性能与导航路径 27 项检查清单,带编号与命中位置 在账号内对目标页面跑一轮
跨端状态面板 多台设备同时在用,收藏状态对不上 设备列表与每台的同步状态、冲突条目 在账号内的面板中查看

07

三步开始用

从建立账号到跑完一轮检查

用一个邮箱建立账号就行。入口地址、收藏数据和组件库权限都落在账号上,换设备不用重新配置一遍,桌面端和移动端看到的是同一份内容。团队一起用时,把常用主题簇先收藏好,后面交接也省事。

导航入口把新地址收藏起来就能用;内容中心可以按主题簇收藏一批笔记;组件库和体验诊断工具包在账号里选好项目再导入。第一次上手,建议从主题簇或页面模板里挑一个和你当前任务最接近的。

改完收藏或者跑完诊断之后,回到跨端状态面板确认每台设备的状态。全部标为已同步就可以收工;出现待同步,按提示在一台设备上重新登录一次,再回来查看结果。

桌面端与 320px 以上的手机、平板都能用,浏览器请在 Chrome、Edge、Safari 或 Firefox 最近的两个大版本里选一个。旧入口地址自带跳转,升级浏览器后不必重新收藏。

用起来卡住了,从这几处接着走

入口打不开、收藏对不上,先按步骤走一遍;确认不是操作问题,再把设备型号、版本号和截图一起发过来,平时工作日 9:00 到 18:00 都有人看。

  • 帮助中心:导航与收藏问题的排查路径,按现象一步步走。
  • 联系与反馈:匿名反馈通道与客服渠道,附截图更快定位。
  • 内容笔记:版本迭代记录与现场排查笔记,每月更新。
  • 使用须知:入口地址的版本依据与浏览器兼容范围。