项目案例 / 产品设计

viaim 桌面端改版 与智能设备体验升级

复杂产品架构与软硬件体验设计

重建桌面工作区,统一多设备体验, 重构 Connect 会议录制流程。

viaim Desktop 桌面工作区及智能耳机、会议狗、Connect 三类设备。

项目简介

viaim Desktop 是集设备管理、会议录制与 AI 转写于一体的桌面应用。本次改版重建桌面工作区,统一多设备体验,并优化 Connect 的会议录制交互。

项目背景

旧版 Desktop 以设备连接与录音为主,随着 App 能力扩展至桌面、新设备接入,原有小窗口结构与历史页面已难以承载新增任务。本次改版重新组织内容处理与设备操作,统一多设备体验,并深化 Connect 的会议录制交互。

职责与结果

个人职责:主导桌面端交互与 UI 设计,负责任务架构、跨设备流程及窗口规则。主动提出并推动设备设置重整与 Connect 录制体验优化,借助 AI 交互原型预演方案,并跟进真实设备验收、研发修复与版本上线。

落地情况:首个大版本已上线,覆盖耳机、会议狗与 Connect 三类智能设备10余款型号适配,完成桌面框架重构、设备设置统一及会议录制体验升级。

01 从录音面板,升级为完整桌面工作区

现存问题

旧版界面集中设备与录音入口,部分内容操作需要跳转。新增能力进入桌面后,需要重新安排功能之间的关系,同时解决窗口尺寸、弹窗与跳转规则不一致的问题。

改版前录音设备面板与改版后完整桌面工作区对比:导航与设备、记录列表、详情工作区。

改版前·录音设备面板

改版后 · 完整桌面工作区

导航与设备

定位任务与设备

记录列表

列表与内容承载页

详情工作区

查看与处理内容

小窗口难以承载新增任务

设计策略

按定位、选择、处理内容的任务顺序,明确导航、列表与详情的职责;为不同区域建立伸缩边界,使界面同时适应内容浏览与长文本阅读。

设计方案

以导航与设备、记录列表、内容详情构成多栏工作区,将“定位记录—选择内容—查看与处理”组织为连续路径。结合 Web 设计经验制定窗口与栏宽规则,并通过拖动、缩放验证布局表现。

结合 iOS 与 macOS 共用代码的实现背景,将第二栏默认宽度设为 393,与 App 内容布局基准对齐,为既有列表组件与布局规则的复用创造条件;同时保留栏宽伸缩,适应桌面窗口变化。

规则说明

默认窗口为 1280 × 760,最小窗口为 980 × 640;区分栏容器的伸缩与正文阅读宽度,正文最大宽度设为 900,避免窗口扩大后文本行长持续增加。

桌面窗口与分栏宽度规则:列表默认 393 与 App 对齐,正文最大宽度 900,并展示默认、最小和放大窗口。

以移动端布局为基准,兼顾跨端复用

列表默认 393 · 与 App 对齐

默认窗口 1280 × 760

导航

默认 280

列表

默认 393

详情

默认 605

正文最大宽度 900

随详情栏可用空间收缩

App 内容布局基准

最小窗口 980 × 640

放大窗口 · 正文保持限宽

02 统一设置结构,承接多型号能力扩展

现存问题

耳机、会议狗与 Connect 跨多年接入,设置页面保留了不同阶段的设计。会议狗仍沿用旧版内容,桌面端也缺少部分 App 已有的设备功能。

设计策略

先盘点各设备的新旧设置项,再建立共同分类,统一历史页面,并在相应位置承载不同型号的专属能力。

设计方案

重整设备设置,归纳「配对与连接、声音、使用控制、关于」的分类框架,并补充声音与使用控制下的二级功能。 在共同结构下保留不同设备的能力差异,完善桌面端设备管理体验。

设备设置体系重整:旧版与新版设备设置对比,跨代设备功能盘点及一级导航分类。

耳机设置

输入与输出

输入:

viaim connect

输出:

Macbook Air 扬声器

连接

当前连接

刺杀小说家的 iFLYBUDS Pro

小张的 iFLYBUDS Lite

历史连接

刺杀小说家的 iFLYBUDS Pro

Kit

Bose QC35

QCY

信息

序列号

左耳:

0339422101229

右耳:

0339422101229

盒子:

0339422101229

固件版本

左耳:

3.0.9.2

右耳:

3.0.9.2

盒子:

48.50.51.49

解除绑定

Kit 设置

输入与输出

输入:

viaim connect

输出:

Macbook Air 扬声器

操作

短按:

开启/关闭麦克风

长按:

扫描附近设备

连接

已配对设备

iFLYBUDS 2

未连接

Pro 2

已连接

Air 2

未连接

Pro

未连接

Content-16

未连接

指示灯

开启指示灯

白灯常亮:已连接电脑

绿灯常亮:已连接耳机

红灯常亮:麦克风已静音

白灯闪烁:正在扫描附近的设备

信息

序列号:

0339422101229

固件版本:

1.0.3.2

Connect 设置

常规

硬件设置

快捷键

设备状态

设备名称

Connect

电量

电量过低·

5

%

自动关机

关闭

5min

10min

15min

60min

提示音

输入与输出

输入:

viaim connect

输出:

Macbook Air 扬声器

允许调整电脑麦克风音量

系统维护

旧版-设备设置页面不统一

重整分类框架,统一页面呈现

返回

设备

配对 & 连接

硬件功能

关于

配对 & 连接

设备状态

连接方式

USB 已连接

蓝牙已连接

断连

USB连接 & 蓝牙连接

仅蓝牙连接时,仅支持使用音频能力;画面传输和闪录下载需要保持 USB 连接。

连接

当前连接

MacBook Pro

已连接

断开

历史连接

iPhone 15 Pro

未连接

连接

移除

iPhone 17 Pro

未连接

Connect

新版本-设备设置:共用分类框架

返回

配对 & 连接

使用控制

关于

配对 & 连接

已配对耳机

viaim Nano+

已连接

连接

删除

viaim Nano+

未连接

Kit

返回

配对 & 连接

声音

使用控制

关于

配对 & 连接

设备状态

已连接

75

%

82

%

24

%

蓝牙名称

viaim Aura

双设备连接

开启后耳机最多可以同时连接两台设备。通过开关对需要连接的设备进行切换。

优先连接设备

自动

连接

当前连接

MacBook Pro

已连接

断开

历史连接

iPhone 15 Pro

未连接

连接

移除

iPhone 17 Pro

未连接

设备解绑

解除绑定

自动

zkj iphone

耳机

增加功能与 App功能对齐

盘点跨代设备的新旧功能

重组一级导航

共用分类 · 保留设备差异

耳机

配对连接

噪声控制

音量

声音风格

空间音频

AI 免摘对话

输入输出

手势控制

语音控制

头部控制

佩戴检测

耳塞贴合检测

闪录同步

语音 VAD

耳机设置

充电盒设置

Connect 智能音箱

设备连接

自动关机

提示音

声纹降噪

语音唤醒

指示灯

声纹样本

闪录管理

快捷键

会议狗

连接

输入输出

短按操作

长按操作

指示灯

盘点

归并

分层

按设备能力呈现

保留型号差异

补齐对应的二级功能

返回

配对 & 连接

声音

使用控制

关于

旧功能

新功能

03 Connect 会议录制体验重构

A.增加录前预览,先确认画面与设备状态

问题

Connect 初版以硬件功能验证为主,开始录音后直接进入录制界面,画面显示又受镜头拨片状态影响,用户需要理解物理控制与软件表现之间的关系。

策略与方案

参考会议产品的会前预览方式,将画面确认与调试前置。通过“预览中·尚未录制”、设备状态提示及明确的开始操作,让用户在录制前了解本次可用能力与画面效果。

录制路径对比

Connect 旧版直接录制与新版录前预览、调试、确认后录制的完整路径对比。

旧版|开始后直接进入录制

画面受镜头拨片状态影响,录制前缺少确认环节。

viaim Connect

查看记录

本地视频(12)

设置

viaim Connect

USB 连接·

32

%

预览

拨开音箱上的摄像头遮挡盖,打开摄像头

分辨率/帧率

4k-30fps

摄像头模式

发言人跟踪

输出音量

75%

闪录可用存储容量

剩余可录 64 分钟

查看存储

灯光/提示音

环形灯

提示音

语音唤醒:开

声纹识别:开

更多设置

记录模式

录音语言:中文

通话录音

音/视频录音

现场录音

viaim Connect

USB 连接·

72

%

更多设置

4K-30fps

说话人追踪

智能取景

智能白板

智能画廊

截屏

00:09:03

画面设置

实时转写

英语(美国)

实时翻译

正在通话录音...

