• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >心得技巧 > 实战经验!从0到1的腾讯微众银行APP项目小结

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

作者: 字体:[增加 减小] 来源:互联网 时间:2018-08-23

本文主要包含经验分享,腾讯,设计项目等相关知识,希望在学习及工作中可以帮助到您

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不用做大的调整,也

您可能想查找下面的文章:

  • 该有的视觉元素全都有,设计不好到底差在哪里?
  • 为什么几个人的小团队更加高效更加靠谱?
  • 对于「以人为中心」的设计,你的理解可能太浅显了
  • 为什么大家都想学服务设计?来看CEO 的亲身经历!
  • 想为iPhone X设计UI?给你这11个设计小贴士
  • 疯传谷歌走All-White风?假的!其实只是合作伙伴的重设计
  • 在做产品设计的时候,预期和现实到底有多大的差别?
  • 设计出了错?很有可能是你没有问对问题
  • 为什么不要再问用户「你们到底想要什么」?
  • 想紧跟流行风尚?这5种平面设计趋势了解一下

相关文章

  • 2018-08-23如何做好提示设计?我从3个角度完成了这篇超全面的总结!
  • 2018-08-23线上吐槽大会!10个丑惯了的互联网设计元素
  • 2017-08-06分享13款优秀的网页线框图设计和制作工具
  • 2018-08-23设计师应该知道的 iOS 设备常见差异化设计
  • 2017-08-06使用字符代替图片实现圆角或尖角效果研究
  • 2017-09-05echart主题工具的使用
  • 2018-08-23Airbnb设计经理:一个好的交互设计师应该具备什么素质?
  • 2018-08-23产品设计中有哪些实用的行为经济学知识?
  • 2017-08-06让你了解HTML及资源是如何加载的
  • 2017-09-11nodejs extend包

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • 想做APP 改版练习,这儿有高手的15个经验总结
    • 交互基础小课堂!移动端的导航设计模式
    • 取消了Home键的 iPhone X,交互方式都有哪些变化?
    • AI教程!教你绘制深夜加班的场景插画
    • 超实用!体验设计师如何自建知识体系?
    • 960 Grid System 基本原理及使用方法
    • 让移动端用户体验出类拔萃的5种技巧
    • 16个优点告诉你,为什么表单设计应该用这个方法?
    • 遇到特殊的设计问题时,有一条原则帮了我
    • 实例教学!10步打造更好的新手入门体验

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有