Hello,I'm_

张会茹 _

UX/UI Interaction Designer

同济大学交互设计专业硕士 | 10年+交互经验

聚焦交互与系统体验设计，擅长复杂业务场景下的信息架构、交互流程与多端体验设计，
涉及智能硬件、数据可视化及 B/G 端数字产品。

0 YEARS
0 LIFE CYCLE DESIGN
0 USER INTERACTION SOLUTION
View Projects
SCROLL
ABOUT ME

关于 我

交互设计师 · 研究者 · 系统化思考者

张会茹
姓名 张会茹
方向 UI/UX 交互设计
经验 10年+
学历 同济大学 · 硕士
城市 常居上海

能力概览

拥有 10 年+相关经验，具备智能硬件、数据可视化、B端 SaaS 及军工航天、智慧城市等复杂系统的交互设计能力。同济大学设计创意学院硕士毕业，研究方向为 智能交互设计，擅长将复杂业务逻辑转化为清晰的用户体验。

"设计不只是让界面好看，更是让复杂的信息变得有序、让用户的每一步操作都有迹可循。"

核心能力

01

交互设计

从用户调研到高保真原型的全流程设计，擅长复杂系统信息架构与交互流程梳理。

Figma Axure Photoshop AI
02

数据可视化

大屏数据可视化设计，从数据梳理到视觉呈现，构建清晰的信息层级与视觉引导。

ECharts D3.js After Effects
03

多端设计

App、Web、大屏、穿戴设备多端协同设计，确保跨平台体验一致性。

iOS Android Web 大屏
04

设计研究

用户调研、可用性测试、设计规范体系建设，以研究驱动设计决策。

用户访谈 设计规范 SUS 评估
PROJECTS

精选 作品

从研究到交付，每个项目都展示完整的设计思维与过程

01
毕业设计 · 同济大学

社区室内健身智联交互设计

UI/UX 智能硬件 IoT 2024

基于 LWSN 低功耗无线传感网络，构建从用户健身引导到管理智能调度的全链路闭环

角色 独立设计 · 研究
时间 2024.4 - 2026.5
类型 智能硬件 + 双端系统
平台 pc端 / 硬件
研究与调研
设计过程
双端方案
成果与评估
01
研究背景
Background
社区健身空间智能化转型

随着全民健身政策推进，社区室内健身空间成为居民日常运动的重要场景。然而现有健身空间存在设备管理粗放、用户体验割裂、数据不可见等问题，亟需通过 物联网 + 交互设计实现智能化升级。

02
研究问题
Research Questions
三个核心研究问题
  • Q1：如何构建基于多触点触发的"随动协同"交互机制，解决用户在不同设备场景下的体验割裂问题？
  • Q2：如何设计"情感化"环境反馈激励，解决枯燥数据对用户内在动机激励失效的问题？
  • Q3：如何搭建基于可视化理念的"全景式"服务触点，解决管理层数据中获取不可见与落地困难的问题？
03
研究方法与框架
Methodology & Framework
四层模型 + 全流程方法论

基于 Fogg 行为模型构建 行为驱动层 → 身体感知层 → 情感反馈层 → 管理决策层的四层研究模型。

FIG 1.2全景研究框架 🔍 查看高清大图
全景研究框架 · 论文技术路线
拖拽 平移 · 按钮 缩放 · 点图看全屏
100%
FIG 1.1理论推导设计路径 🔍 查看高清大图
理论推导设计路径 · 四层模型
04
定量用户研究
Quantitative Research
问卷调查 · 193 份有效样本

覆盖 3 个社区，有效回收率 96.5%。

定量研究 · QUANTITATIVE RESEARCH N = 193
88.6%
主力人群 · 21–40 岁
82.9%
核心痛点 · 动力与氛围
73.6%
首要诉求 · 缺乏指导
健身难以持续的主因
缺乏指导 73.6%
缺乏坚持 47.7%
时间不足 28.5%
缺乏同伴 13.5%
05
定性用户研究
Qualitative Research
用户走访 + STAR 模型分析