2021/05/12 12:12

prompted reflection on the content of this newsletter. In particular, the new rereading HIG column, because there are many places where imperative sentences are used in the original specification, and the style that is originally similar to reading notes, you will be very worried about the concentration of preaching when there is no intentional change of expression. I can only simply remove the subject as much as possible, or change "you" to "us". If this communication is not good for you, please reply directly to this email and let me know. After that, it was the same.

我没有称该事件为「瓜」的原因是,这也促使了对本通讯内容的反思。特别是新增的重读 HIG 一栏,由于原规范就有多处使用祈使句的地方,加上本来是类似阅读笔记一样的风格,在没有特意转变表达方式时就会很担心说教味的浓度。我只能简单地尽可能去掉主语,或者把「你」改成「我们」这样。如果本通讯内容对你有所不适,请直接回复此邮件告诉我。之后也是。

1898833383:

By the way, this issue has suspended th

on the WeChat official account and is only used as a notice. All articles are currently being archived on Craft.

顺便一提,这期停掉了微信公众号那边的全文更新,只作为通知使用。目前正在把所有文章归档在 Craft 上。

丁一:

Then, welcome new subscribers last week.

Thanks to all subscribers for their support.

然后,欢迎上周的新订阅者。感谢所有订阅者的支持。

我:

This time they introduced the design of Phone-Tre

This time they introduced the design of Phone-Tree Systems, which is almost inaccessible in ordinary times, that is, the interactive voice response system (IVR) that is often heard when calling the customer service of telecom operators.

展开转写窗口

点击开始录音

新版|确认后再开始录制

画面预设

预览中·尚未录制

1.5x

视野调整

画面调优

曝光

自动

手动

白平衡

自动

手动

色温

8880K

高级

亮度

75%

对比度

75%

饱和度

75%

锐度

75%

4K · 30pfs

音频通道

说话人追踪

返回首页

开始通话录音

说话人追踪

智能取景

智能白板

智能画廊

关闭

Mate

实时助理

我的项目

Record

Space(3)

Q4 2025 Earnings Ca

12

Global Macro Outloo

12

M&A Due Diligence

本地视频(17)

2

Basic

剩余{N}/{N}分钟

大脸包纸

75

%

画面预设

设置

USB 已连接

拨片已关闭

新固件可用

实时转写现场交流或会议

通话录音

音/视频录音

现场录音

录音语言:自动

摄像头拨片已关闭,打开拨片后画面自动恢复。

点击开始录音

viaim Mate

· USB & 蓝牙

75

%

正在通话录音...

2021-05-12 12:12

转写为

Auto

翻译为

日语

我:

Last week, in DEX Weekly #152, I saw an invalid rebuttal about a creator who is keen on Twitter Thread content, not discu

about a creator who is keen on Twitter Thread content, not discussing for the time being - replying to the "machine flip" raised by the other party because he did not have machine flipping behavior. Thread has been launched for nearly 5 years, and big Vs such as Julie Zhuo are its heavy users. Although Thread is far less formal than articles, it is highly communicative. Many users of Twitter are tired of this sermonous content appearing in the information flow - especially when your content is meaningless.

上周在 DEX周刊 #152 看到关于某位热衷于 Twitter Thread 内容的创作者,暂且不展开讨论——以自己没有机翻行为回复对方提出的「机翻味」——这种无效反驳。Thread 功能上线已有近 5 年,像 Julie Zhuo 等大V便是其重度用户。虽然 Thread 形式上远不如文章,但有很强的传播性。Twitter 很多用户已经厌倦了这种说教味内容出现在信息流——特别是当你的内容没什么意义的时候。

桑权:

prompted reflection on the content of this newsletter. In particular, the new rereading HIG column, because there are m…

prompted reflection on the content of this newsletter. In particular, the new rereading HIG column, because there are many places where imperative sentences are used in the original specification, and the style that is originally similar to reading notes, you will be very worried about the concentration of preaching when there is no intentional change of expression. I can only simply remove the subject as much as possible, or change "you" to "us". If this communication is not good for you, please reply directly to this email and let me know. After that, it was the same.

我没有称该事件为「瓜」的原因是,这也促使了对本通讯内容的反思。特别是新增的重读 HIG 一栏,由于原规范就有多处使用祈使句的地方,加上本来是类似阅读笔记一样的风格,在没有特意转变表达方式时就会很担心说教味的浓度。我只能简单地尽可能去掉主语,或者把「你」改成「我们」这样。如果本通讯内容对你有所不适,请直接回复此邮件告诉我。之后也是。

