Hello,雪球12.0~ | 如何打造一个新雪球

相信大家都已经下载更新了雪球12.0的新版本,为了能让大家对这个新版本有更多的了解并且可以体验得更好,那接下来我们就来聊聊,在这个全新版本里我们在产品体验和视觉设计上做的一些重塑和改变。

 

 

Hello,雪球12.0~ | 如何打造一个新雪球

今年是雪球成立的八周年,雪球发展至今一直以来都力求给投资者带来最快的行情、最全面的资讯、专业的研报以及便捷的交易,而其实在这些行情、资讯、研报、交易的背后是雪球上聚集了一大群鲜活的用户,正是他们和雪球上有故事的股票以及多元化、多维度的话题,才真正构成了雪球的核心价值。

 

于是在过去两个多月的时间里,我们的团队基于雪球的这些核心价值,为了让这么多的投资者能够了解股市背后更多的可能,我们重新设计了雪球App 12.0全新版本。

 

Hello,雪球12.0~ | 如何打造一个新雪球

全新的雪球12.0和以前的老版本相比变得简单了很多,整个App通过大板块:雪球、行情、交易、我的,让用户一目了然的同时,又提供了三个核心功能。

Hello,雪球12.0~ | 如何打造一个新雪球

新版本四大版块

 

 

01. 新社区:阅读沉浸谈论尽兴

 

第一个核心功能是最左下角的版块“雪球”,这个地方聚集了社区服务。雪球版块里面提供了三个简单的标签分别是关注、推荐、热门。在关注标签里,只会出现你关注的球友他们发表的观点,而在推荐页面,我们通过算法,来帮你拓展发现你可能感兴趣的用户和他们的观点。

Hello,雪球12.0~ | 如何打造一个新雪球

雪球社区:关注、推荐、热门

 

最后,我们这次全新上线了热门页面,用户可以在这里了解当天全世界资本市场正在发生的热门事件,不管是7×24小时还是雪球热股榜,都可以让用户快速有效地发现当下投资机会。

Hello,雪球12.0~ | 如何打造一个新雪球

 

热门页面的全新设计

 

02. 新行情:满足专业需要

 

在12.0的改版中,行情中心在市场品类及子分类结构上,做了更细致的划分,方便用户按类别寻找需要的数据及功能,功能和业务入口也根据用户使用数据进行了整合和调整。

Hello,雪球12.0~ | 如何打造一个新雪球

新旧版本行情页面对比

 

 

此外,除了提供A股、港股、美股全市场的行情及窝轮牛熊证等衍生品数据以外,本次改版行情中心新增了:

 

  • 沪深港通相关数据

     

  • 全球资本市场7*24不间断行情数据 
Hello,雪球12.0~ | 如何打造一个新雪球Hello,雪球12.0~ | 如何打造一个新雪球 

一目了然全球资金流向

 

通过沪深港通数据,用户对南北资金流向一目了然,清晰感受市场情绪,了解北向和南下资金的配置偏好,同时通过全球7*24行情数据,用户可以感受到全球最重要的交易市场的实时波动,了解人民币汇率的实时起伏。

 

 

03. 新交易:满载强劲功能

 

在全新的雪球12.0里面,用户可以在雪球里面完成A股、港美股及基金的开户和交易。雪球交易为用户提供了便捷的跨市场和跨品种的交易体验。

Hello,雪球12.0~ | 如何打造一个新雪球

数据表明,90后或更年轻的人开户数占比越来越高,基于雪球未来的产品方向,年轻、轻量、有活力的设计会更符合当前的设计趋势和雪球的产品调性。围绕着让雪球充满活力的设计目的,我们在视觉设计层面着重从以下几个方向做了调整:

 

 

01. 新色彩:如此的干净明亮

 

色彩带来的视觉感受最为直接和强烈。我们的色彩调整策略是将部分主要色彩的饱和度和亮度调整得更高, 让色彩传递的氛围感受更年轻、活泼
通过对色彩的调整,界面变得干净通透,以让用户更有效地获取信息:

 

Hello,雪球12.0~ | 如何打造一个新雪球

新版本整体明亮的配色

 

02. 新体验:舒适的浏览感受

 

12.0新版本的产品结构相比之前旧版本变得清晰、一目了然。视觉层面亦是如此,我们通过加大字号和内容间距、删减掉不必要的信息、调大卡片圆角等方式优化页面排版,让用户无论在看帖子还是行情,都能有更好的浏览体验。

 

Hello,雪球12.0~ | 如何打造一个新雪球

 

新旧版本推荐信息流对比

 

可以看到12.0界面中的很多元素,如首页Banner、热门页7*24小时卡片、话题卡片、热股卡片……甚至帖子图片都变得更“圆润”了。圆角越大页面内容显得更为活泼且具亲和力,希望传递出雪球的包容性。

Hello,雪球12.0~ | 如何打造一个新雪球Hello,雪球12.0~ | 如何打造一个新雪球

新旧版本圆角设计对比

 

 

03. 新插画:贴切的人物形象

 
我们通过对雪球用户的定义,描绘出 五种典型用户形象:
 
Hello,雪球12.0~ | 如何打造一个新雪球
雪球人物插画形象
 

Hello,雪球12.0~ | 如何打造一个新雪球Hello,雪球12.0~ | 如何打造一个新雪球Hello,雪球12.0~ | 如何打造一个新雪球

 

新版本人物插画应用

 

04. 新动效:流畅的交互体验

 

微动效能改善产品的使用体验,让用户在App内的操作变得更流畅,有趣的动效也是产品情感化的表达。在过往老版本里,存在页面切换生硬、反馈不够友好等问题,12.0新版本的设计中,我们侧重优化了交互动效,让用户的切换变得更加自然,以有效引导用户操作,同时又增添了乐趣。

 

Hello,雪球12.0~ | 如何打造一个新雪球

新版本交互动效和icon动效

 

 

Hello,雪球12.0~ | 如何打造一个新雪球

12.0版本上线后,我们一直在跟进用户的使用反馈,能听到很多鼓励的声音,比如有的用户说首页的“热门”终于回来了,不知道看什么的时候刷刷热门里的股票和讨论;也有用户说现在切换皮肤方便多了!
 
当然App改版是一件挑战用户习惯的事情,尤其是12.0从产品架构和视觉层面都产生了很大的变化,我们也会收到雪球忠实用户最真实的使用反馈和吐槽,这些用户的心声我们一直在倾听,同时我们也会根据数据反馈持续优化和调整,为大家提供更好的体验。
Hello,雪球12.0~ | 如何打造一个新雪球  

 

我们还准备了小彩蛋,你发现了吗?

 

“我的”页面进行下拉刷新,每次都能刷出来不一样的球友语录,我们集结了古今中外投资大师以及雪球球友的投资箴言,今天你刷到了谁的语录呢?

Hello,雪球12.0~ | 如何打造一个新雪球

 

我的页面下拉「今日语录」

 

雪球12.0的全新版本除了以上提到的更新之外,还有更多动效和图标上的变化,具体还有哪些变化?敬请期待XDC下一篇文章:Hello,雪球12.0~ | 新版本接我一标。

 

 

 

做人要厚道,转载请注明文章来源: https://www.boxui.com/ued/design-idea/31871.html