模块比对手多,
却没有对手显得专业

这不是审美偏好问题。我们对着同赛道的一款产品做了逐屏实测,
找到三个能量化的原因,并给出了可直接落地的改法。

2026-11-08 · 内部评审稿

一句话结论

问题出在「秩序」,不在「数量」

我们功能比对手全。但一屏塞进去的入口是对方的 3 倍,一屏同时出现 7 个互不相关的颜色, 而最能体现专业度的模拟盘还停留在两张空表格。用户读到的不是"功能强",是"乱"。

23 : 7
同样一屏,我们的可点入口 23 个,对手 7 个
6 / 8
首页九宫格八个入口,六个在别处已经有了
7 : 2
一屏上的颜色家族数,我们 7 个,对手 2 个

差距长什么样

我们现在的模拟盘
我们 · 模拟盘 —— 两张空表格,用户看完不知道自己水平如何
对手的收益报表
对手 · 收益报表 —— 净值曲线、胜率、回撤、个股归因
我们现在的首页
我们 · 首页 —— 九宫格 + 多条横滑,像导航站
对手的首页
对手 · 首页 —— 一屏只讲一件事,像产品

⚠️ 需要说明:差距里有一部分不是设计问题,是内容问题 —— 我们的页面大量处于空态,对方满屏真实数据。"满屏真实细节"本身就会被读成专业。 所以本次把灌入演示数据排在和视觉改动同等优先,只改样式不灌数据,改完仍是空表。

四步改法

重建配色底座:一个色族,四个业务域

底色、卡片、分隔线统一到同一个深空蓝族,任意两层叠在一起不会互相染脏 —— 这正是对手"配色融合"的来源。 强色则按业务域分配:丰富 ≠ 随机,单屏永远只有 1–2 个强色,整个产品走一遍色彩是丰富的。

竞猜 / 品牌#3B82F6
行情#22D3EE
模拟盘#A855F7
资金 / 钱包#F59E0B

补上科技元素:让界面看起来"在运转"

对手的科技感不在配色,在那些会动、会亮的东西上。我们补了十个:点阵背景、呼吸状态点、HUD 角标、 扫描线、临近封盘的流光描边、径向进度环、数据节点环、实时事件流、赔率刻度带、数字跳动。 每一个都绑真实数据,不做纯装饰的计数器。

模拟盘:从账本升级成业绩报告

净值曲线(带网格与时间轴)、六格关键指标、个股盈亏贡献度、持仓卡片化带占比环。 让用户看完知道自己的水平,而不只是看到一笔流水。

给 AI 一个形象

对手有一个贯穿全站的 AI 角色,这是它"有人格"的关键。我们也做一个,但走完全不同的路线 —— 见下。

看实物(能滑、会动)

下面两个是真页面不是效果图,手机或电脑打开都能滑。建议用手机看。

AI 形象 ·「老 K」

为什么不做萌系机器人

对手是学习工具,萌系形象降低使用门槛,用得对。我们是真金对赌,同一个手法会削弱资金安全感。 所以老 K 是几何体不是生物:悬浮晶体 + 一条横向视觉带(有注视感,但不是眼睛)+ 两层反向旋转的数据环, 晶体内部跑着真实 K 线。

名字:K 线的 K,也是牌桌上的 K —— 正好落在「金融 + 对赌」的交叉点上,就是 aiTickr 本身。

它会表态,所以是角色不是贴图:核心色跟判断走(看多转红 / 看空转绿), 外环实线代表高置信、虚线代表低置信,环的转速代表分析强度。

老K 方案一
方案一构图最干净,偏产品渲染图,少一点压迫感
老K 方案二
方案二 · 推荐暗部最沉、光带最利落、接地光环最好,跟我们的深空底色最贴
老K 方案三
方案三材质最厚,但主体太满,横向光带丢了 —— 没有"眼"就不成角色

三张都有同一个待修的毛病:晶体内的 K 线是绿涨红跌(国际习惯), 跟华人用户的红涨绿跌相反,定稿后统一改过来。 界面里实际使用的是矢量版本(可缩放、能跟数据联动、零加载成本),这三张用于品牌主视觉与分享卡。

我们刻意不抄的东西

看着好,但对我们是错的

下一步

方案已经过一轮外部 AI 专家评审(3 个模型并发评审,实际回报 2 个), 提出的问题中对比度不达标与资金色与涨红混淆两项已采纳并修正; 另有两条建议经实测核对后未采纳,理由已在内部文档中逐条记录。