UX/UI 设计

为你真正要开发的产品做 UX/UI 设计。

在开发时间投入到界面之前，先确定用户如何完成关键任务。我们梳理流程，用可点击原型与真实用户验证，并交付开发团队无需猜测即可实现的界面和组件。

讨论 UX/UI 设计范围 →

服务概要

UX/UI 设计把已确认的产品需求转化为用户流程、可点击原型和可实现的界面。本服务覆盖约定的任务与界面、与真实参与者进行的可用性测试，以及开发团队可以直接实现的设计交付。

适合这些情况

即将开发或重建应用，但核心流程尚未设计的团队
用户在注册、配置或核心任务中流失的产品

其他服务可能更合适

需求、架构和开发报价仍未确定
需要的是营销或内容网站，而不是应用

从决定产品成败的任务开始

挑出用户必须完成、产品才有价值的少数几项任务：注册、完成配置、完成核心工作、从错误中恢复。先把这些任务从头到尾设计好，再打磨其他部分。如果产品方向、需求或开发报价仍未确定，请先通过软件需求分析解决；本服务以范围已明确为前提。面向公众的营销或内容网站属于网站开发。

设计工作交付什么

每项成果都是为了消除开发中的一个猜测。我们按阶段约定深度，而不是默认交付所有可能的文档。

用户流程与状态

把每项约定任务画成流程，包括空状态、加载、错误、权限不足和未完成等状态。大多数界面正是在这些地方出问题。

线框图与可点击原型

先做低保真布局，再为风险最高的流程制作可点击原型。流程经你确认后才开始写代码。

界面设计与组件

为约定界面完成视觉设计，基于可复用组件、变体以及间距和字体变量构建。只有产品确实需要时才扩展为设计系统。

可直接开发的交付

提供带标注的界面、交互说明、响应式行为和组件规格，并在开发前与你的开发团队逐一过一遍。

用真实用户检验流程，而不只是内部评审

内部评审能告诉你设计是否符合需求；观察几位目标用户尝试完成任务，才能看出流程在哪里卡住。我们基于原型进行简短的主持式测试，记录阻碍用户的地方，并在开发前修改设计。参与者由你协助从客户或受众中招募。我们没有用户研究样本库或研究实验室，方案中会写明每场测试由谁主持。更大规模的研究、定量研究或通过机构招募需另行约定。无障碍设计模式是设计的一部分（对比度、焦点顺序、标签、点击区域大小）；对已开发产品按 WCAG 2.2 进行正式评估，属于单独的无障碍审计。

示例测试：阻碍注册的表单

以下为示例，不是客户成果。某注册流程在用户看到任何有用内容之前就要求填写公司信息。在原型测试中，参与者在公司信息表单前犹豫，并询问为什么需要这些信息。修改后的流程先用邮箱开始，让用户看到产品，等到第一个真正需要公司信息的操作时再询问。测试记录写明任务、原型版本、参与者的实际操作、所做修改，以及在开发完成后仍需检查的内容。它记录的是方法，而不是测得的提升。

分阶段设计，每个阶段结束都做一次决定

每个阶段开始前确认范围和报价。你可以把原型交给自己的团队，也可以通过定制软件开发直接进入开发。

流程与原型
获得任务流程、线框图、可点击原型，以及风险最高任务的测试记录。
界面设计与交付
获得约定的界面、组件和带标注的规格说明，并与你的开发团队一起审核。
开发期间的设计支持
另行约定评审频率和变更边界。开发中出现的设计问题，以约定的流程为依据解答。

设计文件及其背后的决策都归你所有

设计文件保存在你的工作区（通常是 Figma），或在交接时转移给你，同时附上组件库和解释每个流程设计原因的说明。我们同时负责软件的范围规划和开发，因此设计时会充分考虑实现。如果你的范围需要专业的视觉或品牌设计，方案中会写明由谁提供。品牌识别、标志和营销活动不在本服务范围内。

// 实证

现有工程项目中的产品体验实践

我们不发布设计作品集。以下案例展示的是工程项目中的 UX 决策，而不是独立的设计项目。Afoma：通过社交登录和后台静默创建钱包，让市场用户完全接触不到加密术语，现有用户无需重新注册即可切换到新的登录方式。Aniron：让开发者门户中的注册、API 密钥和余额状态在桌面端和移动端都清晰易懂。Twinsoft AI：在产品稳定后进行多轮界面迭代，为企业试点洽谈做好准备。