DUOLABS
作品集

加密货币交易所应用重建

我们参与了把一款包裹网页界面的加密货币交易所应用重建为原生界面的转换工作。交易所应用是用户查看实时行情、买卖数字资产、查看持有资产和订单状态的地方。在沿用原有网页界面的交易流程与信息结构的同时,关键是让行情、资产、订单这类不断变化的数据不在界面上显示错误。交易所界面上的行情或资产一旦显示错误,用户就会依据错误的数字下单。在五人分工的团队中,我们参与了界面状态管理、页面跳转结构以及行情、交易、资产页面的实现。

Launch
2019
Client
韩国加密货币交易所
Type
投资·资产

01 / 04

读懂网页界面的交易流程,迁移到应用界面的转换

原有的加密货币交易所应用是在应用内显示网页界面的结构。我们分析了这些网页界面的交易流程与信息结构,把同样的流程迁移到由应用自己绘制的界面上。在保留用户熟悉的操作顺序的同时,从应用界面一侧改善性能与使用体验。

读懂网页界面的交易流程,迁移到应用界面的转换
02 / 04

行情、资产与订单同时变化也不错位的界面状态

在交易所应用里,行情、资产、订单和页面切换等事件会同时发生。我们把用户输入、服务器响应与界面刷新串成一条数据流,让复杂界面的状态易于追踪。同时检查了界面刷新流程,确保行情变化和用户资产这类敏感数字不会以错误的值停留在界面上。

行情、资产与订单同时变化也不错位的界面状态
03 / 04

在一处统一负责多入口页面跳转的结构

交易所应用进入登录、资产、订单和详情页面的路径有许多条。我们把决定页面从哪里跳到哪里的职责从各个页面中拆出来,单独管理页面跳转。页面不再各自携带跳转代码,新增页面时需要改动的现有页面也就更少。

在一处统一负责多入口页面跳转的结构
04 / 04

用代码搭建、可复用的部件,承载密集的行情与交易页面

交易所应用的行情列表、交易页面和资产页面,每一屏都塞满了数字。我们不用可视化布局工具,而是用代码编排界面,让多个页面复用同样的部件,布局结构一目了然。团队由三名内部成员和两名外部成员组成,在旧有实现方式与新结构并存的情况下,我们边做边统一界面实现方式与代码风格。

用代码搭建、可复用的部件,承载密集的行情与交易页面

项目亮点

01

把基于网页界面的交易所应用转为原生界面

02

梳理行情、资产与订单同时变化的页面的实时刷新流程

03

独立出通往登录、资产、订单与详情页面的跳转结构

洞察

查看全部博客