1898833383:

By the way, this issue has suspended the full-text update on the WeChat official account and is only used as

on the WeChat official account and is only used as a notice. All articles are currently being archived on Craft.

画面录制中

字幕模式

直播

音频通道

显示画面

00:09:03

进入录前预览

进入录制界面

将画面确认前置,让用户准备好后再开始记录。

B.画面与转写分窗显示,为转写留出阅读空间

问题

初版画面与转写集中在同一页面,大面积画面压缩了转写区域。对于以会议记录为主的场景,用户需要持续记录、按需检查画面,无需一直观看大画面。

策略与方案

将画面独立成窗,为转写保留连续阅读空间,并统一耳机、会议狗与 Connect 的转写界面。画面可随时调出,关闭查看窗口不影响录制;是否采集画面由镜头拨片决定,切换时同步提示状态变化。

旧版大画面占用主要空间与新版以转写为主、按需查看独立画面的对比。

旧版|大画面占用主要空间

viaim Connect

USB 连接·

72

%

更多设置

4K-30fps

发言人跟踪

发言人跟踪

⌘ + ,

智能取景

智能白板

智能画廊

截屏

00:09:03

画面设置

实时转写

英语(美国)

实时翻译

正在通话录音...

2021/05/12 12:12

prompted reflection on the content of this newsletter. In particular, the new rereading HIG column, because there are many places where imperative sentences are used in the original specification, and the style that is originally similar to reading notes, you will be very worried about the concentration of preaching when there is no intentional change of expression. I can only simply remove the subject as much as possible, or change "you" to "us". If this communication is not good for you, please reply directly to this email and let me know. After that, it was the same.

我没有称该事件为「瓜」的原因是,这也促使了对本通讯内容的反思。特别是新增的重读 HIG 一栏,由于原规范就有多处使用祈使句的地方,加上本来是类似阅读笔记一样的风格,在没有特意转变表达方式时就会很担心说教味的浓度。我只能简单地尽可能去掉主语,或者把「你」改成「我们」这样。如果本通讯内容对你有所不适,请直接回复此邮件告诉我。之后也是。

1898833383:

By the way, this issue has suspended th

on the WeChat official account and is only used as a notice. All articles are currently being archived on Craft.

顺便一提,这期停掉了微信公众号那边的全文更新,只作为通知使用。目前正在把所有文章归档在 Craft 上。

丁一:

Then, welcome new subscribers last week.

Thanks to all subscribers for their support.

然后,欢迎上周的新订阅者。感谢所有订阅者的支持。

我:

This time they introduced the design of Phone-Tre

This time they introduced the design of Phone-Tree Systems, which is almost inaccessible in ordinary times, that is, the interactive voice response system (IVR) that is often heard when calling the customer service of telecom operators.

展开转写窗口

新版|转写为主,按需查看画面

viaim Mate

· USB & 蓝牙

75

%

正在通话录音...

2021-05-12 12:12

转写为

Auto

翻译为

日语

我:

Last week, in DEX Weekly #152, I saw an invalid rebuttal about a creator who is keen on Twitter Thread content, not discu

about a creator who is keen on Twitter Thread content, not discussing for the time being - replying to the "machine flip" raised by the other party because he did not have machine flipping behavior. Thread has been launched for nearly 5 years, and big Vs such as Julie Zhuo are its heavy users. Although Thread is far less formal than articles, it is highly communicative. Many users of Twitter are tired of this sermonous content appearing in the information flow - especially when your content is meaningless.

上周在 DEX周刊 #152 看到关于某位热衷于 Twitter Thread 内容的创作者,暂且不展开讨论——以自己没有机翻行为回复对方提出的「机翻味」——这种无效反驳。Thread 功能上线已有近 5 年,像 Julie Zhuo 等大V便是其重度用户。虽然 Thread 形式上远不如文章,但有很强的传播性。Twitter 很多用户已经厌倦了这种说教味内容出现在信息流——特别是当你的内容没什么意义的时候。

桑权:

prompted reflection on the content of this newsletter. In particular, the new rereading HIG column, because there are m…

prompted reflection on the content of this newsletter. In particular, the new rereading HIG column, because there are many places where imperative sentences are used in the original specification, and the style that is originally similar to reading notes, you will be very worried about the concentration of preaching when there is no intentional change of expression. I can only simply remove the subject as much as possible, or change "you" to "us". If this communication is not good for you, please reply directly to this email and let me know. After that, it was the same.

