高手如何做设计？来看腾讯乘车码的实战过程全复盘！赴后继投入其中的产品，秘诀是什么？

借着近期乘车码相关业务版迭代的成果产出，文复盘程中的设计工，将设计验的思考与经验重新梳理成系，建立指导的规范组件库与设计语言。

前言

通部数据显示，2017年年完成市客运量1272.15亿人。其中，共汽电车完成722.87亿人，BRT客运量21.96亿人次，轨道通完成客运183.05亿人。

「公交+铁」2017月使用频次77亿次，简单对比一下，共享单车月使用频率18亿次（20179月）；滴滴打车月使用频率6亿次（2016Q2）。

在国日常出行中，中国的公共交通覆盖率只占20％，而占了50％多。按照当前的趋势，公共交通潜力足够大，2020年预计年出行超过2285亿人次。

行数据结合场趋势看，一方面城公共行领域，是为数多尚未打通移支付的频场景，现金与物卡片依旧是行的流支付方式，场痛点与户需求日益强烈；另一方面是传统公交地铁等企随着互联兴行方式的涌现，面着转压。这些因素都为乘车码产入供了契机。

从我们自身专业度去考虑，素在其发挥着极其要作用，如何提升个体用户体验愉悦度，让用户数据与为成为业升级助力，是设计参与价值体现。

寻求定位

乘码版本迭代优化，具体落在了品功能迭代以及设计体验优化上，功能需求逐渐被梳理成案，设计则需要找到相匹配设计定位。

设计定位的内核不应该是充斥市面的极简、年轻、务、品质等形容词。只因在持续翻滚迭代的互联网产品中，对设计宣讲的形容词被反复提及，从标新立异到随波逐流，大概已模糊其独特代表与用户忆点。

我们理解中它应该一：从产品受众的体验场景中，不断聚焦用户诉求并提炼出的关键词，支撑整项目的产品设计系，以此指导续的风与样式的设计原则。

本文之所以称「用脚思考」，因出行业务真的痛点，不会发办公室这样的单一场景，真实的线下场景中，不同角色立场的诉求不同场景下都各不同。设师办公室绞尽脑汁也未必能得到预的结果，产业互联网的方向驱动我们提供了解决问题的思方向与试验机会。

计队得以迈开脚出公室，从G端政府机关部门、B端交通企业主的各类研讨会，再实际C端用户的使用景，计产品、用研以及研发同学一起深入各种线下景，希望通过对 to G/B/C不同角色立不同诉求的深化考量，能够在计体验上找突破点。

从消费互网产业互网的转变，互网已不再是一个行业，而是成为各行各业的器、加速器、助推器，产业升为企业以及用户提供了更多的线上线下体验融空间。

B端重视的商值与G端强调的社会值有太多值得深挖与思考的地方：乘车码工具属性背后的数据支撑，可为B端产转升级供管决策依据，同样可助G端政府科治堵，优城公共交通体系建设。

这其关键在于真实有效用户数据，这也是设计能真正触到场景，服务好用户，以良好体验设计让更多用户为数据生应有价值。

在研中现，下C端的主观诉求与客观境在某种程度上出现两极分化：一方面是明确且集中的用户需求，另一方面是在行走中注意力易分散的不稳定客观境。能否通设计参与来优化基础验，帮助用户快速获取正确信息，安执行有效操最终达成其目标，是我们需要设计思考的地方。

过反复梳理筛选与对比排除，我们确了其中设的核关键词：效率。

分析验证

从调研的用户画中看，出行场景下单人出行(87%)居多，女性(55%)略高于男性，龄多集中中青一「18-26(38%)、27-35(47%)、36-40(15%)」；这样的用户群体，行程中特别车厢的封闭环境内，太多的娱乐方式或移动产品可填充人的手机使用时间，因此我们摆了交通具属性的立场，协用户短时间内高效达目标。

从需求上，用户主要集中在找车坐车。坐车已经通过二维码解决零钱实体卡的不足，而找车就是在各种繁杂的息堆中，找可支撑行程决策的正确息。

从户心来看，虽然产侧想要供给户的功是越多越好，但随之而来的信息将越来越多。户对于界面的注意始终只有那么一点，因此设计体验更应该注否掌控户的注意，升信息获取与成目标流程的效率。

反到B/G端色，「效率」核心目标样有效。相比C端用户，B/G端是更加庞大复杂信息，过数据分析合，提升管理决策与资调度效率，样能为其带来价值。

解决思路

设计来于生活，线上体验与线下为有着许多相似地。在社会发展历程，针某些日常为存在体验问题，线下场景已提供了不解决思路。

