案例库 16 — 研究平台

字体轻声,证据响亮。

一个采用温暖编辑风格的用户研究工作台,每一条洞察都连着客户说出它的那一刻。

类型
概念作品 · 自主发起
领域
网站 · UI · 产品
交付
官网、四个产品界面、标签系统
系统
4px 圆角、字重 300、一个强调色
字体轻声,证据响亮。
01

课题

研究工具往往长得像数据看板:密集、偏蓝、吵闹。Fieldnote 的用户整天都在读客户说过的话,所以需求是让产品和官网更像一本编辑精良的杂志,而不是一块控制面板。

需求里更难的一半是信任。一份归纳只有在团队相信它时才有用,所以设计必须让证据——引语、时间戳、次数——和结论本身一样醒目。

02

设计决策

01

80 像素、字重 300 的标题,配合宽字距的等宽标签系统,承担通常由粗体和颜色完成的工作。

02

唯一的紫色每屏只出现一两次,用来标记证据:高亮的引语、次数和智能体起草的内容。按钮一律黑色,强调色永远不变成操作色。

03

没有阴影、没有渐变、区块之间没有分隔线。层次来自三种暖色底色,产品截图像书中的插页一样嵌在页面里。

03

结果

一个官网加四个产品界面——录制、转写、归纳、分享——统一在同一套温暖的编辑体系里,每个主题都标出证据数量,每条引语都带着时间戳。

交付内容
1
强调色
紫色,只留给证据。
4px
统一圆角
按钮、卡片、输入框和标签。
300
标题字重
以克制建立权威。

本项目为自主设计的概念作品,非客户委托项目。文中数字描述的是交付的设计系统本身(组件数、屏数、范围与周期),不代表商业业绩。

完整案例已上线,可直接查看。

原始页面将在新标签打开,旁边还有它自己的案例研究页。

打开完整案例 →
下一个案例
01 01 — 现场服务产品 Test & Tag 现场应用、后台与 API 查看

从两周诊断开始。

先做 60 分钟评审,再进行固定费用的两周诊断。结束时你会拿到一份带预算的路线图,是否继续合作没有任何附加条件。

办公地址
23A Dromorne Rd, Remuera
Auckland