做产品的人大概都有过这种体验:一接到需求,就急着打开 Sketch 或 Figma 开始画界面,结果方案越做越拧巴,改来改去总觉得哪里不对劲。后来才慢慢想明白,问题往往出在第一步——还没想清楚究竟要达成什么,就动手了。
最近我们复盘了一个股票类产品的体验优化,整个过程走下来,感触很深。它不是画几个漂亮图表就能交差的,每一个设计决策都绕不开一个核心问题:怎么让用户更快、更安心地做出交易决策。所以,接到需求那段时间,我们没有急着讨论布局和配色,而是先把目标摆在了桌面上。
这款产品的优化目标很明确:通过视觉去驱动交易行为,提升决策效率,同时强化产品粘性,让智能选股和辅助决策的能力落到实感上,最终形成一套高效、有活力的产品体系。定下这个目标之后,再去看竞品,感觉就完全不一样了——不再是漫无目的地翻截图,而是盯着一个问题去拆解:别人是怎么用设计去辅助决策的?哪些思路能为我所用?

有了目标,紧接着就得把原则立起来。产品原则就像 DNA,后续所有的设计,都得从这里长出来。我们做了一轮头脑风暴,从几十个关键词里筛出四个作为这次优化的基调:安心、高效、专业、智能。其中“安心”被放到了最高优先级。道理很简单,金融产品天然带着金钱和风险,用户打开软件的那一刻,心里其实悬着一根弦。如果界面让人觉得轻浮、信息混乱或者缺乏安全感,功能再强也很难留住人。
可是,“安心”这种抽象的词怎么落地?我们把它拆成了三个更具体的感受维度:可感、可信、可控。可感,就是关键信息要清晰易读,一眼能抓住重点;可信,是品牌背书、评价数据、客诉流程这些,让人觉得平台靠谱;可控,则是整个操作流程和服务体验都让用户觉得安全、有把握,不会莫名其妙触发什么。顺着这些细分,我们去图库收集了大量视觉素材,建立起一套情绪板,设计的方向感一下子就清晰了。
情绪板不是用来装样子的,它能帮我们找到真正能和用户情绪产生共鸣的视觉语言。比如,我们发现方形、直角这类设计元素,天然就传递出一种专业和严谨,厚重一些的图形则带来沉稳、安全的心理暗示。于是,整体框架上我们大量采用了直角设计,配色选了红蓝搭配,干净利落,没有多余的装饰。连底部的 tab bar 图标也没有简单替换成直角造型,而是加入了一点动态弹性效果,让图标在点击时有一个微小的回弹,既保持了严谨,又不至于显得死板。
更有意思的是,我们让图标本身也能“说话”。市场图标会根据股市的状态发生变化:未开盘时,它就是一个朴素的样子;上证指数下跌,图标变成向下倾斜的形态;上涨时,则昂头向上。交易按钮也做了类似的处理,平时是水平方向,点击进入交易态时,图标会倾斜 45 度,暗示双向操作。这些细节不会大张旗鼓地提醒用户,但会在潜意识里强化“这个产品懂行”的感觉,也能悄悄从同类产品中跳脱出来。
自选列表的优化,算是这种情绪共鸣的一个典型应用。股票产品一般都有浅色和深色两种皮肤,但我们发现,如果用户在自选列表页长时间盯着屏幕,白色底反而更容易引起视觉疲劳。不过,但凡炒过股的人都知道,自选列表在股价波动时,整行背景会随着涨跌变成浅红或浅绿,这种颜色变化在白底模式下格外显眼,能让用户几乎不用看数字,光凭余光就能感知到市场的冷暖。于是,我们做了一个反常规的决定:把自选列表页设计成白底,让行情波动带来的色彩变化充分释放出来;而股票详情页,因为用户需要长时间盯着分时图和 K 线,对视觉舒适度要求更高,就采用深色底。这样,同一款产品里,两种底色各司其职,既照顾了感知效率,也照顾了浏览的舒适度。

股票详情页的信息量向来很大,过去那种一页拉到底的长表单,看久了实在累。这次优化,我们把背景色换成了石墨色,比纯黑更有质感,长时间浏览也不容易刺眼。同时,我们用分屏的方式重新组织信息,把核心内容尽量收拢在一屏到一屏半之间,左右切换,用户不用反复上下滑动,注意力更容易聚焦在内容本身。
围绕提升决策效率这个目标,我们在股价区域附近增加了三个入口:资讯、股票诊断和提醒。这个设计背后的逻辑很直接——当股价突然出现异动,用户的脑子里会本能地冒出几个念头:“是不是出什么消息了?”“这只股票现在到底怎么样?”“我是不是该设个价格提醒?”把这三个入口放在股价旁边,就是为了让用户产生这些念头的时候,能立刻找到出口,缩短从“看到变化”到“做出行动”的路径。

另一个细节是 K 线图的缩放。传统的股票软件,想要放大缩小 K 线,得两只手配合,一只手拿手机,另一只手双指开合。但我们发现,很多用户其实都是在通勤、排队、单手操作的场景下看盘。于是,我们用一个滑块来替代双指缩放,用户单手就能完成操作,而且滑块的进度条能清晰显示当前放大的级别,再也不会有“缩到哪儿了”的困惑。

动态效果在今天的产品里,已经不只是锦上添花,它几乎成了质感的一部分。在琳琅满目的应用里,想要让人记住,除了结构和功能要合理,还得考虑能不能在给用户新鲜感的同时,让操作变得简单易懂。我们在 tab bar 的弹性动画、交易按钮的旋转,以及页面切换时一些微小的过渡上,都做了克制但到位的动效处理。这些动效不是炫技,而是让产品的每一次反馈都显得有温度、有品质。
回过头来看,整个优化过程有几件事一直在反复验证。不管做什么产品,早期一定要和团队把目标对齐,让每个人都清楚我们到底在为什么而努力。目标一旦清晰,无论是做竞品分析还是画界面,都会有更强的方向感,不至于被别人的方案带着跑。而从关键词提炼到情绪板,这个过程看起来有点“虚”,实际上是把模糊的感觉转译成具体的设计语言,能避免拍脑袋做决定。真正的体验升级,往往藏在那些不被用户明确说出来,但能让人用得更顺、更爽的共鸣点里,这才是产品拉开差距的地方。
做产品,每个人的想法可能千差万别,但终点其实是一样的:让用户感受到产品的价值,让他们觉得这个工具是懂自己的。用一个小细节去弥补一个体验上的缺口,用一点巧思去强化一次决策的顺畅感,这种持续的打磨,本身就是产品最迷人的部分。
अभी लॉगिन करें