PIXSO · 用户体验设计

UX 设计工具

从流程到原型,
让团队更快达成共识

用 Pixso 梳理用户流程、复用组件搭建界面、连接交互原型,再邀请团队在线评审。需求、设计与交付在一个平台持续推进,减少反复导图、传文件和确认版本。

了解 Pixso 的 UX 设计能力
Pixso 原型编辑器:为多个界面连接交互,并设置流程起始点
让静态界面连成可操作的演示

设计与协作,在一个平台推进

为什么用 Pixso 做 UX 设计?

好想法不该耗在反复整理文件上。Pixso 把白板、界面设计、交互原型和团队评审放在一个平台:流程可以共同梳理,组件可以继续复用,反馈可以定位到画面。让团队少花时间传递和解释方案,多把精力放在用户体验上。

  1. 01用户流程一起梳理需求,看清关键路径
  2. 02线框与组件复用设计资产,更快展开方案
  3. 03交互原型让方案可操作,让讨论更具体
  4. 04协作与版本反馈有位置,修改有记录

01 / 用户流程

在白板上梳理流程,
让团队对齐需求

在 Pixso 白板中,用便签、图形和连接线整理研究记录与用户路径。产品经理和设计师可以一起补充节点、比较方案,把讨论留在流程旁,让需求从零散信息变成团队看得懂的设计起点。

  • 多人共同梳理。一起整理用户目标、业务要求和待解决的问题,减少会后重新汇总意见的工作。
  • 路径与分支直观呈现。通过图形与连接线表达入口、操作和结果,在画页面前看清缺项、退回与取消等情况。
  • 资料跟着流程走。把需求、参考图和讨论放在对应节点旁,后来加入的成员也能理解方案的来龙去脉。
任务路径提交报销,不只有一条直线
  1. 01填写费用
  2. 02添加凭证
  3. 03确认提交
提交时,必要信息是否完整?
信息完整提交成功待审核

给出结果,允许返回列表

缺少凭证停留在填写页指出缺失凭证

保留已填内容,补齐后再提交

审核退回

从退回记录继续处理

  1. 查看原因
  2. 补充材料
  3. 重新提交
  4. 待审核
提交前的缺项和提交后的退回,需要不同的处理路径。
例如 · 提交报销

画出“成功”,也画出“没完成”

除了提交成功,还要让用户知道缺了什么、退回后改哪里,以及重新提交后处于什么状态。

提交成功
明确显示“待审核”,与审核通过、付款完成分开。
缺少必要信息
指出缺失凭证,保留已填金额和说明,不让用户重新填写。
审核退回
原因紧邻补材料入口,修改后可以继续提交。
页面结构同一笔报销,每一步都有回应
01报销列表
待处理全部记录
已退回差旅报销BX-1028¥680.00查看退回原因

先看到状态,
再决定要处理哪一笔。

02退回详情
差旅报销BX-1028 · ¥680.00
退回原因

住宿发票信息不清晰,请重新上传后提交。

住宿发票需重新上传
补充材料

原因和操作放在一起,
费用信息继续保留。

03
补充凭证后,重新提交

清晰的住宿发票已添加 · BX-1028 · ¥680.00

重新提交成功

状态:待审核

返回列表
找到退回记录,补充材料,再确认提交后的新状态。

02 / 页面结构

复用组件搭建线框,
把时间留给体验细节

用基础控件快速搭建线框,也能从已有设计文件、团队组件和社区资源继续设计。Pixso 让你把页面结构、关键操作和不同状态放在一起推敲,减少重复绘制,让方案更快进入团队讨论。

  • 低保真先行,视觉逐步完善。在原型文件中用基础控件安排页面;在设计文件中用画板、文字和图形搭建结构,再完善视觉细节。
  • 已有资产继续发挥价值。复用组件与样式,或导入已有设计文件,减少从头画按钮、表单和导航的重复工作。
  • 多屏、多状态一起对照。把报销列表、退回详情和提交结果并排组织,检查信息是否连续;加载、空内容与错误状态也能一起设计。

进一步完善视觉时,Pixso 的 UI 设计工具支持图形绘制、组件与自动布局,让体验方案延续到正式界面。

03 / 交互演示

让方案动起来,评审不再只看截图

