主页 > 新体验 > 设计沙龙 > 交互设计
  • 腾讯都参考的证券app:轻金融下的体验式设计

    adinnet/2017-05-17 13:00/交互设计

    它叫RobinHood。

    2013年在美国诞生,2015年获得Apple Design Awards,2016年获得Google Play设计卓越奖,2016年来中国与百度的stockmaster合作,2016年11月离开中国,2017年完成C轮1.1亿美元融资,目前估值达13亿美元。

    它到底是一家怎样的互联网证券公司?玩过股票的人都知道,做每笔股票交易证券公司都是要收取佣金费的,双向收费不论买卖,在国内的佣金率大概在万2.5到千3之间,这都是你的交易成本!当然在美帝也不能免此套路,同样要收取这笔费用,而且大概每笔交易收费高达10美金。

    这种通道“规则”在这个时代,总会有人本着以股民的名义去打破,来自斯坦福的两个数学天才Vlad Tenev和Baiju Bhatt,就做出了一款零佣金的股票交易app-RobinHood,可以零佣金购买或出售美国上市公司股票和交易所交易基金(ETF)。

    一、商业模式:付费增值服务

    作为免佣的券商,RobinHood颠覆其他互联网券商的盈利模式,自断其通道收入,要知道这在我国和美帝都基本上还是各大券商盈利的命脉。那么这家月活在200w+的新型互联网券商到底是怎么赚钱的?它的商业模式是?

    1.从客户未投资的现金余额中获得累计利息。

    客户在账户的现金余额会产生利息收入,这块被RobinHood拿去,这与普通的余额模式恰恰相反,普通模式针对账户上的现金余额,往往都提供余额理财等现金宝产品,让客户获取到一定的收益,以提升留存。

    2.从客户的保证金账户上获得证券利息收入。

    美帝与国内的交易所有些区别,RobinHood从像BATS这样的交易所走交易,BATS这样的交易所是需要付钱给券商来买交易量的,所以变相的获取到证券利息收入。

    3.增值付费服务。

    RobinHood把客户的账户体系分为了多层,从更基础的cash account到margin account,账户服务内容是有差别的,除了公有的免佣服务还提供相应的增值付费产品,客户购买这些产品获得更高级的服务。比如RobinHood Gold产品,一款杠杆工具,类似于国内的融资融券服务,借钱借股票给客户炒,收客户利息。还有类似于信用交易的instant服务、培训等其他产品。

    值得注意:RobinHood提供的增值付费服务并不是所有客户都可以购买的,只针对部分客户开放权限。RobinHood在商业模式和产品定位上做的很好的一点就是账户分层、服务分层。国内券商一般也有对客户群分为低净值客户和高净值客户类别,针对高净值客户提供快速交易通道、专业分析工具等高级服务,但始终这些高级服务都是零碎的,不成章法的,没有集成在账户体系或者说创造很好的服务分层,使得客户的成就感和忠诚度并不高,老外在这方面的确做的很好。

    账户分层-服务分层

    RobinHood这种薄利多销的模式,对于屌丝的年轻一代和频繁进行小额交易的投机人类来说,“零佣金”足以吸引他们去体验,这也正是它独特的产品定位。

    二、产品定位:为年轻一代定义轻量级证券

    1. 纯互联网化:只有线上,支持移动平台包括iphone,android,Applewatch等

    2. 用户群:年轻人,平均年龄27岁

    3. 资产规模:资金量较少,对佣金比较敏感,这一点有点像余额宝的思路

    4. 投资经验:少,没有专业的投资知识,不会使用复杂的交易软件

    三、产品设计:极简交易、轻体验

    这款产品剔除了几乎所有其他券商附带的服务,比如券商报告、公司基本面分析等等,也没有客服以及分析工具等功能。这也是它与其他互联网券商app的更大区别--轻量级的体验设计。RobinHood的视觉设计极简、清新,采用了原质化设计(material design)风格,交互上使得股票交易操作直观和移动,耳目一新的易用性也使得其赢得了2015年的Apple Design Awards和2016的Google Play设计卓越奖。

    RobinHood是纯基于互联网基因的券商,只有移动端,没有桌面以及网页端。我们从整个体验流程来剖析它的产品设计,也知晓下未来纯互联网券商的设计思路。体验流程大致是:

    体验式流程

    1、注册即开户

    对于新用户,打开Robinhood后,呈现的就是一个具有5页滑屏的新用户体验。每一页都凸显Robinhood产品的特色,例如零佣金、安全性、便捷性等。与大部分App不同的是,Robinhood将注册登入功能融入了每一页的功能介绍中,同时使用新颖动画的方法来吸引用户的眼球,消除用户等待的焦虑感。

    点击“get started”之后就进入了查户口时间,Robinhood没有单独的开户app,在整个注册过程中就引导客户完成整个绑定存管银行、转账等流程,注册即开户。大致是这三大步:

    • 填写个人基本信息,设置密码,填写一些工作、婚姻等方面的信息;

    • 绑定存管银行帐户,填写银行卡要素信息;

    • 银行转账,可以设置一次性转型,也可以设置定期转账规则,非常的人性化。

    优点:注册即开户、流程简单、灵活自主的转账规则设置,优质的动画引导和交互。

    2、首页与自选

    Robinhood的首页采用大字号数字和鲜亮的走势图。整个界面使用了Master-Detail的布局分布,Master部分提供用户的总资产、收益等内容,Detail部分以图表的呈现模式勾勒该股在一时间段内的资产走势图,同时通过选择时间区间,走势图也相应的变化。而向下滑动页面,则弹出用户的自选股列表,这种滑动交互的融合体验非常有惊喜感。在自选股列表,可以对股票进行左滑操作,实现buy、sell、delete等操作。同时,首页上还提供搜索和用户中心的入口。

    滑动交互的惊喜感

    搜索功能按键位于主页右上角,通过点击“放大镜”搜索,输入相应的公司名字或是代码来查找相应的公司股价,如果要将其添加到“自选列表”中,请单击右侧的“+”标记。 以Groupon(GRPN)为例,当点击股票时,显示了Groupon的交易价格为每股2.71美元。 若要买入Groupon的股票,只需点击底部的Buy按钮即可,并且只有一个按钮,没有别的添加自选、股票预警等功能。向下滑动,可以看到当前股票的更近一些新闻,非常的简单干净。

    优点:数据、曲线直观表达、交互简单、master-detail布局方式,滑动交互。

    3、交易

    点击股票页面上的buy按钮后,进入到“股票购买”页面。输入要购买的股票数量,然后点击review按钮进行复核。点击review按钮后,将弹出订单提交的视图,通过向上滑动来submit本次交易。

    同时,Robinhood也提供了类似于国内的埋单交易,可以在市场开放前购买股票,而Robinhood将在市场开放时完成交易。购买后还提供了分享的功能,方便用户将该笔交易分享给亲朋好友,分享的越多你获得使用增值服务的概率就越大。

    大家可能发现了有时候订单页面背景为白色,有时候又为黑色,这是Robinhood非常棒的视觉体验设计,通过颜色来让用户感知市场的开放与关闭。当市场关闭时,Robinhood的背景颜色是黑色的;当市场开放时,背景转为白色。

    如果需要卖出股票,进入股票的主页,如果持有该股票,sell按钮将出现在buy按钮的旁边,而不是一直都显示在页面上。卖出界面类似于购买界面,可以选择要出售的股票数量;当出售股票后,也会收到推送的通知。

    优点:买卖步骤简单、及时通知、较好的认知提醒,埋单交易、黑白的视觉差异。

    4、账户中心

    如果需要查看资产及持仓等信息,可以访问帐户页面。账户里显示的内容跟国内的股票账户差不多,包括总资产(stocks+cash)、可用资产(buying power)、持仓资产(stocks)以及可取资金(cash)。但是由于Robinhood的商业模式,还增加了股息(dividends)以及reserved cash、uncleared depostis(未清算资金)等其他账户信息。

    Robinhood有一个缺点就是必须等待卖出的股票资金“结算”完之后才能再投资并购买股票。在unsettled funds(未结算基金)类别中显示了还有多少钱仍待清算,而这个过程也居然需要几天,比其我们的T+1……

    Robinhood的取现过程也很简单,跟国内的券商差不多,通过帐户页面点击转移到绑定的银行,轻松将资金转回到绑定的银行账户。但是,但是,取现到账需要T+3日到账……

    一方面是卖出股票需要较长时间的资金清算,另一方面是取现到账需要T+3日的等待,为了解决清算期和银行转账而带来的投资延时问题,Robinhood推出了相应的增值服务产品,继续往下看。

    5、用户中心

    Robinhood的用户中心仍然采用了抽屉式的设计,主要提供了相应的账户持仓、存管银行、历史记录以及相应的设置等功能入口,同时也设计了相应的消息通知。

    抽屉式-更多内容空间

    6、增值付费服务

    Robinhood提供Robinhood gold等增值服务,需要购买gold产品的客户,直接在accout中心对账户进行升级就行。Robinhood非常友好的把增值付费服务都做进了账户体系。升级了Robinhood gold的客户可以享受Robinhood提供的Instant服务,当客户银行转账完成后,就会给客户提供短期信贷服务,也就是即刻存款和即刻取现,对于“即刻存款”,Robinhood为保证金客户提供高达1千美元的可立即投资金额。“即刻取现”,就是客户不需要等待了,客户卖出股票所得的钱可以立即退回到账户,Robinhood将会收取一定的利息。这个产品本身有点类似于国内的信用交易业务。

    四、视觉表现:崇尚material design设计

    大家都知道做一款交易型的证券app,通道买卖还是一项较为复杂的任务。而Robinhood使用了动画引导来帮助客户定位app的核心功能,快速轻松的获得产品体验。Robinhood采用了material design风格达到轻体验设计目标,擅长使用滑动手势来实现快速导航,使用色块的区分来强化客户对股票及其个人持仓组合重大变化的认知。

    1、颜色传达关键变化

    Robinhood大胆使用色块和排版,特别是在个人持仓组合和股价显示上充分创建视觉层次结构,将重点放在客户的注意力上并减少信息混乱。

    例如,股价在一分钟内的波动,而股价对客户个人持仓组合的影响,对于建立客户对产品的信任至关重要。Robinhood非常好的使用颜色来帮助客户从视觉上观察股票价格趋势,加强认知,一目了然地了解到价格是涨还是跌。大致规则是:

    • 股价走高或个人投资组合表现良好,则视觉背景设置为绿色背景搭配浅绿色图表;

    • 股价走低,个股或者个人持仓组合的背景由绿色变为红色;

    • 闭市期间,购买页面的背景颜色为黑色;开市期间,购买页面的背景色又变回白色。

    2、卡片体现可发现性

    Robinhood使用卡片模式来对信息进行分组,主要是股价、更新消息和通知。卡片用于新闻更新,并标有绿色徽章以指示未读事件或消息的数量,客户可以通过简单的向左滑动来轻松取消卡片。

    卡片和动画的有机结合来强化人机交互的结果反馈,当客户点击股票时,卡片将以动画形式过渡,从其初始位置开始填充填充屏幕。股价由较大的数字和图片来表示,两者都会在票价发生变化时用动画的形式提示客户。

    还有一点,Robinhood擅用“Snackbar”这种轻量级的反馈机制来实现某些交互结果的展现,例如当客户从自选股列表中添加或删除了一支股票后,Snackbar常以一个小的弹出框的形式,出现在手机屏幕下方通知用户的操作结果。

    在material design风格设计里的颜色表达和卡片设计,国内腾讯证券、京东股票、平安证券都有所尝试。

    五、运营:玩饥饿营销套路

    饥饿营销这招儿,貌似全世界效果都出奇的好。Robinhood的营销推广方式主要也是玩起了饥饿营销,两招:

    1、排队制

    Robinhood要求内测使用的用户需要排队,一听说零佣金,这不跟中国大妈疯狂抢购打折产品一样的蜂拥而上。曾在美帝的排队队伍更长时曾有百万级别的神话;而在澳大利亚已经排了11个月的队,至今还木有公测,澳大利人真是有耐心……

    2、邀请制

    Robinhood的增值付费服务都是面向特定客户对象提供的。比如Instant服务也都是客户仅能通过邀请才能使用,具体被邀请的对象规则就是客户所能推荐使用该产品的人数来决定是否对其开放权限,通过点击你提供的个人推荐链接并创建账户的人数越多,你就能越快地获得使用权。这种服务内嵌的设计模式也十分的新颖,其实国内的level2服务大多都是被拿来做运营做激励,很可惜基本没有把这种服务设计到产品中去,当然这与监管体系和市场成熟度也有很大关系。

    六、总结与启示

    从Robinhood的商业模式来看,它的优点也十分明显,零佣金、开户便捷、支持埋单交易、及时提醒、极简的体验式设计等。但是,也有其对应的缺点,没有客服体系(仅支持email联系和twitter上的问答,及时性较差),不支持稍微复杂的交易方式等。目前,Robinhood只为SSN的客户提供服务,而且Robinhood的投资者客户基本年龄平均在27岁,可能对于投资者的风险认知设计方面稍有欠缺,当然它也提供培训服务。

    Robinhood定义了轻量级的体验式设计思维,崇尚极简,易用交互,强化交易认知等等。也至少给我们做产品有两点启示:

    1. 定义#轻#体验?其实,体验式的“轻“不完全等同于简洁、极简,而是把产品的每个feature做到该凸的凸,该凹的凹,复杂的功能消失在”轻“中,体验体现在“流程”中。

    2. 账户中的#服务#?传统金融也提出了“以客户为中心”的这些理念,但从落地效果上看,做得也远远不够,在账户-服务层上面还需做些进化。

    文章摘录链接 :http://www.adinnet.cn/bloginfo/2017_05/blog_1846.html

上一篇:如何从程序开发角度做产品的用户体验?下一篇:算法驱动的设计:人工智能如何改变设计?
400-021-8655
在线咨询
在线留言