V2页面设计参考意见

界面功能

该界面的变动在于将原有以文字形式展示的DCA与去中心化DCA介绍,通过点击按钮的连接形式展示;并且授权金额(Set a total budget/Authorized Amount)、开始时间(Set the starting time/Start Time)、xxxCurrency DCA Plan被一同放到了【创建计划对话框】中。同时展示【已创建计划状态窗口】。

https://prod-files-secure.s3.us-west-2.amazonaws.com/b1dd17ad-aa83-4faf-9395-5329c519d830/ef8b5602-c258-4985-ae28-61ee891f22af/image1.png

整体结构

由于该界面的主题只有【创建计划对话框】和【已创建计划状态窗口】,因此建议采取二者的比例为5:3或者前者宽度为后者的1.62倍,长度相同。

由于DCA与去中心化DCA介绍的占用空间减少,因此可以将这两个按钮放在“弱休息区”(C),也就是左下角区域。将相对不是核心功能的内容,放在用户阅读习惯最弱的部位。

同时两个按钮可以被【创建计划对话框】半包围起来,不仅可以让两个功能部分可以相互区隔,还可以让【创建计划对话框】占据更多页面空间,让主体地位更加突出。

【已创建计划状态窗口】的长度可以和【创建计划对话框】保持一致,这样整个界面会更加整齐,更加有一致性。

https://prod-files-secure.s3.us-west-2.amazonaws.com/b1dd17ad-aa83-4faf-9395-5329c519d830/292a26a2-02d1-46c1-b646-47dccd2d6d53/image2.png

标识

DCA和Decentralized DCA介绍

这两个链接的按钮可以被【创建计划对话框】半包围,同时按钮的文字和填充颜色可以相对淡一些,更加顺应用户的阅读习惯。

【创建计划对话框】

四个部分(代币、授权、周期、计划概要)可以平分这个框架。

同时,Set a total budget(授权金额)建议修改为Authorized Amount,Set the starting Time(设置开始时间)建议修改为Start Time。

https://prod-files-secure.s3.us-west-2.amazonaws.com/b1dd17ad-aa83-4faf-9395-5329c519d830/1f882914-f872-4055-8394-d82254499f83/image3.png

【已创建计划状态窗口】

这个窗口的内容建议不要过于密集,不将用户的注意力过多的从【创建计划对话框】分割过来。减少框框和按钮的数量,通过计划状态通过文字直观显示,可以减少对注意力的获取。

显示类目的文字可以加粗和加大。