重新设计 FinClip

在着手 FinClip 的产品设计优化工作后,我们的产品设计团队是这样思考这个问题的。

重新设计 FinClip

我曾在之前的文章《FinClip 的 2022 与 2023》中写到,会尝试在今年「推动产品从功能到样式的焕然一新」。今天也想借这个机会与大家一起聊聊我们在新的产品设计过程中的一些思考,首先与各位介绍一些历史背景。

FinClip 的 2022 与 2023
道阻且长,行则将至。行而不缀,未来可期。

我们在向合作伙伴,客户,新同事与投资人介绍产品与公司的时候都会聊到,虽然凡泰极客在 2017 年才注册成立,但其实我们对于「设计并实现一款能够坚实支撑数字世界高效运行的数字引擎,加速推动百行千业数字化转型」的想法已经有数年的思考了。从公司创建至今,我们的产品、团队与商业化进展也都在围绕这个战略持续演变延伸。

在 2019 年初始设计 FinClip 的阶段时,产品页面的草图大概是这样的:

2019 年的设计原型,我们完成了基本的设计但每个页面中的组件与风格都不尽相同

在 2021 年,我们对齐了管理后台中的所有页面的设计规范统一与组件样式:

2021年的设计原型,我们基本对齐了所有页面中的组件样式与页面风格

在 2022年,我们对于用户会高频操作的内容区域进行了抽象和解耦:

2022 年的设计原型,我们将用户高频的一些页面进行了抽象解耦

当然,不论是处于早期的设计,还是后续在产品能力与边界上的快速提升,产品内核并没有发生变化。FinClip 的产品本质依然是帮助开发者快速具备「在自己的业务场景中,快速完成管理,开发,使用小程序」的能力与支持。

只要你能够了解「小程序与宿主应用,管理后台的依赖关系」你就了解了产品的一大半,当你在自己的 App 中引入小程序 SDK 并且成功打开小程序之后,就已经走在了「数字化转型」的道路上。

截止 2023 年,仅在 FinClip SaaS 版中,就有近 300 家企业或团队用户完成了认证,有超过 20,000 次的小程序上架发布记录,已经集成了小程序 SDK 的宿主应用也有超过 3,000 个。

在 FinClip SaaS 版本中,我们也看到了不同行业的小程序具体实例,比如在高校领域中,小程序可以作为教育领域中学生活动的报名与管理载体,在传媒领域中,小程序可以集成数字人后向用户提供更灵活可靠的新闻分发与传播,在制造运输业中,小程序可以用来管理车辆调度或快速搭建维保响应体系,在物联网场景中,小程序又可以用来管理配置小家电或照明系统中的实时情况。

坦白说,有一些用户实际使用小程序的场景,确实远远超过了我们最初设计时的想象。

随着团队与业务的不断扩大,我们也发现小程序在很多场景中都真的成为了数字化的连接器。但是同样,我们也开始注意到许多在产品设计之初没有考虑到的设计挑战,这些挑战也触动我们开始对产品使用层面进行一些更深入的思考。

以下是我们认为当前产品设计中,一些无法接受的问题。

小程序与应用之间的跳转太笨

随着用户不断使用 FinClip 打造自有的小程序生态,用户都越来越想在不同的小程序或应用之间进行跳转,以便完成不同小程序之中的发布更新,灰度测试任务。但现在用户只能不断进入新的小程序详情页,完成操作后再返回上一级小程序列表,找到需要的小程序再次进入。

管理后台中大量的列表与详情跳转的交互方式,很容易把用户置于迷失在页面中的困境。

用户无法加入或切换多组织

随着用户不断接入小程序生态网络,越来越多的用户都迫切的有着「加入或切换不同团队组织」的需要,目前我们的产品对于多组织生态适配的支持力度还非常羸弱。如果用户想要加入或切换不同的组织,都会遇到一定的困难阻碍。

在早期产品设计中,我们确实没有仔细考虑「用户可能加入多个生态组织」的场景,这也导致我们在又要兼容与适配已有用户的体验,又想实现新的多组织架构能力过程时才发现这里的成本太高。

产品使用依然具备一定门槛

对于 FinClip 的产品设计团队而言,我们最关注的一件事就是「帮助用户快速上手并了解产品」,过去我们曾尝试通过页面引导,静默提示,任务步骤等步骤引导用户,同时向用户提供快速上手指南,视频课等方式作为引导资料。

但我们也不得不承认,随着产品影响力的不断增长,依然有一部分用户反馈产品的上手门槛着实有点高。这些用户不得不在文档中心,开发者社区中花费几十分钟甚至几个小时的漫长探索后,才能了解 FinClip 的产品价值与使用方法。

设计风格无法匹配产品特色

在产品设计之初,我们为了快速落地引入了 Element 和 Antdesign 的设计风格,虽然使用现成的设计系统可以帮助我们快速落地脑海中的想法,但我们也必须承认这样的产品目前无法展示产品的特色(尤其是在结合前面几个问题之后),用户很难第一时间建立起对产品的感知。

作为一个「自认为在产品设计上有一些追求」的团队,这一点真的很令人羞愧。


我们的思考

基于这几个问题,我们在经过一段时间的思考之后,认为还是需要「从产品的使用结构与过程」的角度对产品进行全新的设计与尝试。当界面与引导中包括了清晰的结构后,用户可以预测接下来可能出现的事情。而正确的流程与秩序则可以帮助用户以逻辑上的因果关系快速理解产品的底层结构

对于一个好的产品,产品设计师应该从「视觉表达」与「逻辑关系」的层面帮助用户建立对产品的快速认知,在 FinClip 的产品体系中,则会出现以「小程序」和「宿主应用」为主的合作关系(在早期的产品设计中,我们将宿主应用称为合作应用),在这一组关系中我们又引入了诸如「开发域名」,「灰度发布」,「小程序插件」等不同的使用元素。

这些关系与元素之间其实是在相互连接与影响的。好的产品应该能够向用户展示「协调且可互动」的使用体验,用户可以随着在使用产品过程中的探索过程,快速理解当前产品提供的价值所在。同时又能够在不打扰用户的过程中,引入运营活动或公告信息的资源位,支持团队中不同部门之间工作的支持与响应。

在全新的产品设计中,我们对与 FinClip 的管理后台进行了一些全新的改善与设计,对于已有的目录结构和用户引导我们都进行了全面的改善与尝试,我们认为一些已经存在于产品中的问题应该可以得到周全的处理与响应。这些全新的改善与尝试也应该能够为各位在产品使用的过程中带来新的惊喜。

全新版本的上线时间应该在今年年末,作为用户你只需要静静等待我们的新版本上线。但我也依然期盼能够通过博客或公众号中的文章,社区中的互动或者邮件中的答疑与 FinClip 的用户建立最简单直接的连接。

当然,如果你有任何想法,都欢迎你联系我们参与到 FinClip 的产品设计工作中。让我们携手让产品以更完美,更好用的样子呈现在你的眼前。

体验新一代小程序容器 - FinClip

免费注册