在 Pixso 中连接画板与图层,设置触发事件、页面跳转和转场动画,把静态界面变成可操作的原型。通过链接分享演示,让产品、设计与研发亲手体验关键任务,在开发前讨论操作逻辑与反馈。

Pixso 原型交互设置:选择触发事件、动作和目标
通过交互设置,把操作与下一步反馈连接起来

让交互意图更容易被理解

把操作与反馈连起来

设置单击、悬停等触发事件,配合页面跳转与转场,让参与者看到每一步操作后的变化。

让不同任务有各自入口

为流程命名并设置起点。评审哪条路径,就从相应位置开始,减少在一整组页面里来回查找。

把讨论落到真实操作

分享原型演示,让参与者按任务尝试。结合操作中的停顿与反馈,判断入口、状态和返回路径是否清楚。

了解交互原型能力
评审时,给任务,少给操作提示。

例如请对方“找到一笔被退回的报销,并补充材料后重新提交”。记录他在哪一步停顿、误点了什么、在哪里找不到入口,再将问题对应到流程和页面,带着具体反馈修改方案。

04 / 反馈与迭代

反馈留在设计旁,
每次修改都接得上

在画布的具体位置添加评论、@协作者并继续讨论,反馈自带画面上下文。结合链接分享、访问权限与关键版本记录,Pixso 帮助团队跟进修改,减少截图散落在聊天记录、意见对应不上文件的困扰。

  • 评论直接对应画面。按位置或区域留下意见,在同一条讨论里回复,处理后标记为已解决,减少反复解释“改的是哪里”。
  • 按角色共享方案。根据成员需要授予访问权限,分别分享设计文件或原型演示,让参与者进入合适的协作环节。
  • 关键版本可回溯。保存带备注的版本,用于记录评审节点、查看变化或恢复已保留的方案,后续迭代有据可查。

例如,评审发现报销页的补材料入口不清楚,可以把意见直接留在退回详情的对应位置。调整原因与按钮的位置后,再请团队走一遍任务,让反馈落实到设计。

了解定位评论与团队协作
Pixso 原型演示中的定位评论:针对画面细节展开讨论和回复
把反馈与具体画面放在一起,方便讨论和跟进

设计评审之后,继续推进研发交付

研发可在设计文件中查看标注、获取切图和可用的样式代码,并结合原型理解交互。多产品团队可用 设计系统统一组件与规范;需要内网部署和组织权限管理时,也可选择 私有化部署,让团队规模扩大后仍能沿用已有设计资产。

打开一个真实文件

从一条业务流程开始做 UX 设计

打开“小微企业零成本跑通业财协同”社区文件,查看业务信息如何组织为页面。再回到自己的项目,梳理用户目标、关键操作与异常分支,把流程逐步落实到线框与交互原型。

查看业财协同设计文件
社区公开文件流程 · 页面 · 协作用于参考业务信息与页面的组织方式

常见问题

UX 设计和 UI 设计有什么区别?

UX 设计侧重用户目标、任务流程与操作体验,UI 设计侧重界面的视觉表达和交互呈现。两者需要一起推进:先确定用户如何完成任务,再通过布局、组件、文字和反馈把方案落实到界面。

做 UX 设计,需要先画完高保真 UI 吗?

不需要。可以先用线框确认内容层级与任务顺序,连接简单原型后讨论关键路径。结构稳定后,再完善视觉、组件和不同状态,避免在尚未确定的流程上反复打磨细节。

如何让团队或客户体验方案?

为需要讨论的任务设置流程起点,分享原型演示链接,并配置访问权限。参与者可以操作演示;团队结合定位评论记录问题、跟进修改。需要共同编辑时,分享设计文件并授予相应权限。

已有设计文件可以继续使用吗?

可以。Pixso 支持导入多种设计文件,继续编辑图层并设置原型交互。导入前可查看 设计文件导入指南,选择对应格式的方法;导入后检查字体、组件和关键页面,确保已有设计正确呈现。

免费版可以开始做 UX 设计吗?

可以。个人与团队都可以从免费版开始设计和协作,团队项目、文件和页面设有免费额度。查看 Pixso 价格与版本权益,按团队规模和协作需要选择版本。

用 Pixso 推进下一次体验迭代

把好体验做出来,
让团队一起参与

从一条用户流程开始,搭建界面、连接原型、邀请评审。让想法成为可讨论、可迭代的设计方案。

提供免费版,可先从个人设计或小型项目开始。