实地走访 3 处社区健身空间，对 5 名居民 + 7 名工作人员进行深度访谈。

用户访谈
用户深度访谈
5 名居民 · 面对面半结构化访谈
健身中心外景
社区健身中心 · 外景
实地走访 3 处社区健身空间
健身中心内景
社区健身中心 · 有氧区
器械配置与使用场景观察
健身中心力量区
社区健身中心 · 力量区
自由重量与固定器械区

访谈记录 USER PERSONA · 05

5 位受访者 · 13 项访谈维度
06
定性定量分析对比
Synthesis Matrix
用户分群 + 设计机会洞察

通过定量 + 定性研究发现，运动反应较低、刚接触健身的人群对 "无屏化交互"+ "动态交互体验"的诉求最强。

交叉验证矩阵
07
机会点分析
Opportunity Analysis
目标群体与设计方向

通过用户分群与痛点分析，提炼C端用户与B端管理者的核心需求，并从 隐式连接、情感反馈、空间数字化与多模态协同 四个方向挖掘设计机会。

机会点分析
08
技术方案对比
Technology Comparison
蓝牙 Mesh vs Wi-Fi vs LoRa vs Zigbee

从技术、成本、易落实性、交互体验关联性、适应场景五个维度对比，最终选择 蓝牙 Mesh方案。

LWSN 技术说明 LWSN 技术对比
09
智能地垫方案流程图
Smart Mat Solution Flow
数据链路：手环 → 智能地垫 → 云服务器 → 双端

蓝牙手环采集运动数据，智能地垫捕捉位置，上传至云服务器后同步至管理端与用户端。

智能地垫流程 智能地垫方案流程图
10
网络体系架构
Network Architecture
四层架构 + AI 预测模型

构建"上位机关联门 → 下达指令政策端 → AI预测模型 → 社区边缘智联平台"四层架构。

网络体系架构 网络体系架构
11
系统思维导图
System Mind Map
12 个子系统构成完整智联体系

围绕"社区室内健身智联系统"展开，包含空间管理、设备管理、健康管理等 12 个子系统。

系统思维导图 系统思维导图
12
硬件概念图
Hardware Concept
智能地垫 + 无屏手环

基于 BLE 5.0 + 地磁传感器，设计 智能地垫和 无屏手环两款核心硬件。

健身场景
智能地垫 · 概念图
地磁 + BLE 5.0 位置感知
智能地垫特写
智能无屏手环 · 概念图
极简佩戴 · 实时反馈
13
·
最终成果与交互演练
FINAL PROTOTYPE SHOWCASE
灯光粒子反馈 + 体感渲染

通过粒子动画、灯光等形式把“运动状态可视化”，构建 “沉浸感运动场域”。

健身环境激励反馈界面
健身环境激励反馈界面
智能健身环境 · 视觉沉浸激励式反馈
交互演示
首页交互流程演示
实景空间
实景空间（AI生成）
社区健身场域实景
14
·
核心设计方案
· CORE DESIGN SOLUTIONS
PART 01 管理系统交互主界面 Main Interface of the Management System
智能监控 → 数据可视管理 → 预警 → 立即响应
PART 02 AI辅助参与决策功能界面 User interface for AI-assisted decision-making
AI方案预测功能
AI辅助模拟规划功能
PART 03 其他功能页详情 Details of other feature pages
01安防监控
02用户数据分析
03设施数据分析
→
系统流程故事版
· SYSTEM FLOW STORYBOARD
DXI · TONGJI DESIGN
15
Prototype & User Evaluation

原型实现与用户评估

100%
任务完成率
85.0
可用性总分 · SUS
≥1.05
体验平均得分
User Experience Evaluation

研究采用场景化原型测试与用户访谈相结合的方法，收集13名受试者的有效反馈，其中包括 10名青年居民与3名健身房管理人员 7 位用户 通过行为观察、量表评价与深度访谈进行交叉验证，从用户体验与管理效率两个维度评估系统的有效性。

