品牌历程 · 2013 至今

六个人起步,四十八个人做同一件事

2013 年,UED中心 在武汉一间租来的办公室里接下第一批体验设计的活。十多年过去,这支团队交付了 480 余个项目,服务 130 余家客户,也把品牌站导航入口从 1.0 一路做到 3.2 版。

武汉 · 成立 2013 · 48 人 · 26 个省份

01

2013 年,六个人和一台投影仪

六个人挤在武汉一间租来的办公室里,最贵的设备是一台投影仪。白天把线框稿投到墙上,客户坐在对面一条一条提意见;晚上再把改完的稿子重画一遍。

那几年的活大多是电商详情页改版和活动页。一个人接设计、一个人盯前端、剩下四个人轮着做视觉,忙起来连轴转,谁有空谁上。

转折来自一家做工业配件的客户。他们的产品站每改一次版,入口和栏目就得重新梳理一遍,前后拖了两个多月。我们换了个顺序:先把入口结构定死,再往上做视觉。这单之后,品牌站的入口梳理成了我们最早的一条长期业务线,那家客户也一直合作到今天。

早期设计工作台的实拍局部,屏幕上是线框稿,桌面上有手写便利贴与笔记
起步那几年,线框稿还是打印出来摊在桌上改的。

02

从接项目,到做自己的品牌站工具

项目做了几年,我们发现客户反复卡在同一件事上:品牌站改版之后,入口地址、栏目结构和内容存档散在不同人手里,换一次负责人就乱一次。

与其每次重新讲一遍,我们干脆把这套东西做成自己的工具。最早出来的是导航入口和内容中心,本来是内部在用;客户看见了问能不能直接拿去用,我们才把它开放出来。

再往后是品牌站组件库、体验诊断工具包和跨端状态面板。到今天,应用中心里能直接上手的工具有五件,覆盖从搭页面、查收藏到排查导航路径的常见场景。

外包和自有产品就这样并行着走下来。我们踩过的坑大多变成了工具里的默认选项,客户接手时不用再踩第二遍。

组件库现在有 96 个组件、18 套页面模板和 4 套色彩主题;体验诊断工具包一次输出 27 项检查结果,覆盖可访问性、加载性能与导航路径三类指标。

03

一条版本线:1.0 到 3.2

横向版本轴,五个节点分别标注 1.0、2.0、2.6、3.0 与 3.2,每个节点下方一行说明解决了什么问题
从 1.0 到 3.2,五个节点各自对应一类真实问题。
  1. 1.0

    把入口收敛到一处

    客户品牌站的首页、后台和帮助页各有各的地址,运营每次改版都要重新发一遍链接。1.0 把所有入口收进同一个地址。

    首版 · 单一入口

  2. 2.0

    让收藏跟着账号走

    用户在电脑上收藏的页面,换到手机上就找不到。2.0 把收藏存到账号维度,换设备登录后自动同步回来。

    跨端同步 · 账号维度

  3. 2.6

    内容按主题簇重排

    笔记越积越多,按时间往下翻已经找不到东西。2.6 把内容重组成 12 个主题簇,支持按主题、版本号和设备类型检索。

    12 个主题簇

  4. 3.0

    反馈和公告并到一处

    入口出问题时,用户不知道该去哪儿反馈。3.0 把版本公告和反馈通道放在同一处,匿名也能提交。

    反馈并入公告

  5. 3.2

    更新地址与恢复路径

    旧入口地址需要自动跳转,小屏设备上还要保住完整的一级栏目。3.2 处理了这两件事,也补上了跨端登录后的恢复逻辑。

    入口 3.2 已生效

04

今天的 48 个人怎么分工

开放式办公区一角,白板上贴着流程图与便签,两台笔记本并排显示同一份设计稿
白板上的流程图,是每个项目进入设计稿之前必经的一道工序。
  • 体验研究

    9 人

    用户访谈、可用性测试、现场观察。项目开工前先跑一轮,帮客户把真实使用场景摸清楚。

  • 交互设计

    14 人

    流程梳理、原型、界面结构与交互稿。人数最多的一组,也是大多数项目的牵头方。

  • 品牌与视觉

    11 人

    品牌规范、视觉系统、页面视觉落地。负责让交互稿在真实页面上看起来是同一个品牌。

  • 前端与工具

    8 人

    组件实现、性能优化,以及自己的工具开发与维护。负责设计稿到浏览器这一段不出偏差。

  • 内容与运营

    6 人

    内容中心、版本公告、工作坊和客户沟通。项目交付后的长期维护大多由这一组接手。

一个项目通常由一名交互设计师牵头,配一名视觉和一名前端;研究组按项目需要介入。武汉设有设计与研发场地,日常以远程与驻场结合的方式推进,需要人到现场时,两边都排得出人。

05

客户与合作伙伴

130+ 服务过的客户
26 覆盖省份
480+ 交付的项目
40+ 长期合作机构

十多年下来,我们的项目落在 26 个省份,客户里制造业与泛互联网行业各占约三成,其余来自医疗健康、教育、零售和公共服务。

这两类客户关心的事不太一样。制造业客户更在意设备参数怎么讲清楚、售后报修路径怎么缩短;泛互联网客户盯的是版本节奏和多端一致性。前者逼着我们把内容层级做扎实,后者逼着我们把组件和跨端状态做规范——两条线正好互相补。

除了直接客户,我们还和 40 余家技术服务商、院校和研究机构保持长期合作,一部分项目由双方联合交付。招人时也常从这些合作方里找人,这让我们在旺季不至于把交付节奏拖慢。

06

资质、版权与同行交流

  • ISO 9001

    质量管理体系认证,从项目立项、评审到交付验收按同一套流程走,客户随时可以要进度节点。

  • ISO 27001

    信息安全管理体系认证,客户的账号资料、设计源文件与设备信息都按这套要求管理。

  • 7 项软著

    软件著作权覆盖导航入口、收藏同步与内容检索三个方向,都是我们自己写、自己维护的。

  • 6 场 / 年

    每年面向客户与同行的体验工作坊,累计参与 3,200 人次,讲的大多是我们自己踩过的现场问题。

3.x 系列平均每 6 周迭代一次,改动原因、现场排查记录和方法笔记都会同步发到内容笔记里。每次改动上线当天更新公告,旧的入口地址继续自动跳转。

想先看看能用的东西

应用中心里有五件可以直接上手的工具,内容笔记里记着每次改动的原因和现场排查过程。要谈长期合作,发一封邮件或者在反馈通道留言都行。