阿里巴巴体验设计指南平台

Xpenz
2020-01-06 11:57

作为阿里巴巴集团的一部分,我们的使命是让我们的商家在任何地方轻松开展业务。 与此同时,我们通过为卖家提供有效的工具,让他们可以为全球用户提供所需产品,并帮助买家快速高效地找到产品和代理商来实现这一目标。

image.png


首先,为什么要做这个平台?


线上平台化

经过我们长时间的专业研究并结合B类业务场景,我们研究了一套从样式到组件系统化的符合B类业务的新设计语言,我们希望可以建立一个载体将这些宝贵结果沉淀下来分享给更多的设计师,从而对B类业务起到一定帮助作用。

设计师赋能

如何让设计师赋能是我们一致探索的主题。即让设计不再表面化,让设计更加合理性,让设计师化被动为主动在业务中拥有更多话语权,通过对专业研究和设计实验让设计更多的赋能并推进到业务中去发挥作用,让产品体验更加符合用户心智。

资料沉淀

将文字文档化,沉淀各项目和专业内容,整理和提炼方式方法帮助其他设计师学习成长。设计师的成长需要不断的从项目中提取养分,形成自驱力,锻炼业务理解能力然后从中发现机会点从而起到设计师的责任。


然后,我们怎么做的?


首先,对于这样一个线上平台,我们希望让设计师对网站形成一个完成的认知:我们的品牌是什么、新的设计语言如何指导设计、新的设计组件现在长什么样子,最后我们有哪些数据上的沉淀等。其次,通过对设计元件、交互全新的定义建立团队系统的设计体系对Alibaba.com做全面的体验升级,力求打造为买卖家提供高效便捷的符合B类业务场景的设计体系。利用线上平台化沉淀专业成果及数据并赋能给其他设计师或业务方达到资源共享化,了解到B类设计新理念从而形成品牌力影响更多行业业务场景中。所以在品牌升级上有三个主要策略:

1. 商业:国际化

从用户角度出发,满足国际化和线上交易的设定,提供面对不同国家、语言、文化的用户一致的产品体验。具体表现在文字排版组合、阅读习惯、文字预留空间等这些组件的通用性上。同时在一些特定文字,比如阿拉伯语的特殊性也会做国际本地化处理。

2. 用户:年轻化

通过网站数据统计:目前线上买家年龄在18-34岁之间的占比为49%,网站整体呈现年轻化趋势。所以在新的设计语言中,采用扁平化风格,让页面上尽量减少页面干扰元素。满足用户基础体验和情感化诉求的同时,也符合设计潮流,保持B类业务场景页面简洁让任务目标更加明确从而提效。

3. 团队:跨团门协作

因为阿里集团在海外也有UED部门,所以为了保证产品体验统一性,目前平台提供中英双语满足跨地域部门协作,同时也可以更好的透传设计理念

image.png


那么,平台上有什么?


1. 科学化:设计实验

自2014年开始,我们与浙江大学心理系的合作,通过一系列的科学实验,对一些特定的课题进行研究。重点解决web端和无线设计的认知问题,目前已完成:布局、信息、图片、版式、导航、高度、气氛、行业、detail、list等内容,且这些研究成果保障了设计的科学性,目前已大量的运用于AE、alibaba.com两个平台,主要是以下几个方面的应用:

1.1   提升设计的准确性和科学性

通过实验结果得出:产品信息至少应该有图片、产品名称、价格,才能吸引更多用户关注。

1.2.  助力业务结果导向

我们曾进行 alibaba.com的list改版、AE的detail和list改版、大促等一些运营活动页面的使用。

1.3.  助力集团设计国际化趋势

实验成果的成果曾在1688、天猫、UED大学、UCAN等平台做过分享。

1.4.  赋能商家

我们会定期给AE的商家做培训,且内容最终会整理成书籍出版。设计实验成果与浙大一起整理成相关将会在www国际会议上发表。目前平台提供体验数据库方便同学查看所需设计实验资料让设计科学化,高效化。


2. 工具化·设计样式

做为一个对外平台,平台的持续发展一定不能只停留于“看”的层面,所以要从感性层面转变为物理层面是一个必然结果。随着阿里内部业务演化到 “平台化、垂直市场、采购市场” ,我们需要一套统一中后台前端与设计师的UI模式,保持产品体验的一致性。如同一艘航母,能够提供业务线快速“作战”的可能性。我们从国际业务、商家、天猫等业务线抽取业务设计师组成虚拟团队,罗列成百上千个业务场景,设计打造可通用于众多业务的一套UI组件样式。所以在我们的平台中,我们分别提供了“好看”和“好用”两种方式:

2.1 好看·设计组件:

平台与组件库相关联,即设计组件与平台完全打通,配置组件可同步到平台页面中。设计师除了可查看设计组件并与之互动,还可了解设计文档,比如对组件的定义等。另外,我们还提供了PC和Mobile两套组件样式,做到尽可能覆盖到各端。

image.png

2.2 好用·工具下载:

我们开发了一款全能的设计辅助工具,可以和Sketch完美集合,只需将组件直接拖拽即可使用,并且整合了所有设计资源,并且拥有强大的组件编辑能力及嵌入式面板, 可谓如影随形。

image.png

3 文档化·资料库

一直以来团队内每位同学都会同时兼顾多个项目及设计专业,每个月只有在团队内部做Design Thinking分享,并没有进行良好的B类业务经验沉淀及推广,缺乏影响力和指导意义。因为我们的愿景是为买卖家提供高效好用的工作服务平台,所以需要内外设计师一起达成共识,一起改善B类业务场景大环境。

3.1 设计思维

目前平台搜集了近1年所有设计师的项目和专业分享文档并进行统一整理优化,其中项目21篇,专业4篇。由于项目内容涉及到一些资料未被脱敏,所以目前只对企业内部开放。日后会加快脚步陆续开放,敬请期待。

3.2 词汇库

平台提供B类行业的专业术语,方便设计师更快了解B类业务场景,比如货币缩写、全球贸易和海关中英词汇及缩写、资金外汇词汇和国际进出口贸易流程等。

image.png

最后,未来还有什么惊喜?


为设计师打造一个符合B类场景的社区平台

从网站本身出发,在未来如何突破瓶颈,有别于其他设计平台是我们一直思考的一个问题,最大程度的提升用户粘度和网站使用价值。目前平台已完成第一阶段,从文字输出到工具化转型。在未来,我们希望可以继续打造以设计师为中心,通过设计理念、设计工具、数据资料三位一体,将平台做大、做精、做深。

第二阶段,希望可以让平台由工具化转变为社区化,增强社交互动能力,让设计师可以在平台内进行互动交流、展示作品和学习成长的这样一个极具生命力的服务类社区共享平台。

最后,我想说做这样一个平台任重道远,但是值得。希望可以在未来帮助越来越多的设计师让我们为B类业务场景服务的越来越好。

作者:炎佐