Mac端主图叠加股票功能

概述

高端玩家在开市后使用桌面端时,需要对比当前股票与其他指数和股票的走势,以做出决策;闭市后,也需要通过对比走势以分析股票。目前对比走势在列表中点击股票来回点击切换,或选择多股同列。多股同列走势图较小,不易查看,能展示的指标有限,并且需要来回翻页查找。添加股票叠加功能,用户可以便捷的查看不同股票或指数间的走势对比,以便有效率地做出决策。

方案预览

Artboard-8

详情页操作区新增叠加股票入口,支持垮市场垮品种叠加

被叠加股票在主图显示,市场不同则根据时差自动与本地时间轴对齐

Web-Copy-2

为何需要这个功能?源起于一条高端玩家的牛牛圈反馈:

“咱们的桌面端能叠加其他的股票或者指数吗?”

是什么场景,引发了高阶用户对叠加功能的渴望?

用户有时候几个股票要对比来看,或者对比一些常用的指数,比如恒指。用户在对比时,需要看k线的走向与其他指标线。盘中盘后都需要这么对比走势,是一种分析方法。而对比也分不同情况:

Group-135
在两个场景下,如何使用桌面端?使用感如何?
Artboard-Copy-17-1

在行情中,可以选择多股同列,同时显示多支股票的走势图

缺点如下:

  • 每一支股票走势图较小,不易查看
  • 能展示的指标有限,能读取到的信息相较于详情页的主图少很多
  • 排序并不灵活,查看其他走势图有时需要翻页
Artboard-Copy-18-4

在报价tab中有自选与最近浏览的列表中查看

缺点如下:

  • 需要在自选tab下的分组间切换查看
  • 需要在每个分组的列表中切换查看
  • 排序只能按照名称、代码、涨跌幅或涨跌额,并不十分自由,想查看的股票之间有时相距远

于是得出设计目标:

让用户可以便捷的查看不同股票或指数间的走势对比,以便有效率地查看、分析与决策

输出方案详解

交互文档展示

Web-1

叠加范围不同的证券显示与删除逻辑:

Artboard-Copy-27-3