对信息阅读效率有极高要求的场，一般是需要在时间下快速达成需求的场所，期间还伴随着焦虑的用户情绪，现中以车站和医院为明显例子。

纽约铁从1906通，三线由不同公司负责，因此线指标导视系统的设完全不一样，各类手写的字体、小不一的字母以及随意挂空中的指示牌，这常常乘客观光客们很多困扰，难以辨认这些视觉表的意思导致迷失方向。

设公司 Unimark 1966的纽约铁导视系统设改造中，通过替换小不一的手写字体，白色背景板选择 Standard Medium 字体，并统一使用规则，通过「白纸黑字」提升字体识别度。指示牌原本混乱无规则置顶的状况也得到了改善，他们将标识模块化处理后固条铁架，规整置的同时让标识不同场合的需求下可以所替换。

从纽约铁导视设计中看验设计完整，同样的思路沿用至今，世界各地的地、机场等通枢纽的导视系统设计也大建立在此基础上。

当下「极简设计」的概念被互联网应用得太宽泛，在市面上同质化严重的产品中反而失去设计指导意义，而且极简的设计和粗陋原始的设计，两者之间往往只有一之隔。

少点套多些真诚这时的精神追求。

在一些医疗机构中可以，内的导视系统基本都遵循简直观的计表达，不会有过多的视觉噪音来干扰用户的注力，但是依然可以在版式层次视觉细节上计的思考。通过清晰可见的目标指引，结实息的同步反馈，让用户行为更加直观也更有目的性。

原则雏形

调研分析后，我们确了设的关键内核：效率。同时从线下场景的解决思，结合我们的设目标，逐梳理出指导作的设语言雏形「Smart Metro」。我们希望它并非高深的理论知识点，应该易于理解并能落执行的设指导，协设师具体设作中，联业务形产品矩阵的设品牌感。

  1. 模块化

随着更多城断接入乘车码相务，通过功模拆后的组件库，于产研发快速响应同地区B端的定制需求。

从设计执度来看，模块化设计布局便于内容组织和管理，需要设计师有意识地去控制内容视觉关系，让页内容更具逻辑性；过洞察用户阅读与操作习惯，将符合用户预期信息内容模块化，帮助用户在脑立页框架模型，提升品使用阅读效率。

例子：将相似内容整合，通有规律的版式结构进行模块化分区。

  2. 信息聚焦

息聚焦是为了提升用户在产品使用中息获取的效率，通过简息量、降低阅读成本来达成这一目标。

信息量与解成本在数轴模中呈抛物线走势，因此在表达核心信息无歧义、阅读语序通顺的前，我们尽可精简案描述的信息量。

在具体设计，我们过不信息排序组合、适应用体量比版设计处理，增强信息模块与个体版节奏感，强化视觉信息在眼睛留立体感，以此提升大脑信息模型处理效率，降低用户阅读成本。

例子：相同的内容表达，通精简与强对比的排版整，提升阅读效率。

  3. 设计降噪

作为交通出行工，虽然用户也享受产品提供的附加价值，但使用非娱性产品的初衷是快速达目的，产品无论在静或动景中，提供观赏性和趣味性并非首要目标。

户要快速集中注意执行键性的任务，则设计中应有过多的视觉干扰。但同时考虑到兼顾产侧的营与视觉要求，在实际的设计工作中，我们认为「设计降噪」「极简设计」更易于落地执行。

例如，乘码首页刷新维码操作。过3表现形（图标+描述文+可文链），去支撑1个功能逻辑（击刷新），过简化样到设计降噪，而不影响实操作。

  4. 导向清晰

实中当某件事需一的时间周去完，其间常会因各种因素中断操作，除了一些客观原因，也因体验挫败感导致的主观绪扰。

用户从找车坐车，不同交通方式的流程长短不一，需要在关键环节不断化目标指引，而每个目标在页面中都应该是一个简的句来表达，帮助用户建立心完成体验流程。

例子：约巴士整体拼车流程较长，根据同状态，在页面中展示明显的信息指引。

后续可期

经过初步整理，Smart Metro 计语言在乘车码、腾讯出行、网约巴士、乘机码和城市大脑等不同业景得以落地应用，计伴随业共同成长，后面组内的同学也会陆续整理相关业的计工作总结，通过文字的形式记录下来，借着这种形式去复盘项目并沉淀知识，梳理在交通出行领域的计成果思考。

而聚焦到具体的产务与体验设计场景，我们希望伴随务成长的过程中，够断善与修正设计语言的核心。

欢迎关注「腾讯FITdesign」的微信公众号：