海外出行获国际设计大奖

“今年第一季度，我们已经拿了3个奖项了。”由上汽海外出行设计的车机系统iSmart 2.0陆续荣获了柏林国际设计中心颁发的UX设计奖、美国国际设计大奖IDA银奖、意大利A'Design Award设计大奖，以及红点设计奖等多个奖项。

中国汽车品牌在智能网联领域可谓“急先锋”，也正因没有可借鉴的模板，这些奖项的认可对海外出行而言，更显得珍贵：一方面，奖项体现了海外专家评审对产品的认可；另一方面，设计团队也能通过其他获奖竞品了解最新的行业趋势。

随着上汽海外业务的不断深化，国际版图已扩大到80多个国家和地区。“不同地区的用户需求差异很大。”上汽海外出行人机交互设计负责人鲍艺丹说，仅在色彩方面，印度和欧洲用户的喜好就呈现出两个极端，“和欧洲人只喜欢简约的黑、白、灰截然相反，印度用户偏爱五彩斑斓的颜色。为了满足印度用户的需求，光是红色，我们就做了六七种色调。”

根据传统的开发流程，单给印度iSmart系统比彩虹色彩还丰富的设计图“切图”就需要一个多月时间。所谓切图，就是把一张设计图按需求切成一张张小图，供程序员进行下一步的开发。

越来越多的新市场、不断变化的用户需求给开发工作带来了巨大的工作量，效率的提升迫在眉睫。

海外出行团队决定打造一个设计组件库，把设计规范转化成开发规范，把设计元素代码化。组件库的诞生极大地提升了效率，使得产品能够迅速适应并满足不同国家和地区消费者群体的多样化需求。

还原设计师创意 减轻程序员负担

对设计师而言，他们对车机界面的设计追求美观，力求通过设计语言来展现年轻、科技，或是动感的风格。程序员开发车机时，则追求功能实用、不出错。因此，在设计落实到应用过程中，总会出于各种原因让最初的设计图“打折扣”，弧线的弯曲度不对、光效没做出来、渐变“货不对板”……“设计师看最后程序员展示的成品时，总觉得哪里不太对。”

设计组件库完美地解决了设计师与程序员之间的“语言不通”。通过拆分逻辑层与表现层，让表现层完全掌握在设计师手中，通过模块化的组件就能快速地搭建起界面的设计效果，程序员只需要负责做好功能的逻辑，以此让最初的设计理念能以最快的速度，得到最大限度的发挥。

“有了组件库，印度那套五彩斑斓的界面，我们提前两个月就交付了。”鲍艺丹说，通过组件库，只需通过代码就能直接更换颜色，无需像以前一样，让程序员对无数张小小的切图进行开发，连后续开发验证的工作也少了。

百分百还原设计构想只是组件库的优点之一，组件库还能提升用户体验。“以前，车主想要更换车机界面设计，需要更新整个娱乐主机系统，起码需要八九百兆流量。有了组件库，新的界面就是一套皮肤，只需几兆或者十几兆流量就能完成下载。”鲍艺丹介绍。

从“倒逼”市场部到“日更”

“今年的目标是做到‘日更’。”徐杰说，组件库不断迭代后，每当海外市场部提出新的需求，设计师上午就能完成设计工作，程序员下午进一步验证，晚上就把新版本推送给用户了；另外，如果出现了什么瑕疵或缺陷，也能在最短的时间内，用最少的流量完成更新，提升用户体验。

在有组件库之前，海外出行因人机交互界面的开发量太大、周期太长，总是催促市场部提前确定最终方案。有了组件库的赋能，“日更”成为可能。鲍艺丹和同事甚至开始下“先手棋”，他们提前设计了多套风格迥异的方案供市场部挑选。“不等市场部门提需求，也就开始构思、开发，就容易领先竞争对手一步。”

加入了更生动的3D效果的iSmart 3.0人机交互界面也在开发中。今年恰逢MG品牌诞生100周年，上汽印度公司想配合100周年的节点做一套相关的主题。海外出行就用上了最新的3D技术。鲍艺丹说，无论是界面上的一个小按钮，还是车机上对车辆或是其他大场景的呈现，都能给用户焕然一新的视觉效果。“相信泰国和印度等这些市场的用户会很喜欢新界面的。”