01
UEQ 量表
从吸引力、新颖性、刺激性、清晰性、效率、可控性六个维度评估C端体验。
02
SUS 量表
通过标准化可用性量表评估B端管理系统的易用性与操作效率。
03
深度访谈
结合行为反馈与访谈内容，进一步验证情感反馈与空间管理设计的实际体验。
Quantitative Results85.0SUS
吸引力
1.65
新颖性
1.78
刺激性
1.55
清晰性
1.35
效率
1.15
可控性
1.05
UEQ 均值 / 满分 2.0 · N = 193
16
Conclusion & Future Work

总结与展望

Research Conclusion

研究基于 LWSN 技术 实现了 无感入场连接、沉浸式运动反馈与数据可视化智慧管理三大核心产出。实验结果显示，生成式视觉反馈能够增强运动过程中的即时反馈与情感激励；管理端SUS得分达到85分，表明系统具有较好的可用性与操作效率。

Key Innovations
01
交互
无感交互 × 环境触发
将环境作为动机源，主动激活用户参与行为。
02
反馈
生成式视觉 × 情感激励
情感反馈实时生成艺术化、可视化的健身数据。
03
系统
C端体验 × B端管理协同
智慧化管理与及时的需求响应
Limitations & Outlook
样本 有效样本量较少，后续扩展至不同年龄段、不同健身经验人群。
场景 LWSN 技术模拟实验，真实硬件与社区部署为下一阶段重点。
工程 未进入小批量生产，需与制造方协作推进 CMF 与成本优化。
隐私 情绪与生物信号数据，需建立严格的数据伦理与用户授权机制。
02
主打项目

KT 项目 — 军工微飞探测设备软件

中科院 UI/UX 交互设计 军工软件

主导军工微飞探测设备软件的交互与 UI 设计，让复杂探测任务具备清晰、专业的操作体验

角色 主设计师
时间 2023.03 - 2025.02
类型 探测设备软件
平台 PC / 设备端
调研
分析
构思
设计
验证
01
背景简介
BACKGROUND
专业探测软件操作复杂、信息过载

军工微飞探测设备面向专业操作人员，原有软件界面信息密度高、操作流程复杂，在精度要求严苛的探测任务中容易产生误操作。项目主负责软件交互与 UI 设计，目标是重建清晰的信息架构与操作流程，在专业性之外降低认知负荷、提升易用性。

02
需求整理总结
REQUIREMENTS
10 项需求 · 4 大聚类 · 3 级优先级

将分散的用户诉求归纳为安全保障、团队协同、交互体验、自主决策四类，并依据重要性构建需求优先级能量塔。

01
安全保障
  • 设备质量好·佩戴牢靠·适用多环境
  • 危险时系统及时反馈队友 / 上级
  • 设备信息安全保护
02
交互体验
  • 通信和感知数据互通准确及时，交互方便
  • 关键信息突出·逻辑清晰
03
团队协同
  • 查看队友定位 / 状态 / 危险等级
  • 了解对方关系·距离
  • 了解人员情况·定位
  • 跨场景发送关键信息
04
自主决策
  • 系统拥有自主选择决策权（减少人为操作）
PRIORITY · 3 LEVELS
需求优先级能量塔
01
保证自身和信息安全保证不影响行动能力
02
保证团队行动评估清我方态势
03
执行任务解救人质
03
用户旅程图
USER JOURNEY
改善前 vs 改善后 · 体验跃迁

通过用户旅程图对比设计前后：从信息割裂、依赖人工，转向数据驱动、智能协同的流畅作业流。

