应用中心 · 五项可用工具
五项应用,挑一项今天就上手
从整改入口地址、调取设计组件,到上线前跑一轮体验检查、确认多设备状态,UED中心把这些工具直接交到做事的人手里。每一项都写清它解决什么问题、会给出什么结果,你按手上的活儿挑一项开始就行。
导航入口 3.2 内容中心 品牌站组件库 体验诊断工具包 跨端状态面板
01
导航入口 3.2
同事发来的旧链接点开跳到了陌生地址,团队里几个人用的入口版本还不一样。
通用品牌站导航入口变更到 3.2 版之后,3.0 时期的地址会自动跳转到新地址,留在浏览器里的历史书签照样打得开。一级栏目按品牌、历程、应用、笔记、帮助、联系六类组织,320px 宽的小屏上完整保留,不会折叠到找不着北。
- 反馈通道并入入口变更公告页,匿名也能提交,不必先有账号。
- 换一台设备重新登录,入口状态和收藏跟着账号走,不必重新配置。
- 顶部状态条常驻显示当前版本,悬停能看到旧地址的跳转说明。
02
内容中心
方案评审前一天,需要把可访问性相关的方法和排查记录一次性翻出来。
1,860 篇设计方法与排查笔记按 12 个主题簇组织,检索支持主题簇、版本号与设备类型三种入口。看到有用的条目直接点收藏,数据保存在账号维度,换设备登录后自动重新同步,不用手工导出再导入。
- 主题簇覆盖交互、视觉、前端实现、内容运营、体验度量等方向,每篇只归一个簇。
- 收藏没跟上时,重新登录就能把最新状态拉回来。
- 每月更新两到三篇,版本公告与排查记录跟着版本期一起发。
03
品牌站组件库
品牌站要赶在活动前上线,设计稿还在改,前端已经开始搭页面骨架。
96 个组件覆盖导航、表单、卡片、表格、状态提示与页脚等常见区块,配 18 套页面模板和 4 套色彩主题。设计负责人和前端工程师拿同一份素材,改文案和配色就能出一版能点的原型,不用为每个按钮重新对一遍间距。
- 页面模板覆盖首页、产品详情、栏目列表、帮助文档、活动页与法律说明等类型。
- 四套色彩主题各自带深浅两档,切换时组件内的文字对比度同步调整。
- 组件与模板随主版本一起更新,改动记录写在内容笔记里。
04
体验诊断工具包
上线评审前想先自查一轮,又不想把整个团队拉进来逐页点。
跑完一轮给出 27 项检查结果,分可访问性、加载性能与导航路径三类,每项写明命中位置和当前表现,最后导出带编号的检查清单,逐条分给对应岗位就能动手改。
- 可访问性看对比度、焦点顺序、可点击区域与替代文本。
- 加载性能看首屏资源、图片体积与阻塞脚本所在的位置。
- 导航路径看一级栏目深度、返回入口与移动端是否丢层级。
27 项检查 · 实心为已通过 · 描边为待处理
05
跨端状态面板
同一份收藏,手机上刚加完,回到工位打开电脑却还是旧列表。
面板把登录过的设备、最近一次登录时间和收藏同步结果列在一起,哪台设备停在待同步一眼就能看到。遇到待同步,先在一台设备上重新登录让账号状态刷新一遍,再回到面板确认结果。
- 每台设备标出最近登录时间与当前同步状态,长时间未登录的设备单独提示。
- 同步中、已同步、待同步三种状态各带文字说明,不用猜图标含义。
- 多设备同时改动同一份收藏时,面板保留后写入的结果并标出冲突条目。
06
五项应用对照
| 应用 | 适用场景 | 输出结果 | 获取方式 |
|---|---|---|---|
| 导航入口 3.2 | 团队入口版本不一致,旧链接还要继续可用 | 六类一级栏目,旧地址自动跳转 | 访问新地址后收藏即可 |
| 内容中心 | 评审前要翻出一批方法和排查记录 | 12 个主题簇下的 1,860 篇笔记,收藏跨端同步 | 在账号内按主题簇收藏 |
| 品牌站组件库 | 品牌站或活动页要在短时间内出可点原型 | 96 个组件、18 套模板、4 套色彩主题 | 在账号内选好项目后导入 |
| 体验诊断工具包 | 上线前自查可访问性、加载性能与导航路径 | 27 项检查清单,带编号与命中位置 | 在账号内对目标页面跑一轮 |
| 跨端状态面板 | 多台设备同时在用,收藏状态对不上 | 设备列表与每台的同步状态、冲突条目 | 在账号内的面板中查看 |
07
三步开始用
用一个邮箱建立账号就行。入口地址、收藏数据和组件库权限都落在账号上,换设备不用重新配置一遍,桌面端和移动端看到的是同一份内容。团队一起用时,把常用主题簇先收藏好,后面交接也省事。
导航入口把新地址收藏起来就能用;内容中心可以按主题簇收藏一批笔记;组件库和体验诊断工具包在账号里选好项目再导入。第一次上手,建议从主题簇或页面模板里挑一个和你当前任务最接近的。
改完收藏或者跑完诊断之后,回到跨端状态面板确认每台设备的状态。全部标为已同步就可以收工;出现待同步,按提示在一台设备上重新登录一次,再回来查看结果。
桌面端与 320px 以上的手机、平板都能用,浏览器请在 Chrome、Edge、Safari 或 Firefox 最近的两个大版本里选一个。旧入口地址自带跳转,升级浏览器后不必重新收藏。
用起来卡住了,从这几处接着走
入口打不开、收藏对不上,先按步骤走一遍;确认不是操作问题,再把设备型号、版本号和截图一起发过来,平时工作日 9:00 到 18:00 都有人看。