实战经验!从0到1的腾讯微众银行APP项目小结 - 优设网 - UISDC

实战经验!从0到1的腾讯微众银行APP项目小结

2017/04/01 8422评论区

zake:照搬他人的模式要比创造新的东西容易。做大家都知道如何去做的事,只会使世界发生从1到N的改变,增添许多类似的东西。但是每次我们创造新事物的时候,会使世界发生从0到1的改变。—— Peter Thiel,Blake Masters《从0到1:开启商业与未来的秘密》

微众银行作为国内第一家具有互联网基因的民营银行,正在创造新的金融模式,让我们的世界开始发生从0到1的转变。作为新的事物,它并不是简单的“互联网”与“银行”相加,而是用互联网的思维在金融领域进行创新。

过去的两年,我们做了很多尝试和探索。但创新绝不是一帆风顺的事情,所以过程中的设计方法更值得记录和分享。在项目初期,我们做了很多分析和准备,但由于时间关系,我们一直没能好好的梳理成文。现在微众业务趋于成熟稳定,促使我们重新回看刚开始那段珍贵的时光,把项目初期的的精华重新记录下来,希望对大型项目的初期搭建能有一些启发和指引。

一、微众连接你我的新平台

从一开始,微众银行就定位为“全新的互联网平台,一家持有银行牌照的互联网平台”。作为一个连接者,要做的就是将个人、企业、合作银行及其他的金融机构通过信息流连接起来。

01. 关于品牌

在APP产品设计研发初期,我们就发现年轻人更倾向操作简单,视觉简洁的互联网产品。同时有趣味性,有故事的内容会更容易吸引他们。基于这群目标用户的特性,我们制定了初步的品牌设计原则和品牌使用规则。

02. Icon的演化

作为WeBank微众银行的APP,在icon上则选择了Webank标识中最明显品牌认知度的企鹅侧面形象。企鹅形象的使用,再一次在品牌运营上强化WeBank微众银行的腾讯背景,同时增加了微众银行APP的趣味性和亲和度。

03. Slogan的提炼

在WeBank品牌运营规划阶段,我们提出了【We在你身边】这个概念。APP推广初期都主要围绕着如何为有金融理财意识的年轻人提供高质量的理财服务这条主线。【We在你身边】这一个理念的提出,是为了突显微众银行不同于传统银行那种冷冰冰,有距离感的感觉。在品牌推广方面,用户能先从情感上感受到微众银行贴心,亲和的态度。

04. 小We的诞生

对于金融这个复杂又抽象的概念,如何让年轻人一开始就能快速接受,是对品牌宣传一个最直接的挑战。在前期的调研中我们发现,有趣有故事的内容最容易让年轻人产生共鸣。而一个品牌有固定的形象会更容易被用户接受并记住。基于“有趣”、“故事”这俩个点,我们设计提炼了小We和无脸男这俩个形象,通过他们在场景中互动和故事来传达【We在你身边 】 这个品牌主张。

二、初遇挑战磨刀不误砍柴工

在项目初始阶段,我们意识到可能会遇到异常多的问题,任何一个新兴事物的发展都不会一帆风顺。而提前预警是帮助我们尽量少走弯路的有效办法。只有在前期做足了分析和准备,把问题提前梳理清楚,将方向摸准,才能高效敏捷地投入到产品设计中。

01. 解决之道-关于人

一方面,作为一个跨公司的新项目组,组内成员几乎没有合作过,默契度尚未形成。在另一方面,我们又需要在一个全新的领域——互联网金融,进行探索。这需要我们快速磨合,建立高效的合作模式;同时,还担负了探索公司级合作方式的使命。

微众银行战略部-互联网产品中心与腾讯CDC(用户研究与体验设计部)联手打造了跨公司级的合作团队——银行用户体验联合实验室。在本次项目中,CDC负责了整个APP的设计、用户研究、服务设计等等。整个团队通力协作,努力打造具有移动互联网时代下的创新体验。

整个APP团队选用了小而快的工作方式。核心设计成员不超过5人,让他们专注于一个项目,并且全部聚集在一个地方办公(俗称小黑屋),更好的应对遇到的各种需求情况。围绕这个团队,在不同的阶段还有不同角色的设计师参与进来。

02. 解决之道-关于需求

为了更好的把握用户的真实需求,我们在产品不同阶段都安排了用户调研,来挖掘用户深度需求。在项目初期,用研帮助我们找出目标人群、用户诉求和产品诉求,以便我们确立设计目标。根据用研结果,我们对当前使用金融类产品的用户进行分析,将目标人群初步锁定为:半桶水用户 新兴理财达人 ,他们更愿意接受多种理财方式,对新兴理财了解更多,也比较乐意分享和信任他人的理财建议。

接着,我们使用KANO模型去分析目标用户和产品策划的需求。我们将实现难度较低,但并不能完全让用户感觉到有用的定义为基本型需求。实现难度较高,但能让用户觉得特别有用的定义为兴奋型需求。这两类需都不是我们需要去处理的核心问题。通过这样的筛选,我们将期望型需求归纳如下:

03. 如何找到设计目标

将期望型需求进行精简提炼,我们找到当前产品的目标:提供全方位无缝、快捷、安全和高效的互联网金融服务。明确的产品目标能指引我们不偏离大方向。产品目标是对产品需要呈现的状态的描述,而设计的本质是提供有效的行为解决方案。所以使用过程的体验感,才是设计目标关注的核心点。从而,我们推导出衡量体验的5个关键词:效率、安全、操作、信任、认知