▼ 改善前 · BEFORE USER JOURNEY
维度
接收任务
寻找目标
确认目标
行动
行动 / 情绪曲线
触点
接收任务
1、与队友通过传统手持通信互动；
2、查看手持上的态势、数据和融合数据
1、与上级通过传统手持通信互动；
2、给上级看不太直观智能实时场景；
3、通过繁琐的交互进行通信
1、用传统手持协同任务，进行指令通信
行为
优化前行为
痛点 / 机会
1、用户进入场景，进行任务时有一定的危险性
1、设备易暴露，集成度低，重量重；通信效率低，信息传输能力差；
2、协同交互功能不完善，不及时；没有自主决策和智能决策的能力
1、仅能实现通信、数据共享等功能；
2、无法准确感知我方任务进程等相关信息
1、很难保证协同感知等需求
▲ 改善后 · AFTER USER JOURNEY
维度
接收任务
寻找目标
确认目标
行动
行动 / 情绪曲线
阶段
基于KT上传过来的信息数据，通过分析评估后，用语音/报文/线下等形式发送命令/任务给班组/分队
基于KT上传过来的信息数据，用户与AR眼镜和便携手持进行人机交互
用户通过AR眼镜和便携手持与上级/队友进行通信
快速高效执行行动
行为
优化后行为
触点
任务通信
1、与队友智能通信互动；
2、查看基于人和环境相关数据；
3、增强用户对外部环境感知能力
1、与上级通信互动；
2、给上级看实时场景和关键信息数据；
3、自动上传队伍整体状态数据
智能协同行动，包括协同感知，协同任务等
04
核心方案设计 + 层级信息架构
CORE SOLUTION
三级信息层级降低认知负荷

将操作界面设计为专业深色 HUD 风格，关键信息以雷达图、态势地图等可视化形式呈现。通过三级信息层级（概览 → 详情 → 操作）降低认知负荷；同步构建界面与图标图形体系，把控整体外观风格，结合测试研究优化易用性，并完成切图标注与开发走查。

主操作界面
主操作界面
态势地图
态势地图
05
项目成果
OUTCOMES
全流程主导 · 外场验收 · 多版迭代
0→1 从调研、需求、原型到 UI 与走查全流程主导
外场 参与外场实地测试走查，通过严苛验收
多版 持续完善优化，更新迭代多个版本
03

ZC 项目 — 态势管理与决策系统

中科院 UI/UX 数据可视化 B端

海量数据可视化设计，让决策者一眼看懂全局态势

角色 UI 设计师
时间 2020.11 - 2021.10
类型 数据可视化平台
平台 Web / 大屏
数据梳理
信息架构
视觉设计
迭代
01
项目背景
BACKGROUND
信息过载 → 层次分明

为中国科学院上海微系统与信息技术研究所设计的态势管理系统，需求需同时呈现数十种实时数据源，原有界面信息过载，决策者难以快速获取关键信息。设计目标是在保证数据完整性的前提下，建立清晰的信息层级和视觉引导。

系统总览 ZC项目总览
02
核心方案
CORE SOLUTION
三层信息架构 + 态势地图

设计三级信息架构：宏观态势（地图总览）→ 中观分组（区域/类别筛选）→ 微观详情（单点数据钻取）。采用深色科技主题，搭配数据动效引导视觉焦点。

实现的功能
实现的功能
相关图标组件展示
相关图标组件
03
项目成果
OUTCOMES
30+ 组件 · 3 层架构 · 100% 规范覆盖
30+ 数据可视化组件
3层 信息架构设计
100% 设计规范覆盖率
04

新传感项目 — 手持传感软件交互设计

中科院 UI/UX 传感设备

面向环境监测场景，设计从需求分析到交付走查的完整手持软件交互方案

角色 UI/UX 设计师
时间 2019.05 - 2022.08
类型 手持传感软件
平台 Android / 手持终端
调研
分析
设计
规范
交付
01
项目背景
BACKGROUND
从需求分析到实施开发的完整 UX 流程

为中国科学院上海微系统与信息技术研究所设计的手持传感软件，覆盖环境监测场景下数据录入、参数配置、离线存储、蓝牙同步等核心任务。负责需求分析、交互设计、界面设计、实施开发支持等全流程环节。

主要负责环节 新传感项目主要负责环节
02
设计分析
ANALYSIS
基于设计思维的系统分析

围绕用户使用场景、需求与产品功能展开分析，结合同理心地图、用户画像等方法，输出思维导图、功能流程与需求表，为后续原型设计提供明确依据。

设计分析 设计思维相关分析
03
交互原型
PROTOTYPE
原型设计与效果图（UI）设计

