全部作品

Case 02 · Options & futures trading · Luxembourg · 2022 · NDA

optionsstream

期权与期货市场上的一套内部平台:交易沟通、收集委托单,以及复杂场景的处理。亚历山大·切尔诺夫在项目里做设计负责人。

客户
NDA
地区
Luxembourg
角色
Lead UX/UI Designer
年份
2022
平台
Web · Mobile companion
状态
NDA-safe case study
黑色展台上的笔记本电脑,屏幕里是深色的 OptionStream 终端:标的卡片,put 和 call 图表

公开版本里的 Trades Market Explorer 终端:数据和名称都改过。

Intra-corporate system of trade

communications, and collection of orders

公司内部的交易沟通与委托单收集系统

01

Goals & Principles

背景。 一支做期权和期货的专业团队,工具散在各处:沟通、委托、投资组合、分析各在各的地方。他们需要一个界面,把这些收进同一套能管起来的系统。

任务。 把复杂的工作场景合进一个产品界面:查找和分析标的、管理投资组合、加持仓、调参数、专业人员之间的讨论,以及关联操作的核对。

原则。 密度要高,但不能乱。表格、图表、侧边导航、表单、模态状态和聊天场景收进同一套系统,专业用户在操作之间不丢上下文。

  • UX 架构:交易员和顾问的场景,把“标的 → 持仓 → 讨论 → 操作”串起来。
  • 设计系统:组件、输入框和按钮的状态、字体,以及给高密度数据用的色板。
  • 移动端的伴随场景:人不在工位时,也能盯住关键操作。
  • 平台品牌:内部产品,识别做得克制。
公开版本里的数据、名称和部分界面细节都做了改动
OptionStream 深蓝色登录页:登录表单和斜向的光线
登录页:进内部系统的第一道门。
02

Design system

终端的搭建器:组件、输入框和按钮的状态、表格、对话框和色板。拼出高密度界面要用的东西,都摆在这儿。

OptionStream 设计系统的组件清单:表单输入框、按钮、色板、表格和模态窗口
平台的组件清单:输入框、按钮、颜色、表格和确认对话框。
03

Big UX & UI flow

系统里最密的几屏,放大来看。表格、图表和表单在同一个窗口里,终端还是管得住。

Trades Market Explorer 终端:CBOE 标的列表、期权卡片、put 和 call 图表
Trades Market Explorer:标的卡片里,数据、put/call 图表和投资组合的操作在同一个窗口。
OptionStream 专业聊天:讨论标的,里面嵌着交易卡片
专业聊天:讨论不用离开交易的上下文。
Success 模态窗口:持仓已添加,稍后会出现在投资组合里
操作状态:持仓进了投资组合,反馈说得清楚。

这里的密度是干活的工具:窗口之间切换得越少,出错的代价越低。

OptionStream 的高密度持仓表格,put 和 call 的数值用颜色编码
持仓表格:颜色编码带着视线在高密度数据里走。
Add trades 分步场景:提示带着用户走完添加交易的表单
Add trades:一步一步的提示,带人走完复杂表单。
OptionStream 的 UX 架构:A 到 D 的场景,以及 Client manager、Trader introducing、Compliance、Support 的界面簇
系统地图:A 到 D 的场景,以及按角色分的界面簇:client manager、trader introducing、compliance、support。每一屏都知道自己在机房里的什么位置。

+ mobile app

移动端伴随:人不在工位,也能盯住关键操作和投资组合。

OptionStream 移动应用:投资组合看板,列出 AAPL CBOE 的持仓
04

Branding

内部产品的品牌识别做得克制。性格全在一个符号上:options 和 stream 之间那道蓝色斜杠。

OptionStream 品牌识别的浅色封面:白色丝面上的灰色标志
浅色版本:像文件一样安静。
OptionStream 品牌识别的深色封面:藏青底上的细排线,白色标志配蓝色斜杠
深色版本:细排线,像终端的肌理。
05

Typography & Styles

对高密度数据友好的字体,配一套字号体系,还有一大批对应界面状态的配色方案。

OptionStream 的字体与颜色:Axiforma 和 Inter 的字体样张、标题字阶和色板
Axiforma 和 Inter 的字体样张,H100–H800 的字阶,色板从 Black 950 一直排到成功与错误的强调色。
06

Some platform capabilities

Creation of various portfolios

工作用的投资组合想开多少个都行:标的不同,比较和监控的方式不同,期货和期权的预测也不同。

Build coefficients models

搭系数模型:假设、期货图表,还有投资组合里的波动率预测。

Professional chats

直接在平台里,和期货、期权市场上的专业人士讨论。

Trades Market Explorer

各个市场的标的都在这儿:提假设、加进投资组合、拿策略做实验。

Complex parameters

每个标的都能套不同的模型和策略,参数自己配。

07

Outcome

平台影响最大的是部门内部的任务速度和质量。 客户那边多出了新的服务,新人上手也比过去容易。这些是客户的说法,我没法核。

公开版本我特意没放数字:数据和名称都改过。细节可以见面聊。

全部作品

手上也有一堆密数据要收拾? 说给我听,我们把它们收进一个系统。