我没有称该事件为「瓜」的原因是,这也促使了对本通讯内容的反思。特别是新增的重读 HIG 一栏,由于原规范就有多处使用祈使句的地方,加上本来是类似阅读笔记一样的风格,在没有特意转变表达方式时就会很担心说教味的浓度。我只能简单地尽可能去掉主语,或者把「你」改成「我们」这样。如果本通讯内容对你有所不适,请直接回复此邮件告诉我。之后也是。

1898833383:

By the way, this issue has suspended the full-text update on the WeChat official account and is only used as

on the WeChat official account and is only used as a notice. All articles are currently being archived on Craft.

画面录制中

音频通道

说话人追踪

智能取景

智能白板

智能画廊

字幕模式

直播

音频通道

隐藏画面

00:09:03

C.用悬浮球快速启动,用浮窗查看转写与翻译

问题

办公沟通可能随时发生;录制开始后,用户仍需查看会议软件、文档或处理其他工作,完整转写窗口占用较大空间。

策略与方案

以悬浮球提供快捷录制入口,衔接设备连接与录制操作;以轻量转写浮窗呈现双方转写、翻译和录制控制,让用户在当前工作中查看内容,减少往返切换窗口的需要。

悬浮球快速启动、录制状态随时可见、转写浮窗伴随阅读的三步工作流。

1·悬浮球快速启动

产品评审会议 · 讨论提纲

已保存

正文

14

B

I

U

插入

产品评审会议 · 讨论提纲

一、会议目标

确认新版本转写体验的优化方向与核心改动。

二、讨论内容

序号

议题

说明

1

转写体验优化

提升准确性与阅读效率。

2

新界面方案

确认以转写为主的界面与交互。

已自动保存

100%

快捷录音

通话录音

音/视频录音

现场录音

打开 viaim 主窗口

本次隐藏

隐藏至下次启动

无需切回主窗口,快速发起录制

2·录制中状态随时可见

产品评审会议 · 讨论提纲

已保存

正文

14

B

I

U

插入

产品评审会议 · 讨论提纲

一、会议目标

确认新版本转写体验的优化方向与核心改动。

二、讨论内容

序号

议题

说明

1

转写体验优化

提升准确性与阅读效率。

2

新界面方案

确认以转写为主的界面与交互。

已自动保存

100%

现场录音中...

回到录音窗口

打开转写浮窗

00:09:03

确认录制状态,按需展开转写

3·转写浮窗伴随阅读

工作内容保持可见

转写、翻译与控制集中呈现

产品评审会议 · 讨论提纲

已保存

正文

14

B

I

U

插入

产品评审会议 · 讨论提纲

一、会议目标

确认新版本转写体验的优化方向与核心改动。

二、讨论内容

序号

议题

说明

1

转写体验优化

提升准确性与阅读效率。

2

新界面方案

确认以转写为主的界面与交互。

我方:

平时你也可以戴,我觉得这是个好习惯。平时你也可以戴。

对方:

顺便一提,这期停掉了微信公众号那边的全文更新,只作为通知使用。目前正

转写为

自动

翻译为

日语

显示

00:09:03

转写窗口、悬浮球、悬浮窗三种界面按需切换及其操作关系。

三种界面,按需切换

菜单展开/最小化

转写窗口

悬浮球

悬浮窗

左键菜单展开/收起

开启/关闭功能

04 工作流优化:AI demo先预演,方案确认前置

本次产品迭代采用可交互原型,前置确认状态与操作。

借助 AI 搭建可点击的 HTML Demo,将 Connect 的设备状态与对应操作集中预演,辅助交互完整性检查与团队评审;方案确认后,再进入高保真 UI 设计。

demo示例,可点击查看

Connect 交互预演 Demo

在新标签页打开

将分散的设备状态与操作关系集中预演, 作为交互检查与团队评审的共同依据。

05 实际验收与问题跟进,完成新版Desktop 首个大版本上线。

安装测试版本、连接硬件验收、登记并跟进修复、安装新版复测,并更新问题状态。

安装测试版本

连接硬件验收

真实连接

镜头拨片

多窗口

设备差异

登记并跟进修复

安装新版复测

更新问题状态

原图查看

打开原图

可放大并滚动查看图中文字