建立颜色、字体、控件、间距、图标等设计规范，完成标注切图与界面元素交付。

原型与UI设计 交互原型 DEMO 制作
04
交付规范
DELIVERY
优化迭代与走查跟进

结合外在因素与相关产品特性梳理功能与交互流程，并对关键节点进行简要说明与自查，确保信息层级与交互逻辑清晰。

优化迭代 设计规范与交付
05

岸基监测系统 DEMO

中科院 UI/UX 监测大屏 Demo

海洋环境多维度监测数据的可视化交互设计

角色 UI 设计师
时间 2018.06 - 2018.08
类型 海洋监测系统
平台 Web / 大屏
领域调研
视觉设计
组件库
DEMO 交付
01
项目背景
BACKGROUND
深色科技大屏 · 一屏掌握全域态势

为中国科学院上海微系统与信息技术研究所设计的岸基监测场景 DEMO 可视化系统，集中呈现水文气象、设备状态、目标轨迹与海域态势等多维数据；左侧整合数据看板、任务列表与状态预警，右侧以三维海况与目标航迹还原真实作业场景，信息层级清晰、视觉风格统一，满足指挥人员实时观测与快速决策。

系统主界面 岸基监测系统界面
MORE SELECTED WORK

更多 精选作品

蹲守者 查看相册
中科院微系统所

蹲守者

PC 与移动端协同的任务监控与蹲守记录管理系统，覆盖任务派发、轨迹追踪、监控查看与数据管理，支撑外场多角色高效协作。

任务系统 GIS G端
城市眼 查看相册
女性安全 · 数字孪生

城市眼

女性安全场景下的数字孪生城市管理方案，串联利益相关者、技术设备、方案系统与移动端/家属端交互流程。

数字孪生 IoT 女性安全
工会 APP 温馨之家 查看相册
中科院微系统所

工会 APP — 温馨之家

面向职工的工会服务移动端，围绕民主管理、学习园地、文化活动、生活福利四大功能，打造指尖上的职工之家。

APP 服务设计 政企
帮融网 查看相册
今繁投资

帮融网

金融信贷平台 PC / 移动端全链路设计，从品牌 Logo 到设计规范、网站原型与公众号登录，建立可复用的组件体系。

金融 PC/移动 组件化
CAREER

工作 经历

2023.9 - 2026.6

同济大学

设计创意学院 · 交互设计 硕士（非全）

智能交互设计方向，毕业设计研究 LWSN 技术在社区健身场景的交互设计应用；理论体系与实战经验并重。

2018.5 - 2025.9

中国科学院上海微系统与信息技术研究所

UX 设计工程师

主导多个军工侦察类软件及政府科研项目的交互与视觉设计，深度参与需求调研、用户建模到开发落地全链路，所负责项目均通过严苛外场测试验收。代表项目涵盖 KT 微飞探测、新传感 / ZC 态势管理、手持改多级通信、远程系统、蹲守者监控、基岸海底仿真推演等。

2017.6 - 2018.4

上海今繁投资管理有限公司

UI / 产品

负责金融信贷平台全系产品设计，从竞品分析出发优化交互逻辑、提升用户留存；主导帮融网 PC / 移动端从 0 到 1 设计与组件化规范搭建。

2014.11 - 2017.3

北京航天宏图信息技术股份有限公司

UI / UE

主负责 Web 端效果图设计与 HTML / CSS 前端静态页面实现，兼顾移动端、平面与视频剪辑；参与航天、智慧城市、智慧校园及海外、部队、水利局等政企项目。

2011.9 - 2015.6

华北理工大学轻工学院

信息管理与信息系统 · 学士

系统学习软件工程与信息管理知识，奠定技术思维与设计落地能力基础。

GET IN TOUCH

期待与您 合作

如果您正在寻找一位经验丰富，熟悉从立项、设计到开发全链路且能独立扛事的交互设计师，欢迎共事😊

×
缩放 100% · 滚轮缩放 · 拖拽平移
4K 全屏交互画板
滚轮缩放（1x–3x）· 按住拖拽平移 · 点击空白处或 × 关闭