三、专于设计不止于一次设计

01. 搭建可持续的框架

通过梳理现阶段所有的功能点,搭建起大框架并确认每个模块的定位及范围。根据功能的不同属性,建立可以复用的模板,降低合作设计的沟通成本,提高输出效率。

02. 瞄准设计目标,有原则的设计

03. 快速迭代下寻找协作设计

基于成果的设计可以将我们从无尽的细节中解放出来,为现有的问题寻找解决方案。设计的过程中,可以和产品开发团队一起采用协作设计快速验证和迭代。在设计过程中,我们发现会受到很多监管和限制。对于基础类的业务,在设计过程中,我们发现有很多流程是固化的,不会轻易改变。所以从交互层面,我们整理了控件库,然后视觉的同学将控件库标准化,前端的同学再将标准的控件代码化。整套体系搭建起来之后,新的设计的方案就指导规范可以依据。

另一方面,我们在设计理财类的需求时,发现理财产品的结构是可以分成多个模块的,比如收益规则、资金流向、收益走势图等等。所以我们把模块控件化,很多同质化的理财产品就可以快速的调用控件搭建起产品页面,这样让产品经理可以看到更真实的设计稿,也可以解放更多的视觉人力资源,提高了团队的整体设计效率。

图片较大,想看的同学打开这个另存即可:cdc.tencent.com

四、设计之上完善设计体系

既然以微众银行本体作为APP的定位,如何将微众的品牌感融入到各部分设计中,也是我们需要考虑的重要环节。我们对品牌形象与APP风格定位进行了整合。产品设计侧我们在制定原则,那么运营线我们则是在制定规则,通过对运营设计风格规则的设计,既能够保持我们运营产品的风格一致,同时能够提高协同合作的效率。

根据现阶段的产品特性我们制定了相关调性的实施规则:

企鹅形象的使用与延展

根据最初制定的设计规则,我们在后续阶段的运营当中进行了延展和丰富。从小We的形态、 小We应用的场景等多角度进行丰富。目前在APP一系列的品牌运营宣传中,以小We作为产品的介绍者。让整个微众银行APP去除传统银行给人的冰冷感,使之更为亲和,有生命感。

以小We为创作基础,结合产品的功能特性,创作出更生动活泼的形态。通过不同的形态向用户传递产品的亮点与愿景。

有了场景,我们还希望可以更打动每一位用户。抱着“陪伴是最贴心的温暖”这样的信念,我们丰富了小We生活场景。

五、停下来想一想

总的来说,做好体验设计,我们觉得重要的就是做好以下6个方面。如果这6个方面能做踏实了,就会让你的UI不用做大的调整,也可为研发团队节省更多时间。我们没有时间去做一个艺术品,但是我们会坚持不懈的打磨优化产品的用户体验。

六、感谢一切有你

经历了两年的打磨,微众银行APP 已经不再是一款青涩的产品。我们的设计团队也从陌生到默契,感谢参与的每一位同学。那些朝着同一个方向努力,那些加班的苦日子,回头看来也都是快乐的。同时也感谢相关团队的小伙伴,是你们真诚的建议,使得我们的APP越来越好。

APP上线500多天了,这段时间里我们收到了许多用户体验后的反馈和建议。追求更加完美的用户体验将是我们不断前进的方向和动力。

「干货超足的5个改版实战经验总结」

  1. LOGO 改版:《揭秘LOGO设计流程!超详细的腾讯云LOGO 改版记录全过程》
  2. 官网改版:《QQ官网全新蜕变!IM QQ 改版(第一期)设计总结》
  3. Pinterest 改版:《改版实战!聊聊PINTEREST官网再设计过程的经验思考》
  4. QQ 新版表情:《腾讯ISUX丨揭秘QQ 新版表情背后的设计故事》
  5. 提升数据:《腾讯ISUX丨通过优化,我们将QQ会员付费用户数提高了5倍!》

原文地址:腾讯CDC

【优设网 原创文章 投稿邮箱:yuan@uisdc.com】

================关于优设网================
“优设网uisdc.com“是国内人气最高的网页设计师学习平台,专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书:史上最全的设计师图书导航:http://hao.uisdc.com/book/
设计微博:拥有粉丝量190万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com

优设大课堂

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:https://www.uisdc.com/tencent-webank-app-design

发表评论 加载中....

评论加载中....

uisdc

评论区都快饿瘪了,看看我期盼的小眼神...

设计师 扁平化设计 版式设计 交互设计师 界面设计 排版布局 优设大课堂 职场 优设专访 配色 视觉设计 web前端开发 素材下载 设计流程 AI教程 设计理论 神器下载 字体下载 设计师专访 psd下载 平面设计 用户体验设计 设计趋势 设计规范 海报设计 动效设计 图标设计 logo设计 产品设计 ICON 神器推荐 App设计 职场规划 字体设计 酷站推荐 交互设计 ui设计 设计师职场 优秀网页设计 ps技巧 酷站 用户体验 PS教程 网页设计 经验分享

您还没有登录

优设启用更安全省心的 微信扫码登录

微信扫码

300万设计师聚集地!优设网是极具人气的设计师平台
2012年成立至今,一直专注于设计师的学习成长交流

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里